/* ═══════════════════════════════════════════════════════════════════════════
 *  v488 · قاب‌های TOP1/TOP2/TOP3 طراح روی سکوی «تالار حامیان» — هندسهٔ قاب‌های assets/effects/board-top
 *  (261-v240 crownOf → frame488؛ تاج/هدور آپلودی پنل همچنان اولویت دارد و هندسهٔ v443 خودش را نگه می‌دارد)
 *  مشکل: حلقهٔ برگ غار و تاجِ ساخته‌شده با SVG (v240/v443) با گرافیک مرجع فاصله داشت؛ مالک سه قاب حرفه‌ای طراح را داد:
 *  webp ثابت ۵۰۰×۵۰۰ (پوستر، از PNG طراح) + svga متحرک ۴۰۰×۴۰۰ (۳۰fps، ۵۹ فریم) — نام نسخه‌دار، کش یک‌ساله.
 *  اندازه‌گیری فایل‌ها (همهٔ فریم‌ها): بوم مربع؛ سوراخ عکس به مرکز (۵۰٪، ۴۷٪)؛ حلقه تنها در شعاع ~۳۶–۳۹٪ بوم در همهٔ
 *  زاویه‌ها کدر است (داخل‌تر هالهٔ نیمه‌شفاف، بیرون‌تر بین بال‌ها شکاف)؛ تاج تا ۳٪ از بالا؛ پلاک TOP تا ۹۸٪ (TOP3: ۹۳٪).
 *  راه‌حل: عکس HTML (th-ph) با قطر ۷۵٪ قاب و مرکز ۴۷٪ ← لبهٔ عکس در شعاع ۳۷٫۵٪ درست زیر حلقه؛ نقطهٔ آنلاین به داخل
 *  (۲۰٫۵٪) تا زیر حلقه نرود؛ جعبهٔ th-av بلندتر (۱٫۱۴ برابر پهنا) تا پایین پلاک روی لبهٔ بالای استوانه بنشیند و شمارهٔ
 *  حک‌شدهٔ استوانه آزاد بماند؛ پلهٔ ستون‌های ۲ و ۳ برای کف هم‌تراز دوباره حساب شد (۲۶٫۵٪). پوستر در ::before و بوم SVGA
 *  (.ha-fxc) رویش؛ با شروع پخش (ha-fxon) پوستر محو می‌شود؛ حالت سبک / reduced-motion (261) فقط پوستر.
 *  روانی: بی انیمیشن CSS تازه؛ drop-shadow از روی بوم متحرک برداشته شد (هر فریم دوباره رستر می‌شد)؛ محو فقط opacity.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── جعبهٔ عکس و پله برای هر سه تخت (قاب پیش‌فرض یا تاج آپلودی پنل) — تا کف استوانه‌ها در حالت مخلوط هم هم‌تراز بماند؛
 *    تاج پنل (img/svga با contain) و th-ph آن هر دو وسط همین جعبه می‌مانند ── */
#tb240 .th-av{ aspect-ratio:1 / 1.14 }
#tb240 .th240.r2, #tb240 .th240.r3{ margin-top:calc(26.5% + var(--bh1) - var(--bh)) }
/* ── فقط تخت‌های با قاب پیش‌فرض (df488): عکس به اندازه و جای سوراخ قاب ── */
#tb240 .th240.df488 .th-ph{ top:41.2%; width:75%; margin-top:0; box-shadow:none }   /* مرکز ۰٫۴۷ پهنا؛ لبه زیر حلقه */
#tb240 .th240.df488 .th-on{ right:20.5%; bottom:20.5% }
#tb240 .th240.df488 .th-av::before{ top:41.2% }        /* هالهٔ پشت عکس هم‌مرکز عکس */
#tb240 .th240.df488 .th-ray{ top:41.2% }               /* پرتوهای نفر اول هم‌مرکز عکس */
#tb240 .th240.r1.df488 .th-av::after{ display:none }   /* درخشش CSS کنار تاج: قاب خودش درخشش دارد */

/* ── خود قاب: جعبهٔ مربع چسبیده به بالای th-av؛ پوستر در ::before، بوم SVGA رویش ── */
#tb240 .tw240.fr488{ inset:auto; left:0; top:0; width:100%; height:auto; aspect-ratio:1; filter:none; animation:none; background:none; overflow:visible }
#tb240 .tw240.fr488::before{ content:""; position:absolute; inset:0; background:var(--fr488) center / contain no-repeat; transition:opacity .4s ease }
#tb240 .tw240.fr488.ha-fxon::before{ opacity:0 }
#tb240 .tw240.fr488 > .ha-fxc{ position:absolute; inset:0 }