/* v148 · «مرکز من» (Me hub) در تب پروفایل */
#s-profile.me148on{ padding-left:0 !important; padding-right:0 !important }
#s-profile.me148on > *:not(#me148host){ display:none !important }

.me148{ --ink:#1F1433; --sub:#8A82A0; color:var(--ink); padding:10px 12px calc(96px + env(safe-area-inset-bottom)); max-width:560px; margin:0 auto }
.me148 button{ font-family:inherit; color:inherit }

/* ═══ سربرگ ═══ */
.hr148{ position:relative; overflow:hidden; padding:16px 14px 12px; border-radius:28px; cursor:pointer; color:#fff; isolation:isolate;
  background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 70%,#3B0764),color-mix(in srgb,var(--c2) 75%,#1E1B4B) 70%);
  box-shadow:0 14px 34px color-mix(in srgb,var(--c2) 35%,transparent), inset 0 1px 0 rgba(255,255,255,.3) }
.hr148 .bl145{ opacity:.55; z-index:-1 }
.hrg148{ position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(120deg,rgba(255,255,255,.07) 0 1px,transparent 1px 16px), radial-gradient(90% 70% at 100% 0%,rgba(255,255,255,.18),transparent 60%) }
.hrt148{ display:flex; align-items:center; gap:12px }
.hav148{ position:relative; flex:none; width:70px; height:70px }
.hav148 > img:not(.afr146), .hav148 > em{ position:relative; z-index:1; display:grid; place-items:center; width:100%; height:100%; box-sizing:border-box; border-radius:50%; object-fit:cover;
  border:3px solid rgba(255,255,255,.9); background:linear-gradient(135deg,#7C3AED,#EC4899); font-style:normal; font-size:26px; font-weight:900 }
.hav148 .rg145{ inset:-4px }
.hav148 .afr146{ position:absolute; left:-30%; top:-30%; width:160%; height:160%; object-fit:contain; z-index:2; pointer-events:none }
.hav148.fr .rg145{ display:none }
.hin148{ flex:1; min-width:0; text-align:start }
.hnm148{ display:flex; align-items:center; gap:5px; min-width:0 }
.hnm148 b{ font-size:19px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 3px rgba(0,0,0,.2) }
.hnm148 .vf145 svg{ width:18px; height:18px; display:block }
.hid148{ display:flex; align-items:center; gap:6px; margin-top:4px }
.hid148 > span{ font-size:15px; line-height:1 }
.hid148 button{ display:inline-flex; align-items:center; gap:4px; padding:2px 9px; border:0; border-radius:99px; cursor:pointer; direction:ltr;
  font-size:11.5px; font-weight:800; color:#fff !important; background:rgba(0,0,0,.22) }
.hid148 button svg{ width:12px; height:12px }
.hch148{ justify-content:flex-start; margin-top:7px; gap:5px }
.hch148 .gc145, .hch148 .lc145{ height:20px; font-size:11px }
.hgo148{ flex:none; width:22px; height:22px; opacity:.85 }
.hgo148 svg{ width:100%; height:100% }
[dir=rtl] .hgo148 svg{ transform:scaleX(-1) }
.hst148{ position:absolute; top:12px; inset-inline-end:12px; width:34px; height:34px; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer;
  background:rgba(255,255,255,.18); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
.hst148 svg{ width:19px; height:19px }
.hrt148{ padding-inline-end:36px }
.hsg148{ display:flex; align-items:center; gap:6px; width:100%; margin-top:12px; padding:7px 11px; border:0; border-radius:12px; cursor:pointer; text-align:start;
  font-size:12px; font-weight:700; color:rgba(255,255,255,.92) !important; background:rgba(0,0,0,.18) }
.hsg148 svg{ flex:none; width:14px; height:14px; opacity:.85 }
.hsg148 span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; unicode-bidi:plaintext }
.hss148{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:10px }
.hss148 button{ position:relative; display:flex; flex-direction:column; align-items:center; gap:1px; border:0; background:none; cursor:pointer; color:#fff !important; padding:4px 0 }
.hss148 button + button::before{ content:""; position:absolute; inset-inline-start:0; top:22%; bottom:22%; width:1px; background:rgba(255,255,255,.25) }
.hss148 b{ font-size:19px; font-weight:900; direction:ltr }
.hss148 small{ font-size:11px; font-weight:700; opacity:.8 }
.hss148 i{ position:absolute; top:0; left:50%; margin-left:14px; padding:0 6px; border-radius:99px; font-style:normal; font-size:10px; font-weight:900; line-height:16px; color:#fff; background:#F43F5E; box-shadow:0 0 0 2px rgba(255,255,255,.6); direction:ltr }

/* ═══ کیف پول / VIP / فروشگاه ═══ */
.mn148{ display:grid; grid-template-columns:1.15fr 1fr; gap:9px; margin-top:12px }
.mn148 > button, .mnr148 > button{ position:relative; overflow:hidden; border:0; cursor:pointer; text-align:start; color:#fff !important; border-radius:20px; transition:transform .12s }
.mn148 button:active{ transform:scale(.97) }
.ttl148{ position:relative; z-index:1; display:flex; align-items:center; gap:2px; font-size:16px; font-weight:900; font-style:italic; letter-spacing:.3px; text-shadow:0 2px 4px rgba(0,0,0,.25) }
.ttl148 svg{ width:16px; height:16px }
[dir=rtl] .ttl148 svg{ transform:scaleX(-1) }
.wl148{ display:flex; flex-direction:column; gap:7px; min-height:150px; padding:13px 12px;
  background:radial-gradient(90% 70% at 100% 100%,rgba(255,200,120,.35),transparent 60%),linear-gradient(145deg,#F43F5E,#BE123C 60%,#881337); box-shadow:0 10px 24px rgba(190,18,60,.3) }
.bal148{ position:relative; z-index:1; display:flex; align-items:center; gap:6px; direction:ltr; justify-content:flex-start; width:max-content; padding:3px 10px 3px 4px; border-radius:99px; background:rgba(0,0,0,.2) }
[dir=rtl] .bal148{ align-self:flex-start }
.bal148 svg{ width:18px; height:18px }
.bal148 b{ font-size:14px; font-weight:900 }
.wli148{ position:absolute; inset-inline-end:-4px; bottom:-6px; width:74px; height:74px; transform:rotate(-8deg); filter:drop-shadow(0 6px 10px rgba(0,0,0,.25)); animation:fl145 3.2s ease-in-out infinite }
.mnr148{ display:grid; grid-template-rows:1fr 1fr; gap:9px }
.vp148, .ml148{ padding:10px 12px; min-height:70px }
.vp148{ background:radial-gradient(80% 90% at 100% 0%,rgba(255,201,64,.35),transparent 60%),linear-gradient(145deg,#3F3F46,#09090B); box-shadow:0 8px 20px rgba(0,0,0,.25) }
.vp148 .ttl148{ color:#FFD166 }
.vpb148{ position:relative; z-index:1; display:inline-block; margin-top:5px; padding:2px 10px; border-radius:99px; font-size:11px; font-weight:900; color:#3B1D00; background:linear-gradient(90deg,#FFE08A,#F59E0B) }
.vpi148{ position:absolute; inset-inline-end:6px; bottom:6px; width:44px; height:44px; filter:drop-shadow(0 4px 8px rgba(245,158,11,.5)); animation:fl145 3s ease-in-out infinite }
.ml148{ background:radial-gradient(80% 90% at 100% 0%,rgba(255,255,255,.25),transparent 60%),linear-gradient(145deg,#8B5CF6,#4C1D95); box-shadow:0 8px 20px rgba(91,33,182,.3) }
.mli148{ position:absolute; inset-inline-end:6px; bottom:4px; width:44px; height:44px; filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) }
.mn148 > button::after, .mnr148 > button::after{ content:""; position:absolute; top:-40%; bottom:-40%; width:36%; left:-60%; transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); animation:sh145 4.2s ease-in-out infinite }
.mnr148 > button:nth-child(2)::after{ animation-delay:1.4s }

/* ═══ آیکن‌های طلایی ═══ */
.qk148{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px 4px; margin-top:12px; padding:16px 6px 14px; border-radius:24px; background:#fff; box-shadow:0 8px 26px rgba(76,29,149,.08) }
.qk148 button{ display:flex; flex-direction:column; align-items:center; gap:6px; border:0; background:none; cursor:pointer; padding:0; animation:pop146 .45s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 30ms) }
.qk148 span{ width:52px; height:52px; display:grid; place-items:center; border-radius:18px; background:radial-gradient(circle at 50% 35%,#FFFBEB,#FEF3C7 70%); box-shadow:inset 0 0 0 1px #FDE68A }
.qk148 span svg{ width:40px; height:40px; filter:drop-shadow(0 3px 4px rgba(180,83,9,.3)); transition:transform .2s }
.qk148 button:active span svg{ transform:scale(.88) }
.qk148 small{ font-size:11px; font-weight:800; color:#4B4262; white-space:nowrap }

/* ═══ فهرست ═══ */
.ls148{ margin-top:12px; padding:4px 6px; border-radius:24px; background:#fff; box-shadow:0 8px 26px rgba(76,29,149,.08) }
.ls148 button{ display:flex; align-items:center; gap:12px; width:100%; padding:12px 8px; border:0; background:none; cursor:pointer; text-align:start; border-radius:14px }
.ls148 button + button{ border-top:1px solid #F3F0F8 }
.ls148 button:active{ background:#F8F5FC }
/* v452: آیکن‌های رنگی سه‌بعدی (190) روی پایهٔ نرم هم‌رنگ */
.ls148 i{ flex:none; width:34px; height:34px; border-radius:12px; display:grid; place-items:center; color:#fff; background:color-mix(in srgb,var(--c) 12%,#fff); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 24%,#fff) }
.ls148 i svg{ width:24px; height:24px }
.ls148 b{ flex:1; font-size:14px; font-weight:800 }
.ls148 em{ font-style:normal; font-size:11.5px; font-weight:800; color:var(--sub) }
.ls148 em.ok148{ color:#059669; background:#E7FBF1; padding:2px 8px; border-radius:99px }
.ls148 em.nw148{ color:#fff; background:#F43F5E; padding:1px 7px; border-radius:99px; direction:ltr }
.ch148{ width:16px; height:16px; color:#C4BDD3 }
.ch148 svg{ width:100%; height:100% }
[dir=rtl] .ch148 svg{ transform:scaleX(-1) }

/* ═══ شیت‌های فهرست افراد ═══ */
.sh148{ position:fixed; inset:0; z-index:9995; display:flex; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.45); animation:ucF145 .2s ease both }
.sh148.out{ animation:ucF145 .2s ease reverse both }
.sh148-c{ width:100%; max-width:480px; max-height:78dvh; display:flex; flex-direction:column; box-sizing:border-box; padding:8px 12px calc(10px + env(safe-area-inset-bottom));
  border-radius:26px 26px 0 0; background:#fff; color:#1F1433; animation:ucU145 .3s cubic-bezier(.2,.9,.25,1.08) both }
.sh148-c .hd{ display:block; width:40px; height:5px; border-radius:99px; background:#E4DEEF; margin:2px auto 10px }
.sh148-h{ display:flex; flex-direction:column; align-items:center; gap:2px; padding-bottom:8px; border-bottom:1px solid #F3F0F8 }
.sh148-h b{ font-size:16px; font-weight:900 }
.sh148-h small{ font-size:11.5px; font-weight:700; color:#8A82A0 }
.sh148-l{ overflow-y:auto; overscroll-behavior:contain; padding-top:6px }
.pr148{ display:flex; align-items:center; gap:10px; padding:9px 6px; border-radius:14px; cursor:pointer }
.pr148:active{ background:#F8F5FC }
.pa148{ position:relative; flex:none; width:46px; height:46px }
.pa148 img, .pa148 em{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; background:linear-gradient(135deg,#C4B5FD,#F9A8D4) }
.pa148 i{ position:absolute; bottom:1px; inset-inline-end:1px; width:12px; height:12px; border-radius:50%; background:#22C55E; border:2px solid #fff }
.pt148{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; text-align:start }
.pt148 b{ font-size:14px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pt148 > span{ display:flex; gap:4px; transform:scale(.9); transform-origin:0 50% }
[dir=rtl] .pt148 > span{ transform-origin:100% 50% }
.pw148{ display:flex; flex-direction:column; align-items:flex-end; gap:2px }
.pw148 small{ font-size:11px; font-weight:700; color:#8A82A0 }
.pw148 em{ font-style:normal; font-size:10.5px; font-weight:900; color:#0EA5E9; background:#E0F2FE; padding:0 6px; border-radius:99px }
.ub148{ flex:none; height:32px; padding:0 12px; border:0; border-radius:10px; cursor:pointer; font-family:inherit; font-size:12px; font-weight:900; color:#E11D48; background:#FFF1F4 }

@media (max-width:350px){
  .mn148{ grid-template-columns:1fr }
  .wl148{ min-height:110px }
  .qk148 span{ width:46px; height:46px }
  .qk148 span svg{ width:34px; height:34px }
}

/* ═══════════ v149 · کارت Hartly + کپسول VIP | فروشگاه (طرح اختصاصی برند) ═══════════ */
.hc149{ --rx:0deg; --ry:0deg; --mx:50%; --my:30%; position:relative; display:flex; flex-direction:column; width:100%; aspect-ratio:1.95; max-height:200px; min-height:168px; margin-top:14px;
  padding:16px 18px 14px; box-sizing:border-box; border:0; border-radius:22px; overflow:hidden; cursor:pointer; isolation:isolate; text-align:start; color:#FDF3D0 !important;
  background:
    radial-gradient(120% 90% at 0% 0%,#3A1F66 0%,transparent 55%),
    radial-gradient(120% 90% at 100% 100%,#4A1033 0%,transparent 55%),
    linear-gradient(135deg,#140B26,#0B0616);
  box-shadow:0 18px 40px rgba(20,8,40,.45), 0 0 0 1px rgba(245,197,66,.35) inset, 0 1px 0 rgba(255,255,255,.18) inset;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .25s ease-out; transform-style:preserve-3d }
.hc149:active{ transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(.985) }
/* فویل هولوگرافیک متحرک */
.hcf149{ position:absolute; inset:-40%; z-index:-1; opacity:.28; mix-blend-mode:screen;
  background:conic-gradient(from 0deg,#FF3D7F,#FFC940,#4ADE80,#38BDF8,#A855F7,#FF3D7F); filter:blur(28px); animation:spin145 14s linear infinite }
/* خطوط گیوشه (مثل اسکناس) */
.hcg149{ position:absolute; inset:0; z-index:-1; opacity:.22;
  background:
    repeating-radial-gradient(circle at 115% 120%,transparent 0 9px,rgba(245,197,66,.55) 9px 10px),
    repeating-radial-gradient(circle at -15% -30%,transparent 0 13px,rgba(168,85,247,.5) 13px 14px) }
/* برق که با انگشت جابه‌جا می‌شود */
.hcs149{ position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(40% 55% at var(--mx) var(--my),rgba(255,255,255,.22),transparent 70%), linear-gradient(115deg,transparent 35%,rgba(255,244,199,.14) 45%,transparent 55%);
  background-size:100% 100%, 250% 100%; animation:hcSh149 5s ease-in-out infinite }
@keyframes hcSh149{ 0%,100%{ background-position:0 0, 120% 0 } 50%{ background-position:0 0, -20% 0 } }
.hct149{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between }
.hcm149{ display:flex; align-items:center; gap:7px; direction:ltr }
.mono149{ width:28px; height:28px; filter:drop-shadow(0 2px 6px rgba(245,197,66,.45)) }
.hcm149 b{ font-size:15px; font-weight:900; letter-spacing:4px; font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  background:linear-gradient(180deg,#FFF4C7,#E9B949 55%,#A86F12); -webkit-background-clip:text; background-clip:text; color:transparent }
.hcw149{ display:flex; align-items:center; gap:4px; font-size:11px; font-weight:900; letter-spacing:1.5px; color:rgba(253,243,208,.75) }
.hcw149 svg{ width:17px; height:17px; transform:rotate(0deg) }
.hcc149{ position:relative; z-index:1; display:flex; align-items:center; gap:12px; margin-top:auto; direction:ltr }
.chip149{ width:44px; height:32px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) }
.hcn149{ font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:15px; font-weight:700; letter-spacing:2.5px; color:rgba(253,243,208,.85);
  text-shadow:0 1px 0 rgba(0,0,0,.6), 0 -1px 0 rgba(255,255,255,.15) }
.hcb149{ position:relative; z-index:1; display:flex; align-items:flex-end; gap:16px; margin-top:12px }
.hcv149{ display:flex; flex-direction:column; gap:2px }
.hcv149 small{ font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:rgba(253,243,208,.55) }
.hcv149 b{ display:flex; align-items:center; gap:5px; direction:ltr; font-size:19px; font-weight:900; color:#FFF6DA; text-shadow:0 1px 0 rgba(0,0,0,.5), 0 -1px 0 rgba(255,255,255,.12) }
.hcv149 b svg{ width:18px; height:18px }
.hcu149{ margin-inline-start:auto; display:inline-flex; align-items:center; gap:4px; height:32px; padding:0 13px 0 10px; border-radius:99px; cursor:pointer;
  font-size:12.5px; font-weight:900; color:#2A1606; background:linear-gradient(180deg,#FFF4C7,#F5C542 55%,#D69A1F);
  box-shadow:0 6px 14px rgba(245,197,66,.35), inset 0 1px 0 rgba(255,255,255,.7) }
.hcu149 svg{ width:15px; height:15px }

/* کپسول دوتکه */
.cp149{ position:relative; display:flex; align-items:stretch; margin-top:10px; border-radius:22px; overflow:hidden;
  background:#fff; box-shadow:0 10px 26px rgba(76,29,149,.1), inset 0 0 0 1px #F0EAF8 }
.cp149 > button{ flex:1; min-width:0; display:flex; align-items:center; gap:10px; padding:12px 12px; border:0; background:none; cursor:pointer; text-align:start; transition:background .15s }
.cp149 > button:active{ background:#FAF7FD }
.cpx149{ width:1.5px; margin:12px 0; background:linear-gradient(180deg,transparent,#F5C542,transparent) }
.cpe149{ position:relative; flex:none; width:48px; height:48px; border-radius:50%; display:grid; place-items:center }
.cpe149 i{ position:absolute; inset:0; border-radius:50%; animation:spin145 6s linear infinite }
.cpe149 svg{ position:relative; width:30px; height:30px; filter:drop-shadow(0 3px 5px rgba(0,0,0,.25)) }
.cpv149 .cpe149{ background:radial-gradient(circle at 50% 40%,#3F2A0A,#0B0616 72%) }
.cpv149 .cpe149 i{ background:conic-gradient(from 0deg,#F5C542,transparent 30%,#FFF4C7 50%,transparent 70%,#F5C542); -webkit-mask:radial-gradient(circle,transparent 21px,#000 22px); mask:radial-gradient(circle,transparent 21px,#000 22px) }
.cpm149 .cpe149{ background:radial-gradient(circle at 50% 40%,#FDF2F8,#F5D0FE 72%) }
.cpm149 .cpe149 i{ background:conic-gradient(from 0deg,#EC4899,transparent 30%,#A855F7 50%,transparent 70%,#EC4899); -webkit-mask:radial-gradient(circle,transparent 21px,#000 22px); mask:radial-gradient(circle,transparent 21px,#000 22px); animation-direction:reverse }
.cpt149{ display:flex; flex-direction:column; gap:2px; min-width:0 }
.cpt149 b{ font-size:15.5px; font-weight:900 }
.cpv149 .cpt149 b{ background:linear-gradient(90deg,#8A5A0B,#D69A1F); -webkit-background-clip:text; background-clip:text; color:transparent }
.cpm149 .cpt149 b{ background:linear-gradient(90deg,#BE185D,#7C3AED); -webkit-background-clip:text; background-clip:text; color:transparent }
.cpt149 small{ font-size:10.5px; font-weight:700; color:#8A82A0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
@media (max-width:350px){
  .hcv149 b{ font-size:16px }
  .hcb149{ gap:10px }
  .cpe149{ width:40px; height:40px }
  .cpe149 svg{ width:25px; height:25px }
  .cpe149 i{ -webkit-mask:radial-gradient(circle,transparent 17px,#000 18px) !important; mask:radial-gradient(circle,transparent 17px,#000 18px) !important }
}
@media (prefers-reduced-motion:reduce){ .hcf149, .hcs149, .cpe149 i{ animation:none } }

/* ═══════════ v150 · «خزانه»: کیف پول + VIP + فروشگاه با تصویرسازی اختصاصی ═══════════ */
.tr150{ position:relative; display:grid; grid-template-columns:1.2fr 1fr; gap:8px; margin-top:12px; padding:8px; border-radius:26px; isolation:isolate; overflow:hidden;
  background:radial-gradient(110% 80% at 20% 0%,#5B2A9E 0%,transparent 60%), radial-gradient(90% 90% at 100% 100%,#8E1D5C 0%,transparent 60%), linear-gradient(160deg,#2A1152,#160828);
  box-shadow:0 16px 36px rgba(42,17,82,.35), inset 0 1px 0 rgba(255,255,255,.18) }
/* قاب طلایی نازک دور پنل */
.trb150{ position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1.5px; pointer-events:none;
  background:linear-gradient(135deg,rgba(255,228,140,.9),rgba(255,228,140,.05) 35%,rgba(236,72,153,.5) 70%,rgba(255,228,140,.8));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude }
/* ذره‌های نور شناور */
.trp150{ position:absolute; inset:0; z-index:-1; pointer-events:none }
.trp150 i{ position:absolute; bottom:-6px; width:4px; height:4px; border-radius:50%; background:#FFE9A8; box-shadow:0 0 8px #FFD34D; opacity:0; animation:up150 6s linear infinite }
.trp150 i:nth-child(1){ left:8%;  animation-delay:0s }
.trp150 i:nth-child(2){ left:24%; animation-delay:1.4s; width:3px; height:3px }
.trp150 i:nth-child(3){ left:41%; animation-delay:2.6s }
.trp150 i:nth-child(4){ left:63%; animation-delay:.8s; width:3px; height:3px }
.trp150 i:nth-child(5){ left:80%; animation-delay:3.4s }
.trp150 i:nth-child(6){ left:93%; animation-delay:2s; width:3px; height:3px }
@keyframes up150{ 10%{ opacity:.9 } 80%{ opacity:.5 } 100%{ transform:translateY(-190px); opacity:0 } }

.tr150 button{ color:#fff !important }
.trw150{ position:relative; display:flex; flex-direction:column; align-items:center; min-height:190px; padding:10px 10px 12px; border:0; border-radius:20px; cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
.trh150{ align-self:stretch; display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:900 }
.trh150 b{ background:linear-gradient(90deg,#FFF4C7,#F5C542); -webkit-background-clip:text; background-clip:text; color:transparent }
.trh150 svg{ width:16px; height:16px; color:#F5C542 }
[dir=rtl] .trh150 svg{ transform:scaleX(-1) }
.art150{ display:block; overflow:visible }
.art150.chest{ width:78%; max-width:150px; margin:2px 0 -2px; filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)) }
.glw150{ animation:glw150 2.8s ease-in-out infinite; transform-origin:70px 50px }
@keyframes glw150{ 50%{ opacity:.55; transform:scale(1.08) } }
.cns150{ animation:cns150 3s ease-in-out infinite; transform-origin:70px 50px }
@keyframes cns150{ 50%{ transform:translateY(-2.5px) } }
.spk150 path{ transform-box:fill-box; transform-origin:center; animation:tw150 2.2s ease-in-out infinite }
.spk150 path:nth-child(2){ animation-delay:.7s } .spk150 path:nth-child(3){ animation-delay:1.4s }
@keyframes tw150{ 0%,100%{ transform:scale(.4); opacity:.3 } 50%{ transform:scale(1.1); opacity:1 } }
.trv150{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:auto }
.trv150 > span{ display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 11px 0 4px; border-radius:99px; direction:ltr; background:rgba(0,0,0,.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) }
.trv150 svg{ width:20px; height:20px }
.trv150 b{ font-size:14.5px; font-weight:900 }
.tvc150 b{ color:#FFE08A } .tvd150 b{ color:#A5E3FF }
.tru150{ position:absolute; top:34px; inset-inline-start:8px; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:#3B1D00;
  background:linear-gradient(180deg,#FFF4C7,#F5C542 60%,#D69A1F); box-shadow:0 4px 12px rgba(245,197,66,.5); animation:pl150 2.4s ease-in-out infinite }
.tru150 svg{ width:17px; height:17px }
@keyframes pl150{ 50%{ box-shadow:0 0 0 7px rgba(245,197,66,0), 0 4px 12px rgba(245,197,66,.5) } 0%{ box-shadow:0 0 0 0 rgba(245,197,66,.55), 0 4px 12px rgba(245,197,66,.5) } }
.trs150{ display:grid; grid-template-rows:1fr 1fr; gap:8px }
.trs150 button{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:0; padding:4px 6px 8px; border:0; border-radius:20px; cursor:pointer }
.tsv150{ background:radial-gradient(90% 80% at 50% 20%,rgba(255,215,100,.28),transparent 65%), linear-gradient(180deg,#3B1D0A,#1C0D05); box-shadow:inset 0 0 0 1px rgba(245,197,66,.35) }
.tsm150{ background:radial-gradient(90% 80% at 50% 20%,rgba(94,234,212,.22),transparent 65%), linear-gradient(180deg,#3B1470,#1E0A3D); box-shadow:inset 0 0 0 1px rgba(196,181,253,.3) }
.trs150 .art150{ width:66px; height:auto; margin-bottom:-2px; filter:drop-shadow(0 6px 8px rgba(0,0,0,.4)) }
.crw150{ animation:cns150 3.2s ease-in-out infinite }
.box150{ transform-origin:63px 60px; animation:bx150 3.4s ease-in-out infinite }
@keyframes bx150{ 50%{ transform:rotate(-6deg) translateY(-2px) } }
.trs150 button > span{ display:flex; align-items:baseline; gap:6px }
.trs150 b{ font-size:14px; font-weight:900 }
.tsv150 b{ background:linear-gradient(90deg,#FFF4C7,#F5C542); -webkit-background-clip:text; background-clip:text; color:transparent }
.tsm150 b{ background:linear-gradient(90deg,#DDD6FE,#5EEAD4); -webkit-background-clip:text; background-clip:text; color:transparent }
.trs150 small{ font-size:10px; font-weight:900; padding:1px 7px; border-radius:99px }
.tsv150 small{ color:#3B1D00; background:linear-gradient(90deg,#FFE08A,#F5C542) }
.tsm150 small{ color:#fff; background:linear-gradient(90deg,#EC4899,#A855F7) }
.trw150:active, .trs150 button:active{ transform:scale(.97) }
@media (prefers-reduced-motion:reduce){ .trp150 i, .glw150, .cns150, .spk150 path, .crw150, .box150, .tru150{ animation:none } }

/* ═══════════ v150 · تیک آبی ═══════════ */
.vf150{ cursor:pointer; filter:drop-shadow(0 0 6px rgba(56,189,248,.8)) }
.gv150{ display:inline-flex; align-items:center; gap:3px; height:20px; padding:0 8px 0 3px; border-radius:99px; cursor:pointer; flex:none;
  background:rgba(255,255,255,.2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) }
.gv150 svg{ width:15px; height:15px; filter:grayscale(1) brightness(1.8); opacity:.8 }
.gv150 em{ font-style:normal; font-size:10px; font-weight:900; white-space:nowrap }
.tk150-c{ padding-bottom:calc(16px + env(safe-area-inset-bottom)) }
.tkh150{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:4px 10px 12px; text-align:center }
.tkb150{ width:64px; height:64px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#E0F2FE,#BAE6FD 60%,transparent 70%); animation:fl145 3s ease-in-out infinite }
.tkb150 svg{ width:46px; height:46px; filter:drop-shadow(0 4px 10px rgba(56,189,248,.6)) }
.tkh150 b{ font-size:17px; font-weight:900 }
.tkh150 small{ font-size:12px; font-weight:600; line-height:1.7; color:#6B6284; max-width:320px }
.tkr150{ display:flex; flex-direction:column; gap:8px; padding:4px 4px 0 }
.tkr150 > span{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:#F7F5FB }
.tkr150 i{ width:22px; height:22px; flex:none; border-radius:50%; display:grid; place-items:center; border:2px solid #D8D1E6; color:#fff }
.tkr150 i svg{ width:13px; height:13px }
.tkr150 .ok i{ border-color:#22C55E; background:#22C55E }
.tkr150 b{ flex:1; font-size:13.5px; font-weight:800; color:#4B4262 }
.tkr150 .ok b{ color:#1F1433 }
.tkr150 em{ font-style:normal; font-size:11.5px; font-weight:900; color:#0EA5E9 }
.tks150{ margin:12px 4px 0; padding:10px 12px; border-radius:14px; font-size:12.5px; font-weight:800; text-align:center }
.tks150.pd{ color:#0369A1; background:#E0F2FE }
.tks150.rj{ color:#BE123C; background:#FFF1F4 }
.tkg150{ display:flex; align-items:center; justify-content:center; gap:8px; width:calc(100% - 8px); height:50px; margin:14px 4px 0; border:0; border-radius:16px; cursor:pointer;
  font-family:inherit; font-size:15px; font-weight:900; color:#fff; background:linear-gradient(90deg,#38BDF8,#2563EB); box-shadow:0 10px 22px rgba(37,99,235,.35) }
.tkg150 svg{ width:22px; height:22px }
.tkg150.off{ color:#4B4262; background:#EFEAF6; box-shadow:none }
.tkok150{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:10px 0 6px }
.tkok150 svg{ width:40px; height:40px }
.tkok150 b{ font-size:14.5px; font-weight:900; color:#0369A1 }