/* ═══════════════════════════════════════════════════════════════════════════
 *  v509 · مدال‌های طراح مسیر ثروت در صفحهٔ «سطح من» — شمارهٔ سطح روی مدال
 *  مدال طراح (تصویر ثابت + SVGA روی آن، همان قاب ‎.lv-mdo‎ جایگزین‌های پنل در 295/355) شمارهٔ سطح ندارد؛ پلاکش این‌جاست،
 *  هم‌اندازه با خود مدال (cqw): کاشی‌ها ۶۲px، سربرگ ۹۶px، برگهٔ خانواده و ده تراشهٔ آن. داده: src/410-v509-wealth-medals.js.
 *  v511 (مالک: «ساده ننویسد ۲۰، خفن‌تر شود»): پلاک روبانی با لبهٔ طلایی و رنگ خانواده.
 *  v512 «خزانهٔ سلطنتی» (مالک: «سوپر حرفه‌ای‌تر، قدرتمندتر و خیلی خفن‌تر»): پلاک نشان‌دار SVG به‌جای روبان — قاب طلای
 *  دوجداره با نوک‌های تراش‌خورده، مینای رنگ خانواده (بالا ‎--me‎، پایین ‎--m3‎ از 295)، دو بال طلایی، نگین کوچک روی لبه و
 *  عدد برجستهٔ ورق‌طلا با لبهٔ تیره (paint-order؛ در هر اندازه تیز و خوانا). شکل‌ها و گرادیان‌ها یک بار در 295 (DEFS512).
 *  تراشه‌ها و کاشی‌ها: پلاک فشرده (‎.mi‎: قاب کوتاه، بی بال/نگین/«Lv»، عدد درشت). قفل (‎.sv‎): قاب و عدد نقره‌ای روی
 *  مینای فولادی تیره — عدد روشن، خوانا (نه خاکستری روی خاکستری). سربرگ: پلاک بالاتر تا روی نوار پیشرفت نیفتد.
 *  برق گذرا فقط روی لبهٔ بالای پلاک بزرگ و سربرگ (هرگز روی عدد؛ عنصر HTML، فقط transform/opacity؛ حالت سبک/«کاهش حرکت» = خاموش).
 *  «Lv N» زیر مدال بزرگ را 295 فقط برای مدال بی‌پلاک می‌سازد (دیگر :has لازم نیست).
 * ═══════════════════════════════════════════════════════════════════════════ */
#lv306 .lv-mdo.md509{ container-type:inline-size; --m1:#F1E4FF; --m2:#8E4FE0; --m3:#47208A }
#lv306 .md509 > img{ filter:drop-shadow(0 4px 6px rgba(40,14,80,.22)) }
/*  پلاک: پایین وسط مدال، کمی روی لبهٔ طرح؛ SVG ‎144×48‎ (بال، قاب، مینا، نگین، عدد) */
#lv306 .md509 > .md509-n{ position:absolute; left:50%; bottom:-5%; z-index:3; width:86cqw; transform:translateX(-50%); display:block; line-height:0;
  direction:ltr; pointer-events:none; font-style:normal }
#lv306 .md509-n > svg{ display:block; width:100%; height:auto; aspect-ratio:144/48; overflow:visible; filter:drop-shadow(0 2px 2px rgba(8,3,20,.5)) }
#lv306 .md509-n .e3{ fill:var(--m3) }
#lv306 .md509-n .e1{ fill:var(--me, var(--m2)) }
#lv306 .md509-n .w, #lv306 .md509-n .j{ stroke:#6E420B }
#lv306 .md509-n text{ font-family:inherit; font-size:20px; font-weight:900; letter-spacing:.2px; text-anchor:middle }
#lv306 .md509-n .lv{ font-size:10px; font-weight:800; letter-spacing:.5px }
#lv306 .md509-n .tx{ stroke:#2A1203; stroke-width:2.8px; paint-order:stroke; stroke-linejoin:round }
#lv306 .md509-n .sd{ fill:#000; fill-opacity:.5; stroke:#000; stroke-opacity:.3; stroke-width:2.8px; stroke-linejoin:round }
/*  پلاک فشرده (تراشه‌ها، کاشی‌ها): ‎92×36‎، عدد درشت (حدود ۱۲px روی مدال ۶۰px)، کم‌پهنا تا طرح مدال دیده شود */
#lv306 .md509-n.mi > svg{ aspect-ratio:92/36; filter:drop-shadow(0 1px 1.5px rgba(8,3,20,.55)) }
#lv306 .md509-n.mi text{ font-size:25px; letter-spacing:0 }
#lv306 .md509-n.mi .tx, #lv306 .md509-n.mi .sd{ stroke-width:3.4px }
#lv306 .lv-ch .md509 > .md509-n, #lv306 .lv-fmm .md509 > .md509-n{ width:72cqw; bottom:-3% }
/*  قفل: مینای فولادی تیره، قاب و عدد نقره‌ای با لبهٔ تیره (کنتراست بالا روی هر زمینه) */
#lv306 .md509-n.sv .e3{ fill:#20252F }
#lv306 .md509-n.sv .e1{ fill:#5B6477 }
#lv306 .md509-n.sv .w{ stroke:#394150 }
#lv306 .md509-n.sv .tx{ stroke:#14171E }
/*  کاشی قفل صفحهٔ روشن: نقرهٔ روشن با عدد تیرهٔ حکاکی‌شده (همان حالت «خفته»ی کاشی؛ خوانا، نه سنگین) */
#lv306 .lv-fm.lock .md509-n.sv .e3{ fill:#AAB3C3 }
#lv306 .lv-fm.lock .md509-n.sv .e1{ fill:#F6F8FC }
#lv306 .lv-fm.lock .md509-n.sv .tx{ fill:#283040; stroke:none }
#lv306 .lv-fm.lock .md509-n.sv .sd{ fill:#fff; fill-opacity:.9; stroke:none }
/*  سربرگ (۹۶px): پلاک کمی بالاتر و باریک‌تر تا لبه‌اش روی نوار پیشرفت نیفتد */
#lv306 .lv-bdg .md509 > .md509-n{ width:90cqw; bottom:3% }
/*  برق گذرا: فقط نوار باریک لبهٔ بالای قاب (هرگز روی عدد)؛ فقط مدال بزرگ و سربرگ */
#lv306 .md509-n > s{ position:absolute; left:22%; right:22%; top:32%; bottom:52%; overflow:hidden; text-decoration:none }
#lv306 .md509-n > s::before{ content:""; position:absolute; top:0; bottom:0; left:-30%; width:26%; opacity:0;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.92), transparent); transform:translateX(0) skewX(-18deg) }
#lv306 .lv-fsm .md509-n > s::before, #lv306 .lv-bdg .md509-n > s::before{ animation:sh512 3.6s ease-in-out infinite }
@keyframes sh512{ 0%, 55%{ transform:translateX(0) skewX(-18deg); opacity:0 } 62%{ opacity:1 } 100%{ transform:translateX(620%) skewX(-18deg); opacity:0 } }
html.lite366 #lv306 .md509-n > s::before{ animation:none !important }
@media (prefers-reduced-motion:reduce){ #lv306 .md509-n > s::before{ animation:none !important } }