/* ═══════════════════════════════════════════════════════════════════════════
 *  v443 · «تالار حامیان» — طراحی تازهٔ حرفه‌ای (Aurora Royale)
 *  مشکل: صفحهٔ جدول مشارکت (‎src/261-v240-board.js‎ + ‎262-v240-board.css‎) کم‌جان و ساده بود؛ زبانه‌های
 *  روزانه/هفتگی/ماهانه/همه و فرستنده/گیرنده به چشم نمی‌آمد، سکو «سکو» دیده نمی‌شد و ردیف‌ها در ۳۲۰px دو خط می‌شد.
 *  راه‌حل (فقط CSS، همهٔ انتخابگرها زیر ‎#tb240‎):
 *   • نوار سربرگ رنگی با لبهٔ پایین منحنی و خط طلایی (‎.tb-info::before‎)؛ ردیف‌های اسکرول‌شده زیرش می‌روند.
 *     فرستنده‌ها: صورتی ← سرخابی ← بنفش با طلایی؛ گیرنده‌ها: فیروزه‌ای ← آبی ← نیلی با صورتی.
 *   • سوییچ فرستنده/گیرنده با آیکن الماس/قلب؛ بازهٔ فعال قرص سفید با متن رنگی، هاله و زیرخط.
 *   • سکوی پلکانی: سه استوانهٔ کوتاه طلا/پلاتین/مفرغ (۲ < ۱ > ۳) با رویهٔ درخشان، شمارهٔ حک‌شده و پرتو نرم بی‌لبه.
 *   • فهرست روی برگهٔ روشن؛ نشان رتبهٔ ۴ تا ۶ گرادیانی با حلقهٔ طلایی، بقیه کم‌رنگ؛ قرص مبلغ رنگی.
 *   • ≤ ۳۶۰px جمع‌وجور (خط تزئینی زیر عنوان پنهان، نام صاحب جدول می‌ماند، سکو کوتاه‌تر)؛ ≤ ۳۵۰px مبلغ کنار نام.
 *   • اسکلت بارگذاری روی سکو (به‌جای «جای خالی / ۰»)؛ حالت خالی افقی و فشرده در گوشی باریک.
 *   • تم پنل (‎--ta/--tb/--tc‎، ‎norays‎، پس‌زمینه و تاج عکسی/SVGA) همه‌جا را می‌راند — آمیخته با جوهر تیره تا هر سه‌رنگی
 *     (حتی طلایی/کرم پیش‌فرض پنل) خوانا بماند؛ گیرنده‌ها زیر تم خنک‌تر و صورتی‌اند؛ مرورگر بی color-mix پشتیبان دارد.
 *  روانی: فقط transform/opacity متحرک (۷ حلقهٔ کوچک در حالت عادی؛ موج و برق فقط برای نفر اول)، بی backdrop-filter،
 *  بی :has، بی JS. پرتوهای چرخان با ‎contain:paint‎ (بی‌آن هر فریم کل اسکرول دوباره رستر می‌شد) و تکان SVG تاج
 *  خاموش (انیمیشن روی SVG به کامپوزیتور نمی‌رود) ← رستر صفحهٔ بیکار از ~۷۵ به ~۵ در ثانیه.
 *  html.lite366 و prefers-reduced-motion همهٔ حرکت تزئینی را خاموش می‌کنند.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── رنگ‌ها ─── */
#tb240{
  --ink:#251344; --mut:#7B6C96; --line:#ECE5FA; --gx:14px; --cv:22px; --bh1:46px;
  --a1:#FF5CA8; --a2:#C84BF2; --a3:#7C4DFF; --a4:#4F46E5;              /* زمینهٔ زیر سربرگ */
  --b1:#E8579F; --b2:#D944A9; --b3:#D447DF; --b4:#A23CF0;              /* نوار سربرگ (بالا ← لبه) */
  --hl1:rgba(255,186,130,.62); --hl2:rgba(120,176,255,.42);
  --acc:#8B2CF5; --acc2:#E0359B;                                        /* متن فعال روی سفید */
  --bar1:#FF5CA8; --bar2:#8B5CF6;
  --gl:255,214,120;
  --amtbg:#FFF4D4; --amtfg:#9A5800;
  --sheet1:#F7F2FF; --sheet2:#FCFAFF;
  color:#fff;
  background:
    radial-gradient(90% 40% at 50% 34%, rgba(255,255,255,.2), transparent 70%),
    linear-gradient(172deg, var(--a1) 0%, var(--a2) 26%, var(--a3) 54%, var(--a4) 82%, #4338CA 100%);
}
#tb240.rcv{
  --a1:#6C63FF; --a2:#5B6CFF; --a3:#3F86FF; --a4:#139FE6;
  --b1:#1B93CF; --b2:#2B77E3; --b3:#4C7DFF; --b4:#5F5CF6;
  --hl1:rgba(255,128,206,.5); --hl2:rgba(90,240,220,.42);
  --acc:#2F5BEA; --acc2:#D9368F;
  --bar1:#22C6EE; --bar2:#5B5CF6;
  --gl:190,235,255;
  --amtbg:#FFE6F2; --amtfg:#B4206F;
  --sheet1:#F1F5FF; --sheet2:#FAFBFF;
}
/* تم پنل: رنگ خام پنل هرگز مستقیم متن روی سفید یا زمینهٔ متن سفید نمی‌شود (پیش‌فرض ویرایشگر پنل طلایی/مرجانی/کرم است)؛
 * نوار و دکمه‌ها با جوهر تیرهٔ همان رنگ آمیخته می‌شوند تا هر سه‌رنگی خوانا بماند */
#tb240.themed{
  --tdk:color-mix(in srgb,var(--tb) 40%,#000);
  --a1:color-mix(in srgb,var(--tb) 80%,#fff); --a2:var(--tb); --a3:color-mix(in srgb,var(--tb) 50%,var(--tdk)); --a4:color-mix(in srgb,var(--ta) 52%,var(--tdk));
  --b1:color-mix(in srgb,var(--tb) 78%,#000); --b2:color-mix(in srgb,var(--tb) 70%,#000); --b3:color-mix(in srgb,var(--tb) 45%,var(--tdk)); --b4:color-mix(in srgb,var(--ta) 50%,var(--tdk));
  --hl1:rgba(255,255,255,.2); --hl2:rgba(255,255,255,.14);
  --acc:color-mix(in srgb,var(--ta) 55%,#000); --acc2:color-mix(in srgb,var(--tb) 70%,#000);
  --bar1:var(--tb); --bar2:color-mix(in srgb,var(--ta) 70%,#000);
  --amtbg:color-mix(in srgb,var(--ta) 16%,#fff); --amtfg:color-mix(in srgb,var(--ta) 52%,#000);
  --sheet1:color-mix(in srgb,var(--ta) 8%,#fff); --sheet2:color-mix(in srgb,var(--ta) 3%,#fff);
}
/* گیرنده‌ها زیر تم: خنک‌تر (آمیخته با آبی/نیلی) + قرص‌های صورتی، تا دو طرف همیشه فرق کنند */
#tb240.themed.rcv{
  --a1:color-mix(in srgb,var(--ta) 62%,#4F46E5); --a2:color-mix(in srgb,var(--ta) 62%,#2563EB); --a3:color-mix(in srgb,var(--tb) 55%,#2563EB); --a4:color-mix(in srgb,var(--tb) 55%,#0EA5E9);
  --b1:color-mix(in srgb,var(--tb) 35%,#1B6FB8); --b2:color-mix(in srgb,var(--tb) 35%,#2B5FD0); --b3:color-mix(in srgb,var(--ta) 30%,#3B5BDB); --b4:color-mix(in srgb,var(--ta) 30%,#3730A3);
  --hl1:rgba(255,128,206,.35); --hl2:rgba(255,255,255,.14);
  --acc:color-mix(in srgb,var(--ta) 40%,#1D4ED8); --acc2:#D9368F;
  --bar1:color-mix(in srgb,var(--tb) 60%,#38BDF8); --bar2:color-mix(in srgb,var(--ta) 65%,#4338CA);
  --amtbg:#FFE6F2; --amtfg:#B4206F;
  --sheet1:color-mix(in srgb,var(--tb) 9%,#F3F6FF); --sheet2:#FAFBFF;
}

/* ─── پس‌زمینه: لایهٔ گیرنده (محو نرم)، پرتوها، هالهٔ سکو، ستاره‌ها ─── */
#tb240 .tb-bg::before{ content:""; position:absolute; inset:0; opacity:0; transition:opacity .4s ease;
  background:radial-gradient(90% 40% at 50% 34%, rgba(255,255,255,.18), transparent 70%), linear-gradient(172deg, var(--a1) 0%, var(--a2) 26%, var(--a3) 56%, var(--a4) 84%, #0E8BD0 100%) }
#tb240.rcv .tb-bg::before{ opacity:1 }
#tb240 .tb-bg{ contain:strict }
#tb240 .tb-bgx{ opacity:1 }
#tb240.themed .tb-bgx[style*="url"]::after{ background:linear-gradient(180deg,color-mix(in srgb,var(--ta) 30%,transparent),color-mix(in srgb,var(--ta) 55%,transparent) 60%,color-mix(in srgb,var(--ta) 78%,transparent)) }
/* نوار شفق زیر سربرگ: دو موج نرم رنگی که آرام جابه‌جا می‌شوند (یک لایهٔ ترکیبی) */
#tb240 .tb-bg::after{ content:""; position:absolute; left:-35%; top:150px; width:170%; height:320px; pointer-events:none; will-change:transform; transform:rotate(-12deg);
  background:radial-gradient(42% 30% at 28% 50%, rgba(140,230,255,.32), transparent 72%), radial-gradient(38% 26% at 72% 42%, rgba(255,150,225,.34), transparent 72%);
  animation:aurD443 18s ease-in-out infinite alternate }
#tb240.rcv .tb-bg::after{ background:radial-gradient(42% 30% at 28% 50%, rgba(120,255,220,.3), transparent 72%), radial-gradient(38% 26% at 72% 42%, rgba(255,140,210,.3), transparent 72%) }
#tb240.themed .tb-bg::after{ background:radial-gradient(42% 30% at 28% 50%, rgba(255,255,255,.16), transparent 72%), radial-gradient(38% 26% at 72% 42%, rgba(255,255,255,.18), transparent 72%) }
@keyframes aurD443{ from{ transform:rotate(-12deg) translateX(-5%) } to{ transform:rotate(-8deg) translateX(5%) } }
#tb240 .tb-au{ filter:none; border-radius:0; opacity:1; animation:none }
/* پرتوهای نورافکن که از زیر لبهٔ سربرگ روی سکو می‌تابند */
#tb240 .tb-au.a{ left:50%; top:60px; width:170%; height:620px; margin-left:-85%; transform-origin:50% 0; will-change:transform;
  background:conic-gradient(from 148deg at 50% 0%, transparent 0deg, rgba(255,255,255,.2) 5deg, transparent 10deg, transparent 17deg, rgba(255,255,255,.13) 22deg, transparent 27deg,
    transparent 33deg, rgba(255,255,255,.18) 37deg, transparent 41deg, transparent 47deg, rgba(255,255,255,.12) 52deg, transparent 58deg, transparent 64deg, transparent 360deg);
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%); mask:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%);
  animation:auSw443 14s ease-in-out infinite alternate }
@keyframes auSw443{ from{ transform:rotate(-5deg) } to{ transform:rotate(5deg) } }
/* هالهٔ ثابت پشت سکو */
#tb240 .tb-au.b{ left:50%; right:auto; top:110px; width:440px; height:440px; margin-left:-220px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.26), rgba(var(--gl),.16) 48%, transparent 100%) }
#tb240 .tb-st{ filter:none; opacity:.75; animation:stTw443 3.6s ease-in-out infinite alternate;
  background-image:radial-gradient(1.6px 1.6px at 8% 34%,#fff,transparent),radial-gradient(1.2px 1.2px at 30% 30%,#fff,transparent),radial-gradient(1.8px 1.8px at 93% 33%,#fff,transparent),
    radial-gradient(1.1px 1.1px at 88% 46%,#fff,transparent),radial-gradient(1.4px 1.4px at 62% 31%,#fff,transparent),radial-gradient(1.2px 1.2px at 4% 52%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 97% 58%,#fff,transparent),radial-gradient(1px 1px at 22% 62%,#fff,transparent),radial-gradient(1.3px 1.3px at 76% 66%,#fff,transparent),radial-gradient(1.1px 1.1px at 40% 40%,#fff,transparent) }
@keyframes stTw443{ from{ opacity:.85 } to{ opacity:.35 } }

/* ─── نوار سربرگ: پشت سربرگ، سوییچ، بازه‌ها و شمارش؛ لبهٔ پایین منحنی با خط طلایی ─── */
#tb240 .tb-h, #tb240 .tb-side, #tb240 .tb-per{ z-index:3 }
#tb240 .tb-info{ z-index:2 }
#tb240 .tb-sc{ z-index:1 }
#tb240 .tb-info::before{ content:""; position:absolute; z-index:-1; left:calc(-1 * var(--gx)); right:calc(-1 * var(--gx)); top:-700px; bottom:calc(-1 * var(--cv)); pointer-events:none;
  border-radius:0 0 50% 50% / 0 0 var(--cv) var(--cv);
  background:
    radial-gradient(circle at 71% calc(100% - 192px), #fff 0 1.2px, transparent 1.8px),
    radial-gradient(260px 150px at 0% calc(100% - 210px), var(--hl1), transparent 70%),
    radial-gradient(240px 140px at 100% calc(100% - 40px), var(--hl2), transparent 72%),
    linear-gradient(112deg, transparent 28%, rgba(255,255,255,.13) 44%, transparent 60%),
    linear-gradient(to top, var(--b4) 0, var(--b3) 92px, var(--b2) 180px, var(--b1) 270px, var(--b1) 100%);
  box-shadow:0 1.5px 0 rgba(255,231,160,.85), 0 3px 0 rgba(255,255,255,.18), 0 14px 22px -12px rgba(40,0,100,.55) }
#tb240.themed .tb-info::before{ box-shadow:0 1.5px 0 color-mix(in srgb,var(--ta) 40%,#fff), 0 3px 0 rgba(255,255,255,.18), 0 14px 22px -12px rgba(0,0,0,.4) }

/* ─── سربرگ ─── */
#tb240 .tb-h{ padding:calc(10px + env(safe-area-inset-top)) 14px 2px; gap:10px }
#tb240 .tb-bk, #tb240 .tb-sp{ width:38px; height:38px; border-radius:50%; color:#fff; background:rgba(255,255,255,.2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.38), 0 6px 16px -8px rgba(40,0,90,.5) }
#tb240 .tb-sp{ visibility:hidden }
#tb240 .tb-bk:active{ transform:scale(.92) }
#tb240 .tb-tt{ gap:0 }
#tb240 .tb-tt b{ order:0; display:inline-flex; align-items:center; gap:7px; max-width:100%; white-space:nowrap; font-size:20px; font-weight:900; letter-spacing:.2px; line-height:1.25;
  background:none; -webkit-background-clip:border-box; background-clip:border-box; color:#fff; -webkit-text-fill-color:#fff; animation:none;
  text-shadow:0 2px 12px rgba(70,0,110,.35) }
#tb240 .tb-tt b::before, #tb240 .tb-tt b::after{ content:""; flex:none; width:9px; height:9px; background:linear-gradient(135deg,#FFF6C8,#FFC83D);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 6.2 3.8 10 5 6.2 6.2 5 10 3.8 6.2 0 5 3.8 3.8z'/%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 10 10'%3E%3Cpath d='M5 0 6.2 3.8 10 5 6.2 6.2 5 10 3.8 6.2 0 5 3.8 3.8z'/%3E%3C/svg%3E") center/contain no-repeat }
/* خط طلایی باریک با الماس کوچک زیر عنوان */
#tb240 .tb-tt::after{ content:""; order:1; flex:none; width:132px; height:8px; margin:3px 0 4px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 8'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23FFE7A0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFE7A0'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='1' x2='0'%3E%3Cstop offset='0' stop-color='%23FFE7A0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFE7A0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFBEA'/%3E%3Cstop offset='1' stop-color='%23FFC23D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='2' y='3.4' width='54' height='1.2' rx='.6' fill='url(%23l)'/%3E%3Crect x='76' y='3.4' width='54' height='1.2' rx='.6' fill='url(%23r)'/%3E%3Ccircle cx='60' cy='4' r='1' fill='%23FFE7A0'/%3E%3Ccircle cx='72' cy='4' r='1' fill='%23FFE7A0'/%3E%3Cpath d='M66 0 70 4 66 8 62 4z' fill='url(%23d)'/%3E%3C/svg%3E") center/contain no-repeat }
#tb240 .tb-tt small{ order:2; max-width:calc(100% - 8px); padding:1px 10px; border-radius:99px; font-size:11px; font-weight:800; line-height:1.6; color:#fff; opacity:1;
  background:rgba(255,255,255,.17); box-shadow:inset 0 0 0 1px rgba(255,255,255,.26) }
#tb240 .tb-tt small:empty{ display:none }

/* ─── فرستنده / گیرنده ─── */
#tb240 .tb-side{ width:min(304px, calc(100% - 40px)); margin:8px auto 0; padding:4px; border-radius:99px; -webkit-backdrop-filter:none; backdrop-filter:none;
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.34), 0 10px 24px -14px rgba(40,0,90,.55) }
#tb240 .tb-side > i{ background:linear-gradient(180deg,#fff,#FBF6FF); box-shadow:0 6px 16px -6px rgba(40,0,90,.45), inset 0 -2px 0 rgba(140,90,220,.12) }
#tb240.rcv .tb-side > i{ transform:translateX(100%); background:linear-gradient(180deg,#fff,#F4F8FF) } #tb240[dir=rtl].rcv .tb-side > i{ transform:translateX(-100%) }
#tb240 .tb-side button{ height:40px; gap:7px; font-size:14px; font-weight:900; color:#fff; transition:color .25s }
#tb240 .tb-side button.on, #tb240.rcv .tb-side button.on{ color:var(--acc) }
#tb240 .tb-side button svg{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none }
#tb240 .tb-side button::before{ content:""; flex:none; width:17px; height:17px; background:currentColor; -webkit-mask:var(--ic) center/contain no-repeat; mask:var(--ic) center/contain no-repeat }
#tb240 .tb-side button[data-side=sender]{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.2 3h11.6l4.4 6.1L12 21.4 1.8 9.1zm.9 2L4.6 8.4h4.2zm9.8 0-1.7 3.4h4.2zM9 5l1.6 3.4h2.8L15 5zm-4 5.4 5.6 6.7-2-6.7zm5.6 0L12 15l1.4-4.6zm4.8 0-2 6.7 5.6-6.7z'/%3E%3C/svg%3E") }
#tb240 .tb-side button[data-side=receiver]{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.2s-9.2-5.5-9.2-12A5.2 5.2 0 0 1 12 6a5.2 5.2 0 0 1 9.2 3.2c0 6.5-9.2 12-9.2 12z'/%3E%3C/svg%3E") }
#tb240 .tb-side button.on::before{ background:linear-gradient(135deg,var(--acc2),var(--acc)) }

/* ─── بازه‌ها ─── */
#tb240 .tb-per{ gap:7px; margin:10px var(--gx) 0 }
#tb240 .tb-per button{ position:relative; flex:1; max-width:92px; height:34px; border-radius:99px; font-size:12.5px; font-weight:800; letter-spacing:.1px;
  color:#fff; background:rgba(255,255,255,.13); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); transition:background .2s, color .2s, transform .2s }
#tb240 .tb-per button:active{ transform:scale(.95) }
#tb240 .tb-per button.on, #tb240.rcv .tb-per button.on{ color:var(--acc); font-weight:900; background:#fff;
  box-shadow:0 8px 18px -8px rgba(30,0,80,.55), 0 0 0 3px rgba(255,255,255,.28) }
#tb240 .tb-per button.on::after{ content:""; position:absolute; left:50%; bottom:4px; width:14px; height:3px; margin-left:-7px; border-radius:99px; background:linear-gradient(90deg,var(--acc2),var(--acc)) }

/* ─── شمارش معکوس و تعداد ─── */
#tb240 .tb-info{ min-height:28px; margin:10px var(--gx) 0; gap:8px; font-size:11.5px; font-weight:800; color:#fff }
#tb240 .tb-info > span{ gap:6px; height:28px; padding:0 10px; border-radius:99px; background:rgba(255,255,255,.15); box-shadow:inset 0 0 0 1px rgba(255,255,255,.26); white-space:nowrap }
#tb240 .tb-info > span:empty{ display:none }
#tb240 .tb-rs{ overflow:hidden } #tb240 .tb-rs > span{ overflow:hidden; text-overflow:ellipsis }
#tb240 .tb-info svg{ width:15px; height:15px; color:#FFE38A }
#tb240 .tb-rs b{ direction:inherit; unicode-bidi:isolate; font-variant-numeric:tabular-nums; margin-inline-end:-6px; padding:0 8px; height:20px; line-height:20px; border-radius:99px; color:var(--acc); background:#fff; box-shadow:none; font-weight:900; font-size:12px }
#tb240 .tb-tot{ flex:none } #tb240 .tb-tot b{ color:#fff; font-size:12.5px }

/* ─── سکو: سه استوانهٔ پلکانی (۲ < ۱ > ۳) با رویهٔ درخشان ─── */
#tb240 .tb-sc{ display:flex; flex-direction:column; padding-bottom:0 }
#tb240 .tb-pod{ flex:none; position:relative; align-items:start; gap:4px; width:100%; max-width:430px; padding:30px 8px 0; box-sizing:border-box }
#tb240 .th240{ gap:0; --bh:30px; --nf:19px;
  --g1:255,247,214; --g2:255,200,64; --g3:255,210,110; --gs:#C98512;
  --m1:#FFF1B8; --m2:#F8C640; --m3:#C9860F; --m4:#8A4F00; --mn:#fff; --mns:#8A4F00 }
#tb240 .th240.r1{ --bh:var(--bh1); --nf:24px }
#tb240 .th240.r2{ --g1:255,255,255; --g2:206,216,236; --g3:222,232,255; --gs:#8A97B4;
  --m1:#FFFFFF; --m2:#DCE3F0; --m3:#A1ACC4; --m4:#66728F; --mn:#4A5672; --mns:rgba(255,255,255,.9) }
#tb240 .th240.r3{ --bh:20px; --nf:15px; --g1:255,236,222; --g2:255,160,100; --g3:255,190,150; --gs:#C2602A;
  --m1:#FFE4CF; --m2:#F4A064; --m3:#C4622A; --m4:#7E350E; --mn:#fff; --mns:#7E350E }
/* پایهٔ ستون‌های ۲ و ۳ طوری که کف سه استوانه هم‌تراز شود */
#tb240 .th240.r2, #tb240 .th240.r3{ margin-top:calc(23.3% + var(--bh1) - var(--bh)) }
#tb240 .th-av{ order:0; z-index:auto; max-width:112px } #tb240 .th240.r1 .th-av{ max-width:140px }
/* ترتیب لایه‌ها: پرتو و هاله < استوانه < عکس و حلقه؛ پرتوهای نفر اول پشت ستون‌های ۲ و ۳ */
#tb240 .th240.r1{ z-index:1 } #tb240 .th240.r2, #tb240 .th240.r3{ z-index:2 }
#tb240 .th-ped{ order:1 }
#tb240 .th-nm{ order:2 } #tb240 .th-ch{ order:3 } #tb240 .th-amt{ order:4 }
/* هالهٔ پشت عکس */
#tb240 .th-av::before{ content:""; position:absolute; z-index:0; left:50%; top:52%; width:96%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.5), rgba(var(--g3),.28) 55%, transparent 100%) }
/* پرتو نرم نورافکن از رویهٔ استوانه به بالا — بیضی بی‌لبه */
#tb240 .th240::before{ content:""; position:absolute; z-index:0; left:6%; width:88%; top:0; aspect-ratio:.78; transform:translateY(-20%); pointer-events:none;
  background:radial-gradient(50% 100% at 50% 100%, rgba(var(--g1),.62) 0%, rgba(var(--g3),.26) 42%, rgba(var(--g3),.08) 70%, transparent 100%) }
#tb240 .th240.empty::before{ opacity:.55 }
#tb240 .th-ph{ z-index:2; background:linear-gradient(135deg,#FFB3D6,#A78BFA); box-shadow:0 0 0 2px rgba(255,255,255,.85) }
#tb240 .th-ph em.q{ background:rgba(255,255,255,.22); color:rgba(255,255,255,.85) }
#tb240 .th-ph{ overflow:visible }   /* عکس خودش گرد است؛ نقطهٔ آنلاین دیگر بریده نمی‌شود */
#tb240 .th-on{ z-index:3; right:12%; bottom:12%; box-shadow:0 0 0 2.5px #fff }
#tb240 .tw240{ filter:drop-shadow(0 6px 10px rgba(50,0,90,.4)) }
/* تکان تاج نفر اول خاموش: انیمیشن روی عنصر SVG روی کامپوزیتور نمی‌رود و هر فریم کل اسکرول را دوباره می‌کشد */
#tb240 .th240.r1 .tw240{ animation:none }
/* روبان شماره‌دار حلقهٔ برگ پنهان؛ شماره روی بدنهٔ استوانه حک شده */
#tb240 svg.tw240 > g:last-child{ display:none }
/* یک درخشش کوچک کنار تاج نفر اول (بیرون از میدان پرتو، بی‌چرخش) */
#tb240 .th240.r1 .th-av::after{ content:""; position:absolute; z-index:3; top:9%; right:8%; width:13px; height:13px; pointer-events:none;
  background:radial-gradient(circle, #fff 0 22%, transparent 24%), linear-gradient(135deg,#FFFBEA,#FFD24D);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 6 4 10 5 6 6 5 10 4 6 0 5 4 4z'/%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 10 10'%3E%3Cpath d='M5 0 6 4 10 5 6 6 5 10 4 6 0 5 4 4z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:spk443 2.6s ease-in-out infinite }
#tb240 .th240.r1.empty .th-av::after{ display:none }
@keyframes spk443{ 0%,100%{ transform:scale(.55); opacity:.4 } 50%{ transform:scale(1.05); opacity:1 } }
/* پرتوهای چرخان پشت نفر اول — روی شبه‌عنصر تا جعبه از صفحه بیرون نزند */
#tb240 .th-ray{ width:min(250%, 92vw); top:48%; background:none; -webkit-mask:none; mask:none; animation:none; transform:translate(-50%,-50%); contain:paint }   /* بی contain، چرخش هر فریم کل اسکرول را دوباره رستر می‌کرد */
#tb240 .th-ray::before{ content:""; position:absolute; inset:0; border-radius:50%; will-change:transform;
  background:repeating-conic-gradient(from 0deg, rgba(255,255,255,.3) 0 5deg, transparent 5deg 15deg);
  -webkit-mask:radial-gradient(circle, #000 16%, transparent 66%); mask:radial-gradient(circle, #000 16%, transparent 66%); animation:ray443 30s linear infinite }
#tb240.themed .th-ray::before{ background:repeating-conic-gradient(from 0deg, rgba(255,255,255,.26) 0 5deg, transparent 5deg 15deg) }
@keyframes ray443{ to{ transform:rotate(360deg) } }
/* استوانه: جعبه = بلندی جلو (‎--bh‎) + نیم‌بیضی پایین (‎padding‎ درصدی از پهنای ستون) */
#tb240 .th-ped{ position:relative; z-index:1; display:block; overflow:visible; box-sizing:content-box; width:90%; height:var(--bh); padding:0 0 13.24%; margin:-16% auto 0;
  border-radius:0; background:none; box-shadow:none }
#tb240 .th240.r1 .th-ped{ width:92%; padding-bottom:13.53% }
/* بدنهٔ جلو: سایه‌روشن استوانه‌ای + تراش‌های عمودی + فلز */
#tb240 .th-ped::after{ content:""; position:absolute; z-index:0; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.2) 0%, transparent 15%, rgba(255,255,255,.55) 30%, rgba(255,255,255,.08) 44%, transparent 60%, rgba(0,0,0,.06) 78%, rgba(0,0,0,.24) 100%),
    linear-gradient(90deg, transparent 21.6%, rgba(255,255,255,.4) 22%, transparent 22.4%, transparent 49.6%, rgba(255,255,255,.3) 50%, transparent 50.4%, transparent 77.6%, rgba(255,255,255,.26) 78%, transparent 78.4%),
    linear-gradient(180deg, var(--m1) 0%, var(--m2) 28%, var(--m3) 78%, var(--m4) 100%);
  -webkit-mask:linear-gradient(#000,#000) 0 0/100% var(--bh) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 50'%3E%3Cpath d='M0 0A170 50 0 0 0 340 0z'/%3E%3C/svg%3E") 0 var(--bh)/100% auto no-repeat;
          mask:linear-gradient(#000,#000) 0 0/100% var(--bh) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 50'%3E%3Cpath d='M0 0A170 50 0 0 0 340 0z'/%3E%3C/svg%3E") 0 var(--bh)/100% auto no-repeat }
/* رویه: دیسک درخشان با حلقهٔ داخلی */
#tb240 .th-ped::before{ content:""; position:absolute; z-index:2; left:0; right:0; top:0; aspect-ratio:3.4; transform:translateY(-50%); border-radius:50%; pointer-events:none;
  background:
    radial-gradient(closest-side, transparent 57%, rgba(255,255,255,.95) 59.5%, rgba(255,255,255,.95) 62%, transparent 64.5%),
    radial-gradient(closest-side, rgba(255,255,255,.98) 0%, rgba(var(--g1),.94) 34%, rgba(var(--g2),.82) 72%, rgba(var(--g2),.9) 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.95), inset 0 -3px 4px rgba(var(--g2),.65), 0 0 16px rgba(var(--g2),.55) }
/* شمارهٔ حک‌شده روی بدنه (با تاج عکسی/SVGA هم همیشه دیده می‌شود) */
#tb240 .th-ped span{ display:block; position:absolute; z-index:1; left:0; right:0; bottom:calc(var(--bh) / 2); transform:translateY(50%); text-align:center;
  font-size:var(--nf); font-weight:900; font-style:normal; line-height:1; color:var(--mn); text-shadow:0 1px 0 var(--mns), 0 0 8px rgba(255,255,255,.35); font-family:system-ui,sans-serif }
#tb240 .th240.r2 .th-ped span{ text-shadow:0 1px 0 var(--mns) }
/* حلقهٔ موج فقط روی رویهٔ نفر اول */
#tb240 .th-ped i{ display:none }
#tb240 .th240.r1 .th-ped i{ display:block; position:absolute; z-index:3; left:0; right:0; top:0; bottom:auto; width:auto; height:auto; aspect-ratio:3.4; border-radius:50%; background:none;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.9); opacity:0; transform:translateY(-50%) scale(.55); animation:pedR443 2.8s ease-out infinite }
@keyframes pedR443{ 0%{ transform:translateY(-50%) scale(.55); opacity:.9 } 100%{ transform:translateY(-50%) scale(1.22); opacity:0 } }
#tb240 .th240.ld .th-ped i, #tb240 .th240.empty .th-ped i{ animation:none; display:none }
#tb240 .th240.empty .th-ped{ opacity:.78 }
/* نام، چیپ‌ها، مبلغ */
#tb240 .th-nm{ max-width:100%; margin-top:6px; padding:0 2px; font-size:13.5px; font-weight:900; line-height:1.35; color:#fff; text-shadow:0 1px 2px rgba(60,0,100,.5) }
#tb240 .th240.r1 .th-nm{ font-size:15.5px; color:#fff; text-shadow:0 1px 2px rgba(150,70,0,.6) }
#tb240 .th240.empty .th-nm{ color:rgba(255,255,255,.9); font-weight:800; font-size:12.5px }
#tb240 .th-ch{ transform:none; gap:3px 4px; min-height:0; margin-top:4px; max-width:100% }
#tb240 .th-ch:empty{ display:none }
#tb240 .th-amt{ position:relative; overflow:hidden; margin-top:6px; gap:5px; height:26px; padding:0 11px 0 6px; font-size:13px; color:#3A1670; background:linear-gradient(180deg,#fff,#F6F0FF);
  box-shadow:0 6px 14px -8px rgba(30,0,80,.6), inset 0 0 0 1px rgba(255,255,255,.9) }
#tb240.rcv .th-amt{ color:#1E2A78 }
#tb240 .th240.r1 .th-amt{ height:28px; padding:0 13px 0 7px; font-size:14.5px; color:#5A3000; background:linear-gradient(180deg,#FFF7CF,#FFD54F 55%,#FFB31F);
  box-shadow:0 8px 18px -8px rgba(255,170,0,.85), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(200,120,0,.25) }
/* برق گذرا روی قرص طلایی نفر اول */
#tb240 .th240.r1 .th-amt::after{ content:""; position:absolute; top:0; bottom:0; left:0; width:42%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.75), transparent); transform:translateX(-140%) skewX(-18deg); animation:shn443 4.4s ease-in-out infinite 1.2s }
@keyframes shn443{ 0%,55%{ transform:translateX(-140%) skewX(-18deg) } 100%{ transform:translateX(340%) skewX(-18deg) } }
#tb240 .th240.empty .th-amt::after{ display:none }
#tb240 .th-amt svg{ width:16px; height:16px }
#tb240 .th240.empty:not(.ld) .th-amt{ display:none }
#tb240 .th240.ld .th-ph{ animation:tbPl240 1s ease-in-out infinite alternate }

/* ─── اسکلت بارگذاری سکو (به‌جای «جای خالی / ۰») ─── */
#tb240 .th240.ld .tw240{ opacity:.5 }
#tb240 .th240.ld .th-ph em.q{ color:transparent }
#tb240 .th240.ld .th-ray{ opacity:.4 }
#tb240 .th240.ld .th-nm, #tb240 .th240.ld .th-amt{ position:relative; overflow:hidden; color:transparent; text-shadow:none; background:rgba(255,255,255,.26); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2) }
#tb240 .th240.ld .th-nm{ width:62%; height:11px; margin-top:9px; padding:0; border-radius:99px; font-size:0 }
#tb240 .th240.ld .th-amt{ width:58%; min-width:48px; max-width:84px; height:22px; margin-top:9px; padding:0 }
#tb240 .th240.ld .th-amt > *{ visibility:hidden }
#tb240 .th240.ld .th-nm::after, #tb240 .th240.ld .th-amt::after{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:60%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:translateX(-100%); animation:skP443 1.3s ease-in-out infinite }
@keyframes skP443{ to{ transform:translateX(220%) } }

/* ─── برگهٔ روشن فهرست ─── */
#tb240 .tb-list{ flex:1 0 auto; max-width:none; width:100%; margin:16px 0 0; gap:9px; padding:18px 12px calc(96px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0; background:linear-gradient(180deg,var(--sheet1) 0%,var(--sheet2) 260px); box-shadow:0 -14px 30px -18px rgba(40,0,90,.55), inset 0 1px 0 rgba(255,255,255,.9) }
/* فقط ۱ تا ۳ نفر: دو ردیف «جای خالی» کم‌رنگ */
#tb240 .tb-list:empty::before, #tb240 .tb-list:empty::after{ content:""; display:block; width:100%; max-width:460px; height:62px; margin:0 auto; border-radius:20px; box-sizing:border-box;
  border:1.5px dashed color-mix(in srgb,var(--bar2) 28%,#fff);
  background:radial-gradient(circle closest-side, color-mix(in srgb,var(--bar2) 12%,#fff) 95%, transparent) no-repeat, radial-gradient(circle closest-side, color-mix(in srgb,var(--bar2) 12%,#fff) 95%, transparent) no-repeat,
    linear-gradient(color-mix(in srgb,var(--bar2) 10%,#fff),color-mix(in srgb,var(--bar2) 10%,#fff)) no-repeat;
  background-size:24px 24px, 40px 40px, 30% 9px; background-position:left 12px center, left 46px center, left 98px center }
#tb240[dir=rtl] .tb-list:empty::before, #tb240[dir=rtl] .tb-list:empty::after{ background-position:right 12px center, right 46px center, right 98px center }
#tb240 .tb-list:empty::after{ opacity:.5 }
#tb240 .tb-list > *{ width:100%; max-width:460px; margin-inline:auto }
#tb240 .rw240{ gap:10px; padding:10px 12px; border-radius:20px; background:#fff; color:var(--ink);
  box-shadow:0 8px 20px -14px rgba(70,20,150,.45), inset 0 0 0 1px var(--line) }
#tb240 .rw-rk{ width:28px; height:28px; clip-path:none; border-radius:50%; background:color-mix(in srgb,var(--bar2) 11%,#fff) }
#tb240 .rw-rk b{ font-size:12.5px; color:var(--acc) }
/* رتبهٔ ۴ تا ۶: گرادیانی با حلقهٔ طلایی */
#tb240 .rw240:nth-child(-n+3) .rw-rk{ background:linear-gradient(135deg,var(--bar1),var(--bar2)); box-shadow:0 0 0 2px #fff, 0 0 0 3.5px #F1C75B, 0 5px 12px -4px var(--bar2) }
#tb240 .rw240:nth-child(-n+3) .rw-rk b{ color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.18) }
#tb240 .rw-av{ width:46px; height:46px; padding:2px; border-radius:50%; background:linear-gradient(135deg,var(--bar1),var(--bar2)); box-sizing:border-box }
#tb240 .rw-av img, #tb240 .rw-av em, #tb240 .rw-av > div.flex{ box-shadow:0 0 0 2px #fff; color:#fff; background:linear-gradient(135deg,#FFB3D6,#A78BFA) }
#tb240 .rw-av i{ right:-1px; bottom:-1px; width:12px; height:12px; box-shadow:0 0 0 2px #fff }
#tb240 .rw-tx{ gap:4px }
#tb240[dir=rtl] .rw-tx > b{ text-align:right } #tb240[dir=ltr] .rw-tx > b{ text-align:left }
#tb240 .rw-tx > b{ font-size:14px; font-weight:900; color:var(--ink); line-height:1.3 }
#tb240 .rw-tx > span{ flex-wrap:wrap; gap:3px 4px; align-items:center }
#tb240 .rw-tx > span:empty{ display:none }
#tb240 .rw-tx u{ height:5px; background:color-mix(in srgb,var(--bar2) 10%,#F4F2FA) }
#tb240 .rw-tx u s{ background:linear-gradient(90deg,var(--bar1),var(--bar2)) }
#tb240[dir=rtl] .rw-tx u s{ margin-inline-start:0 }
#tb240 .rw-amt{ gap:4px; height:28px; padding:0 10px 0 6px; border-radius:99px; font-size:13px; color:var(--amtfg); background:var(--amtbg) }
#tb240 .rw-amt svg{ width:16px; height:16px }
#tb240 .vp240{ height:20px; padding:0 7px 0 6px; gap:3px; font-size:11px; color:#4A2500; background:linear-gradient(180deg,#FFF3C4,#FFCB45); box-shadow:inset 0 0 0 1px rgba(190,120,0,.25) }
#tb240 .vp240 svg{ width:11px; height:11px }
#tb240 .th-ch .vp240{ height:21px }
#tb240 .th-ch .lc145.lq442{ height:21px }
/* اسکلت و خالی */
#tb240 .tb-sk{ gap:9px } #tb240 .tb-sk i{ position:relative; overflow:hidden; height:68px; border-radius:20px; box-shadow:inset 0 0 0 1px var(--line); animation:none;
  background:radial-gradient(circle closest-side, #EEE7FB 95%, transparent) no-repeat, radial-gradient(circle closest-side, #EEE7FB 95%, transparent) no-repeat,
    linear-gradient(#EEE7FB,#EEE7FB) no-repeat, linear-gradient(#F4F0FC,#F4F0FC) no-repeat, #fff;
  background-size:26px 26px, 44px 44px, 34% 10px, 22% 8px;
  background-position:left 12px center, left 48px center, left 104px top 20px, left 104px top 38px }
#tb240[dir=rtl] .tb-sk i{ background-position:right 12px center, right 48px center, right 104px top 20px, right 104px top 38px }
#tb240 .tb-sk i::before{ content:""; position:absolute; top:50%; inset-inline-end:12px; width:58px; height:24px; margin-top:-12px; border-radius:99px; background:var(--amtbg) }
#tb240 .tb-sk i:nth-child(3){ opacity:.7 } #tb240 .tb-sk i:nth-child(4){ opacity:.45 }
#tb240 .tb-sk i::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent 20%,rgba(160,120,240,.16) 50%,transparent 80%); transform:translateX(-100%); animation:skS443 1.3s ease-in-out infinite }
@keyframes skS443{ to{ transform:translateX(100%) } }
#tb240 .tb-em{ gap:8px; padding:26px 22px 20px }
#tb240 .tb-em svg{ box-sizing:content-box; width:34px; height:34px; padding:18px; border-radius:50%; color:#fff; opacity:1; background:linear-gradient(135deg,var(--bar1),var(--bar2));
  box-shadow:0 14px 28px -12px var(--bar2), 0 0 0 8px color-mix(in srgb,var(--bar2) 12%,transparent) }
#tb240 .tb-em b{ margin-top:8px; font-size:15px; font-weight:900; color:var(--ink) } #tb240 .tb-em small{ font-size:12.5px; color:var(--mut); opacity:1; line-height:1.7 }

/* ─── نوار رتبهٔ من ─── */
#tb240 .tb-me{ left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); gap:10px; padding:9px 12px 9px 9px; border-radius:24px; color:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;
  background:radial-gradient(80% 140% at 0% 0%, rgba(255,255,255,.28), transparent 60%), linear-gradient(100deg,var(--b2),var(--a3) 58%,var(--a4));
  box-shadow:0 14px 30px -12px rgba(80,30,180,.7), inset 0 1px 0 rgba(255,255,255,.45), inset 0 0 0 1px rgba(255,255,255,.22) }
#tb240[dir=rtl] .tb-me{ padding:9px 9px 9px 12px }
#tb240 .tb-me:empty{ display:none }
#tb240 .mr-rk{ min-width:44px; height:30px; padding:0 8px; border-radius:99px; display:grid; place-items:center; font-size:14.5px; color:var(--acc); background:#fff; box-shadow:0 4px 10px -4px rgba(30,0,80,.5) }
#tb240 .mr-av{ width:40px; height:40px } #tb240 .mr-av img, #tb240 .mr-av em{ box-shadow:0 0 0 2px #fff; background:linear-gradient(135deg,#FFB3D6,#A78BFA) }
#tb240 .mr-tx b{ font-size:14px } #tb240 .mr-tx small{ font-size:11px; opacity:.92 }
#tb240 .mr-amt{ height:30px; padding:0 11px 0 6px; border-radius:99px; gap:4px; font-size:14px; color:#5A3000; background:linear-gradient(180deg,#FFF7CF,#FFD54F 55%,#FFB31F); box-shadow:0 6px 14px -6px rgba(255,170,0,.8) }
#tb240 .mr-amt svg{ width:17px; height:17px }

/* ─── گوشی باریک (≤ ۳۶۰px): سربرگ و سکو جمع‌وجورتر ─── */
@media (max-width:360px){
  #tb240{ --gx:12px; --cv:18px }
  #tb240 .tb-h{ padding-top:calc(8px + env(safe-area-inset-top)); padding-bottom:0 }
  #tb240 .tb-tt::after{ display:none }
  #tb240 .tb-tt small{ display:block; margin-top:1px; padding:0 8px; font-size:10.5px; line-height:1.5 }
  #tb240 .tb-side{ margin-top:6px } #tb240 .tb-side button{ height:36px }
  #tb240 .tb-per{ gap:6px; margin-top:8px } #tb240 .tb-per button{ height:31px; font-size:12px }
  #tb240 .tb-info{ margin-top:8px; min-height:26px } #tb240 .tb-info > span{ height:26px }
  #tb240 .tb-pod{ padding-top:24px; gap:3px; padding-left:6px; padding-right:6px }
  #tb240{ --bh1:34px } #tb240 .th240{ --bh:23px; --nf:16px } #tb240 .th240.r1{ --nf:19px } #tb240 .th240.r3{ --bh:15px; --nf:12.5px }
  #tb240 .th-nm{ margin-top:4px; font-size:12.5px } #tb240 .th240.r1 .th-nm{ font-size:14px }
  #tb240 .th-ch{ gap:2px 3px; margin-top:3px }
  #tb240 .th-amt{ margin-top:5px; height:24px; font-size:12px; padding:0 9px 0 5px } #tb240 .th240.r1 .th-amt{ height:26px; font-size:13.5px }
  #tb240 .th-amt svg{ width:14px; height:14px }
  #tb240 .tb-list{ margin-top:12px; padding:14px 10px calc(92px + env(safe-area-inset-bottom)) }
  #tb240 .rw240{ gap:8px; padding:9px 10px }
  #tb240 .rw-rk{ width:24px; height:24px } #tb240 .rw-rk b{ font-size:11.5px }
  #tb240 .rw-av{ width:42px; height:42px }
  #tb240 .rw-tx .lc145.lq442{ height:21px }
  #tb240 .rw-amt{ height:26px; padding:0 8px 0 5px; font-size:12.5px } #tb240 .rw-amt svg{ width:15px; height:15px }
  /* خالی: افقی و فشرده تا بالای نوار رتبهٔ من دیده شود */
  #tb240 .tb-em{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:14px; row-gap:2px; align-items:center; padding:10px 8px; text-align:start }
  #tb240 .tb-em svg{ grid-row:1 / 3; width:24px; height:24px; padding:13px; box-shadow:0 10px 20px -10px var(--bar2), 0 0 0 6px color-mix(in srgb,var(--bar2) 12%,transparent) }
  #tb240 .tb-em b{ margin:0; font-size:14px; align-self:end } #tb240 .tb-em small{ font-size:11.5px; line-height:1.55; align-self:start }
  #tb240 .tb-me{ left:10px; right:10px; padding-top:7px; padding-bottom:7px }
}
/* ≤ ۳۵۰px: مبلغ کنار نام؛ قرص‌های سطح و VIP و نوار سهم کل پهنا را می‌گیرند */
@media (max-width:350px){
  #tb240 .rw240{ display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; grid-template-rows:auto auto auto; column-gap:8px; row-gap:4px; align-items:center }
  #tb240 .rw-rk{ grid-column:1; grid-row:1 / 4 }
  #tb240 .rw-av{ grid-column:2; grid-row:1 / 4 }
  #tb240 .rw-tx{ display:contents }
  #tb240 .rw-tx > b{ grid-column:3; grid-row:1; min-width:0 }
  #tb240 .rw-amt{ grid-column:4; grid-row:1; height:24px; font-size:12px }
  #tb240 .rw-tx > span{ grid-column:3 / 5; grid-row:2; display:flex }
  #tb240 .rw-tx u{ grid-column:3 / 5; grid-row:3 }
}

/* ─── آرام: کم‌حرکت و حالت سبک — همهٔ حرکت تزئینی خاموش ─── */
@media (prefers-reduced-motion:reduce){
  #tb240 .tb-au, #tb240 .tb-st, #tb240 .tb-bg::after, #tb240 .th-ray::before, #tb240 .th-ped i, #tb240 .tw240, #tb240 .tb-sk i::after,
  #tb240 .th240.r1 .th-av::after, #tb240 .th240.r1 .th-amt::after, #tb240 .th240.ld .th-nm::after, #tb240 .th240.ld .th-amt::after, #tb240 .th240.ld .th-ph{ animation:none !important }
  #tb240 .th240.r1 .th-av::after{ transform:none; opacity:.9 }
}
html.lite366 #tb240 .tb-au, html.lite366 #tb240 .tb-st, html.lite366 #tb240 .tb-bg::after, html.lite366 #tb240 .th-ray::before, html.lite366 #tb240 .th-ped i,
html.lite366 #tb240 .tw240, html.lite366 #tb240 .th240.r1 .th-av::after, html.lite366 #tb240 .th240.r1 .th-amt::after, html.lite366 #tb240 .tb-sk i::after,
html.lite366 #tb240 .th240.ld .th-nm::after, html.lite366 #tb240 .th240.ld .th-amt::after, html.lite366 #tb240 .th240.ld .th-ph{ animation:none !important }
html.lite366 #tb240 .th240.r1 .th-av::after{ transform:none; opacity:.9 }

/* ─── بازبینی v443 ─── */
/* نوار «رتبهٔ من» زیر تم: همان پله‌های تیره‌شدهٔ نوار سربرگ (متن سفید خوانا) */
#tb240.themed .tb-me{ background:radial-gradient(80% 140% at 0% 0%, rgba(255,255,255,.22), transparent 60%), linear-gradient(100deg,var(--b2),var(--b3) 58%,var(--b4)) }
/* «بی پرتو» در پنل: نورافکن‌های تازه هم */
#tb240.norays .tb-au.a{ display:none }
/* مرورگر بی color-mix (iOS ≤ ۱۶٫۱، WebView قدیمی): رنگ‌های خام تم + جوهر ثابت برای متن روی سفید (بی این، برچسب‌ها سفید روی سفید می‌شدند) */
@supports not (color:color-mix(in srgb,red,red)){
  #tb240.themed, #tb240.themed.rcv{ --a1:var(--tb); --a2:var(--tb); --a3:var(--ta); --a4:var(--ta); --b1:var(--tb); --b2:var(--tb); --b3:var(--ta); --b4:var(--ta);
    --hl1:transparent; --hl2:transparent; --acc:#3B1E66; --acc2:#7A1F5C; --bar1:var(--tb); --bar2:var(--ta);
    --amtbg:#FFF4D4; --amtfg:#9A5800; --sheet1:#F7F2FF; --sheet2:#FCFAFF }
}