/* ══════════════════════════════════════════════════════════════ إطاراتُ الباتل باس v2 (٢٠٢٦/١٠/٠٤ المالك: «مكرّرة — أبيها متقدّمة وفريدة مع التقدّم») كانت حلقةً واحدة بألوانٍ خمسة. صار لكلّ مستوى شكلُه، ويفخم كلّما علا: فضّي (٥) حلقةٌ بمسامير · سماوي (١٢) جناحا ريش ونجمة · بنفسجي (٢٤) سداسيٌّ بلّوريّ · الجمر (٣٨) ألسنةُ نار تتراقص · ملكي (٤٧) إكليلُ غار وتاجٌ وياقوتة وأشعّة. الرسمُ SVG داخل CSS فيبقى حادّاً بأيّ حجم (أفتار ٢٨ بكسل في اللعبة أو ١٣٠ في الباس). العنصر: داخل .av.pf (core.js) وداخل .fr-av (pass.mjs). الحركة transform/opacity وحدها. ══════════════════════════════════════════════════════════════ */ .pf-art{position:absolute;inset:-28%;pointer-events:none;z-index:3;background:center/contain no-repeat} .pf-art::before,.pf-art::after{content:"";position:absolute;inset:0;background:center/contain no-repeat;pointer-events:none} /* الحلقةُ القديمة تختفي تحت الرسم الجديد */ .av.pf .av-ring{opacity:0!important} .bp-art.frame .fr-av::before{display:none} .bp-art.frame .fr-av{overflow:visible} .pf-silver .pf-art,.av.pf-silver .pf-art{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22m%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffffff%22/%3E%3Cstop offset=%220.35%22 stop-color=%22%23b9c3d6%22/%3E%3Cstop offset=%220.6%22 stop-color=%22%23eef2fa%22/%3E%3Cstop offset=%221%22 stop-color=%22%236f7d99%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22%233b4458%22 stroke-width=%2212%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22url(%23m)%22 stroke-width=%228%22/%3E%3Ccircle cx=%22100.0%22 cy=%2230.0%22 r=%226.5%22 fill=%22url(%23m)%22 stroke=%22%234b566e%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%22170.0%22 cy=%22100.0%22 r=%226.5%22 fill=%22url(%23m)%22 stroke=%22%234b566e%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%22100.0%22 cy=%22170.0%22 r=%226.5%22 fill=%22url(%23m)%22 stroke=%22%234b566e%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2230.0%22 cy=%22100.0%22 r=%226.5%22 fill=%22url(%23m)%22 stroke=%22%234b566e%22 stroke-width=%221.5%22/%3E%3C/svg%3E")} .pf-silver .pf-art::after{inset:6%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.75) 78%,transparent 86%); -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9%),#000 calc(100% - 9%));mask:radial-gradient(farthest-side,transparent calc(100% - 9%),#000 calc(100% - 9%));animation:pfSpin 3.2s linear infinite} .pf-sky .pf-art{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e9f8ff%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%234fb2ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%231c4fa8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34.0 86 Q18.0 76 2.0 88 Q18.0 94 34.0 98Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M34.0 99 Q21.0 89 8.0 101 Q21.0 107 34.0 111Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M34.0 112 Q24.0 102 14.0 114 Q24.0 120 34.0 124Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M34.0 125 Q27.0 115 20.0 127 Q27.0 133 34.0 137Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M166.0 86 Q182.0 76 198.0 88 Q182.0 94 166.0 98Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M166.0 99 Q179.0 89 192.0 101 Q179.0 107 166.0 111Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M166.0 112 Q176.0 102 186.0 114 Q176.0 120 166.0 124Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M166.0 125 Q173.0 115 180.0 127 Q173.0 133 166.0 137Z%22 fill=%22url(%23s)%22 stroke=%22%23123a7a%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22%230e2a5c%22 stroke-width=%2211%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22url(%23s)%22 stroke-width=%227%22/%3E%3Cpath d=%22M100 14 L105 26 L118 27 L108 35 L111 48 L100 41 L89 48 L92 35 L82 27 L95 26Z%22 fill=%22%23fff%22 stroke=%22%234fb2ff%22 stroke-width=%222%22/%3E%3C/svg%3E");animation:pfFloat 2.6s ease-in-out infinite} .pf-sky .pf-art::after{inset:12%;border-radius:50%;background:radial-gradient(circle at 50% 2%,#fff 0 3%,transparent 4%);animation:pfSpin 4s linear infinite} .pf-violet .pf-art{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22v%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23f6e6ff%22/%3E%3Cstop offset=%220.45%22 stop-color=%22%23b46bff%22/%3E%3Cstop offset=%221%22 stop-color=%22%234a148c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points=%22100.0,20.0 169.3,60.0 169.3,140.0 100.0,180.0 30.7,140.0 30.7,60.0%22 fill=%22none%22 stroke=%22%232a0a52%22 stroke-width=%2215%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22100.0,20.0 169.3,60.0 169.3,140.0 100.0,180.0 30.7,140.0 30.7,60.0%22 fill=%22none%22 stroke=%22url(%23v)%22 stroke-width=%2210%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22100.0,1.0 87.5,21.0 100.0,24.0 112.5,21.0%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Cpolygon points=%22185.7,50.5 162.2,49.7 165.8,62.0 174.7,71.3%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Cpolygon points=%22185.7,149.5 174.7,128.7 165.8,138.0 162.2,150.3%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Cpolygon points=%22100.0,199.0 112.5,179.0 100.0,176.0 87.5,179.0%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Cpolygon points=%2214.3,149.5 37.8,150.3 34.2,138.0 25.3,128.7%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Cpolygon points=%2214.3,50.5 25.3,71.3 34.2,62.0 37.8,49.7%22 fill=%22url(%23v)%22 stroke=%22%23fff%22 stroke-opacity=%22.8%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2266%22 fill=%22none%22 stroke=%22%23e3c6ff%22 stroke-opacity=%22.6%22 stroke-width=%222%22/%3E%3C/svg%3E")} .pf-violet .pf-art::before{inset:-6%;background:radial-gradient(closest-side,rgba(180,107,255,.45),transparent 75%);animation:pfPulse 2.4s ease-in-out infinite} .pf-violet .pf-art{animation:pfSpinSlow 18s linear infinite} .pf-ember .pf-art{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3b0%22/%3E%3Cstop offset=%220.4%22 stop-color=%22%23ffb02e%22/%3E%3Cstop offset=%220.75%22 stop-color=%22%23ff4d1a%22/%3E%3Cstop offset=%221%22 stop-color=%22%238a1a05%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22r%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffd27a%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23ff6a1f%22/%3E%3Cstop offset=%221%22 stop-color=%22%237a1a05%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M89.0 30.9 Q88.2 17.3 106.8 3.2 Q115.0 13.8 111.0 30.9Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M120.1 33.0 Q125.3 20.4 148.1 15.8 Q151.0 28.9 139.9 42.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M147.2 48.3 Q157.3 39.3 179.9 45.0 Q176.8 58.0 160.9 65.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M165.0 73.9 Q178.0 70.1 195.8 85.1 Q187.4 95.5 169.8 95.3Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M169.8 104.7 Q183.2 106.9 192.8 128.1 Q180.7 133.8 165.0 126.1Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M160.9 134.5 Q172.0 142.3 171.4 165.6 Q158.0 165.5 147.2 151.7Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M139.9 157.5 Q146.5 169.4 135.9 190.1 Q123.8 184.2 120.1 167.0Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M111.0 169.1 Q111.8 182.7 93.2 196.8 Q85.0 186.2 89.0 169.1Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M79.9 167.0 Q74.7 179.6 51.9 184.2 Q49.0 171.1 60.1 157.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M52.8 151.7 Q42.7 160.7 20.1 155.0 Q23.2 142.0 39.1 134.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M35.0 126.1 Q22.0 129.9 4.2 114.9 Q12.6 104.5 30.2 104.7Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M30.2 95.3 Q16.8 93.1 7.2 71.9 Q19.3 66.2 35.0 73.9Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M39.1 65.5 Q28.0 57.7 28.6 34.4 Q42.0 34.5 52.8 48.3Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M60.1 42.5 Q53.5 30.6 64.1 9.9 Q76.2 15.8 79.9 33.0Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M106.1 30.3 Q107.8 21.4 124.3 15.4 Q128.0 21.9 122.8 33.8Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M135.8 39.8 Q141.2 32.6 158.6 34.3 Q159.1 41.7 149.3 50.3Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M158.3 61.3 Q166.4 57.1 181.3 66.2 Q178.5 73.2 166.0 76.6Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M169.3 90.4 Q178.4 90.2 187.9 104.8 Q182.4 109.9 169.6 107.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M166.6 121.5 Q174.9 125.1 177.1 142.5 Q170.0 144.7 159.5 136.9Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M150.7 148.2 Q156.6 155.1 151.0 171.7 Q143.6 170.6 137.5 159.1Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M124.8 165.5 Q127.0 174.2 114.8 186.7 Q108.7 182.5 108.2 169.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M93.9 169.7 Q92.2 178.6 75.7 184.6 Q72.0 178.1 77.2 166.2Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M64.2 160.2 Q58.8 167.4 41.4 165.7 Q40.9 158.3 50.7 149.7Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M41.7 138.7 Q33.6 142.9 18.7 133.8 Q21.5 126.8 34.0 123.4Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M30.7 109.6 Q21.6 109.8 12.1 95.2 Q17.6 90.1 30.4 92.5Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M33.4 78.5 Q25.1 74.9 22.9 57.5 Q30.0 55.3 40.5 63.1Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M49.3 51.8 Q43.4 44.9 49.0 28.3 Q56.4 29.4 62.5 40.9Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M75.2 34.5 Q73.0 25.8 85.2 13.3 Q91.3 17.5 91.8 30.5Z%22 fill=%22url(%23f)%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22%233a0a02%22 stroke-width=%2212%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22url(%23r)%22 stroke-width=%228%22/%3E%3C/svg%3E")} .pf-ember .pf-art::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff3b0%22/%3E%3Cstop offset=%220.4%22 stop-color=%22%23ffb02e%22/%3E%3Cstop offset=%220.75%22 stop-color=%22%23ff4d1a%22/%3E%3Cstop offset=%221%22 stop-color=%22%238a1a05%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M97.5 28.0 Q98.3 18.0 116.0 9.4 Q122.0 16.9 117.4 30.1Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M133.8 36.4 Q139.5 28.1 159.1 29.5 Q160.6 39.0 150.0 48.2Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M161.1 61.8 Q170.1 57.5 186.5 68.5 Q183.0 77.5 169.2 80.2Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M172.0 97.5 Q182.0 98.3 190.6 116.0 Q183.1 122.0 169.9 117.4Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M163.6 133.8 Q171.9 139.5 170.5 159.1 Q161.0 160.6 151.8 150.0Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M138.2 161.1 Q142.5 170.1 131.5 186.5 Q122.5 183.0 119.8 169.2Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M102.5 172.0 Q101.7 182.0 84.0 190.6 Q78.0 183.1 82.6 169.9Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M66.2 163.6 Q60.5 171.9 40.9 170.5 Q39.4 161.0 50.0 151.8Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M38.9 138.2 Q29.9 142.5 13.5 131.5 Q17.0 122.5 30.8 119.8Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M28.0 102.5 Q18.0 101.7 9.4 84.0 Q16.9 78.0 30.1 82.6Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M36.4 66.2 Q28.1 60.5 29.5 40.9 Q39.0 39.4 48.2 50.0Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M61.8 38.9 Q57.5 29.9 68.5 13.5 Q77.5 17.0 80.2 30.8Z%22 fill=%22url(%23f)%22/%3E%3C/svg%3E");animation:pfFlick .5s ease-in-out infinite alternate} .pf-ember .pf-art::before{inset:-4%;background:radial-gradient(closest-side,rgba(255,110,30,.5),transparent 75%);animation:pfPulse 1.4s ease-in-out infinite} .pf-royal .pf-art{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff6cf%22/%3E%3Cstop offset=%220.4%22 stop-color=%22%23ffc94a%22/%3E%3Cstop offset=%220.7%22 stop-color=%22%23fff0b0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23a8600c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx=%22133.8%22 cy=%22172.5%22 rx=%225%22 ry=%2211%22 transform=%22rotate(95 133.8 172.5)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22155.6%22 cy=%22157.5%22 rx=%225%22 ry=%2211%22 transform=%22rotate(76 155.6 157.5)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22171.3%22 cy=%22136.3%22 rx=%225%22 ry=%2211%22 transform=%22rotate(57 171.3 136.3)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22179.2%22 cy=%22111.1%22 rx=%225%22 ry=%2211%22 transform=%22rotate(38 179.2 111.1)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22178.5%22 cy=%2284.7%22 rx=%225%22 ry=%2211%22 transform=%22rotate(19 178.5 84.7)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22169.3%22 cy=%2260.0%22 rx=%225%22 ry=%2211%22 transform=%22rotate(0 169.3 60.0)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%22152.5%22 cy=%2239.6%22 rx=%225%22 ry=%2211%22 transform=%22rotate(-19 152.5 39.6)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2266.2%22 cy=%22172.5%22 rx=%225%22 ry=%2211%22 transform=%22rotate(265 66.2 172.5)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2244.4%22 cy=%22157.5%22 rx=%225%22 ry=%2211%22 transform=%22rotate(284 44.4 157.5)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2228.7%22 cy=%22136.3%22 rx=%225%22 ry=%2211%22 transform=%22rotate(303 28.7 136.3)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2220.8%22 cy=%22111.1%22 rx=%225%22 ry=%2211%22 transform=%22rotate(322 20.8 111.1)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2221.5%22 cy=%2284.7%22 rx=%225%22 ry=%2211%22 transform=%22rotate(341 21.5 84.7)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2230.7%22 cy=%2260.0%22 rx=%225%22 ry=%2211%22 transform=%22rotate(360 30.7 60.0)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Cellipse cx=%2247.5%22 cy=%2239.6%22 rx=%225%22 ry=%2211%22 transform=%22rotate(379 47.5 39.6)%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22%235a3204%22 stroke-width=%2213%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2270%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%229%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2264.5%22 fill=%22none%22 stroke=%22%23fff6cf%22 stroke-opacity=%22.8%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M70 32 L76 6 L88 22 L100 0 L112 22 L124 6 L130 32 Z%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2269%22 y=%2230%22 width=%2262%22 height=%229%22 rx=%223%22 fill=%22url(%23g)%22 stroke=%22%237a4508%22 stroke-width=%222%22/%3E%3Ccircle cx=%22100%22 cy=%2234.5%22 r=%223.6%22 fill=%22%23e0245e%22/%3E%3Ccircle cx=%2284%22 cy=%2234.5%22 r=%222.6%22 fill=%22%232fb0ff%22/%3E%3Ccircle cx=%22116%22 cy=%2234.5%22 r=%222.6%22 fill=%22%232fb0ff%22/%3E%3Cpath d=%22M100 160 L111 171 L100 186 L89 171Z%22 fill=%22%23e0245e%22 stroke=%22%23fff3c4%22 stroke-width=%222%22/%3E%3C/svg%3E")} .pf-royal .pf-art::before{inset:-14%;z-index:-1;border-radius:50%; background:repeating-conic-gradient(rgba(255,214,110,.42) 0 7deg,transparent 7deg 20deg); -webkit-mask:radial-gradient(closest-side,transparent 52%,#000 56%,transparent 100%);mask:radial-gradient(closest-side,transparent 52%,#000 56%,transparent 100%);animation:pfSpin 10s linear infinite} .pf-royal .pf-art::after{inset:10%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 80%,rgba(255,250,220,.9) 86%,transparent 92%); -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8%),#000 calc(100% - 8%));mask:radial-gradient(farthest-side,transparent calc(100% - 8%),#000 calc(100% - 8%));animation:pfSpin 2.6s linear infinite} @keyframes pfSpin{to{transform:rotate(360deg)}} @keyframes pfSpinSlow{to{transform:rotate(360deg)}} @keyframes pfPulse{50%{opacity:.35;transform:scale(1.08)}} @keyframes pfFloat{50%{transform:translateY(-4%)}} @keyframes pfFlick{from{transform:scale(1) rotate(-2deg);opacity:.85}to{transform:scale(1.06) rotate(2deg);opacity:1}} /* في أفتار صغير جدّاً (قوائم مكدّسة) يكفي الرسم بلا حركة */ .av-stack .pf-art,.av.xs .pf-art{animation:none} .av-stack .pf-art::before,.av-stack .pf-art::after,.av.xs .pf-art::before,.av.xs .pf-art::after{display:none} @media (prefers-reduced-motion:reduce){.pf-art,.pf-art::before,.pf-art::after{animation:none!important}}