/* ══════════════════════════════════════════════════════════════
   جوائز الموسم ٣ «موسم القمرة» (٢٠٢٦/١١/٠٩) — إطارات متحرّكة + دخلات الانضمام
   الإطار: <i class="pf-art"> داخل .av.pf.pf-<id> (core.js) — نفس نظام frames.css.
   كلّها حركة transform/opacity بس، ووضع الأداء يوقفها.
   هلال (٥) · نجوم (١٢) · مجرّة (٢٤) · شفق (٣٨) · بدر (٤٧)
   ══════════════════════════════════════════════════════════════ */
:is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .pf-art{inset:-22%}
:is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .av-ring{opacity:0}

/* هلال: هلال فضّي يحضن الصورة من فوق ونجمة صغيرة تلمع */
.pf-hilal .pf-art::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23c9d6f2'/%3E%3Cstop offset='1' stop-color='%236f7fa8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%23c9d6f2' stroke-opacity='.55' stroke-width='3'/%3E%3Cpath d='M18 40 A34 34 0 0 1 82 40 A40 40 0 0 0 18 40 Z' fill='url(%23g)'/%3E%3Cpath d='M78 18l2.2 6 6 2.2-6 2.2-2.2 6-2.2-6-6-2.2 6-2.2z' fill='%23fff'/%3E%3C/svg%3E");animation:s3sway 5s ease-in-out infinite}
.pf-hilal .pf-art::after{background:radial-gradient(circle at 78% 22%,#fff 0 2%,transparent 6%);animation:s3tw 2.2s ease-in-out infinite}

/* نجوم: حلقة نجوم تدور حول الصورة */
.pf-nujoom .pf-art::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='37' fill='none' stroke='%234fb2ff' stroke-width='2.5' stroke-dasharray='2 5' stroke-opacity='.8'/%3E%3Cg fill='%23d9f3ff'%3E%3Cpath d='M50 6l2 5 5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M91 50l-5-2-2-5-2 5-5 2 5 2 2 5 2-5z'/%3E%3Cpath d='M50 94l-2-5-5-2 5-2 2-5 2 5 5 2-5 2z'/%3E%3Cpath d='M9 50l5 2 2 5 2-5 5-2-5-2-2-5-2 5z'/%3E%3Ccircle cx='81' cy='19' r='2'/%3E%3Ccircle cx='19' cy='81' r='2'/%3E%3Ccircle cx='81' cy='81' r='1.6'/%3E%3Ccircle cx='19' cy='19' r='1.6'/%3E%3C/g%3E%3C/svg%3E");animation:s3spin 14s linear infinite}
.pf-nujoom .pf-art::after{background:radial-gradient(circle,transparent 52%,#4fb2ff55 58%,transparent 66%)}

/* مجرّة: دوّامة بنفسجيّة بغبار نجوم */
.pf-majarra .pf-art::before{inset:6%;border-radius:50%;background:conic-gradient(from 0deg,#b46bff,#3a1a80 22%,#ff7ad9 40%,#2a1060 58%,#6fb8ff 76%,#b46bff);
  -webkit-mask:radial-gradient(circle,transparent 57%,#000 59%,#000 69%,transparent 72%);mask:radial-gradient(circle,transparent 57%,#000 59%,#000 69%,transparent 72%);animation:s3spin 6s linear infinite;filter:saturate(1.2)}
.pf-majarra .pf-art::after{background:radial-gradient(circle at 20% 30%,#fff 0 1.2%,transparent 2%),radial-gradient(circle at 76% 20%,#fff 0 1%,transparent 1.8%),radial-gradient(circle at 84% 70%,#f3dcff 0 1.4%,transparent 2.2%),radial-gradient(circle at 30% 84%,#fff 0 1%,transparent 1.8%);animation:s3spinR 18s linear infinite}

/* شفق: ألوان الشفق تجري حول الصورة */
.pf-shafaq .pf-art::before{inset:6%;border-radius:50%;background:conic-gradient(from 90deg,#3dffb0,#24c6ff 25%,#8f6bff 45%,#ff6bd6 60%,#3dffb0 80%,#24c6ff);
  -webkit-mask:radial-gradient(circle,transparent 56%,#000 60%,#000 66%,transparent 74%);mask:radial-gradient(circle,transparent 56%,#000 60%,#000 66%,transparent 74%);animation:s3spin 4.5s linear infinite}
.pf-shafaq .pf-art::after{inset:0;border-radius:50%;background:radial-gradient(circle,transparent 50%,#3dffb044 60%,transparent 72%);animation:s3pulse 2.6s ease-in-out infinite}

/* بدر: قمر ذهبي كامل وراه أشعّة تدور وتاج هلال فوق */
.pf-badr .pf-art::before{inset:-4%;background:repeating-conic-gradient(from 0deg,#ffd24a55 0 5deg,transparent 5deg 15deg);border-radius:50%;
  -webkit-mask:radial-gradient(circle,transparent 46%,#000 50%,#000 64%,transparent 72%);mask:radial-gradient(circle,transparent 46%,#000 50%,#000 64%,transparent 72%);animation:s3spin 20s linear infinite}
.pf-badr .pf-art::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff6cf'/%3E%3Cstop offset='.5' stop-color='%23ffc94a'/%3E%3Cstop offset='1' stop-color='%23b86a10'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='url(%23g)' stroke-width='5'/%3E%3Ccircle cx='50' cy='50' r='40.5' fill='none' stroke='%23ffc94a' stroke-opacity='.45' stroke-width='1.4'/%3E%3Cpath d='M38 8 A13 13 0 1 0 62 8 A10 10 0 0 1 38 8 Z' fill='url(%23g)'/%3E%3Cpath d='M50 2l1.6 4 4 1.6-4 1.6-1.6 4-1.6-4-4-1.6 4-1.6z' fill='%23fff'/%3E%3C/svg%3E")}

/* سحاب (١٧): حلقة فضّية وغيوم ناعمة تمشي حولها */
.pf-sahab .pf-art::before{inset:8%;border-radius:50%;border:3px solid #c9d6f2;box-shadow:0 0 14px #9fb6ff88,inset 0 0 10px #9fb6ff55}
.pf-sahab .pf-art::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23e6edff' fill-opacity='.92'%3E%3Cpath d='M14 30a7 7 0 0 1 12-4a6 6 0 0 1 10 4a5 5 0 0 1 0 10H16a5 5 0 0 1-2-10z'/%3E%3Cpath d='M64 76a6 6 0 0 1 10-3a5 5 0 0 1 9 3a4 4 0 0 1 0 8H66a4 4 0 0 1-2-8z'/%3E%3Cpath d='M70 16a4 4 0 0 1 7-2a4 4 0 0 1 6 2a3 3 0 0 1 0 6H71a3 3 0 0 1-1-6z' fill-opacity='.7'/%3E%3C/g%3E%3C/svg%3E");animation:s3spin 30s linear infinite}

/* شهب (٣٠): حلقة بنفسجيّة وشهب تقطعها */
.pf-shuhub .pf-art::before{inset:8%;border-radius:50%;border:3px solid #b46bff;box-shadow:0 0 18px #b46bff88}
.pf-shuhub .pf-art::after{background:linear-gradient(135deg,transparent 46%,#fff 49%,#ffd6ff 50%,transparent 53%) 0 0/36% 36% no-repeat,linear-gradient(135deg,transparent 46%,#fff 49%,#d9c2ff 50%,transparent 53%) 70% 20%/26% 26% no-repeat,linear-gradient(135deg,transparent 46%,#fff 49%,#fff 50%,transparent 53%) 30% 80%/22% 22% no-repeat;animation:s3meteor 2.4s linear infinite}
@keyframes s3meteor{0%{transform:translate(-14%,-14%);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(14%,14%);opacity:0}}

/* مدار (٤٤): كواكب صغيرة تدور بمدارين بسرعات مختلفة */
.pf-mudar .pf-art::before{inset:2%;border-radius:50%;border:1.5px dashed #8fc2ff99;background:radial-gradient(circle at 50% 2%,#ffd24a 0 4.5%,transparent 5%),radial-gradient(circle at 98% 50%,#6fd3ff 0 3.4%,transparent 4%);animation:s3spin 9s linear infinite}
.pf-mudar .pf-art::after{inset:12%;border-radius:50%;border:2px solid #c9d6f2;background:radial-gradient(circle at 50% 98%,#ff8ad8 0 5%,transparent 5.6%),radial-gradient(circle at 4% 40%,#fff 0 3%,transparent 3.6%);animation:s3spinR 5s linear infinite;box-shadow:0 0 16px #8fc2ff66}

/* خسوف (٤٩): هالة شمس كسوف حمرا-ذهبيّة تنبض والقمر الأسود حول الصورة */
.pf-kusuf .pf-art::before{inset:2%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff7a3a 0 3deg,#ffd24a 3deg 5deg,transparent 5deg 12deg);
  -webkit-mask:radial-gradient(circle,transparent 52%,#000 56%,#000 66%,transparent 74%);mask:radial-gradient(circle,transparent 52%,#000 56%,#000 66%,transparent 74%);animation:s3spin 12s linear infinite,s3pulse 2s ease-in-out infinite}
.pf-kusuf .pf-art::after{inset:11%;border-radius:50%;box-shadow:0 0 0 4px #1a0d08,0 0 0 6px #ff9a3a,0 0 30px 6px #ff7a3a99,inset 0 0 14px #ff7a3a88}

/* تاج النجوم (الذهبي ٤٠): تاج من نجوم ذهبيّة فوق الصورة وهالة تدور */
.pf-tajnujoom .pf-art::before{inset:4%;border-radius:50%;background:conic-gradient(from 0deg,#ffe29a,#ffb35c,#fff6cf,#ffc94a,#ffe29a);
  -webkit-mask:radial-gradient(circle,transparent 60%,#000 62%,#000 67%,transparent 69%);mask:radial-gradient(circle,transparent 60%,#000 62%,#000 67%,transparent 69%);animation:s3spin 3.5s linear infinite;filter:drop-shadow(0 0 6px #ffc94a)}
.pf-tajnujoom .pf-art::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff6cf'/%3E%3Cstop offset='1' stop-color='%23ffb35c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)' stroke='%23b86a10' stroke-width='.8'%3E%3Cpath d='M50 0l3.2 7.6 8.2.6-6.3 5.3 2 8-7.1-4.4-7.1 4.4 2-8-6.3-5.3 8.2-.6z'/%3E%3Cpath d='M30 6l2.2 5 5.4.4-4.1 3.5 1.3 5.3-4.8-2.9-4.8 2.9 1.3-5.3-4.1-3.5 5.4-.4z'/%3E%3Cpath d='M70 6l2.2 5 5.4.4-4.1 3.5 1.3 5.3-4.8-2.9-4.8 2.9 1.3-5.3-4.1-3.5 5.4-.4z'/%3E%3C/g%3E%3C/svg%3E");animation:s3float 2.6s ease-in-out infinite}
@keyframes s3float{50%{transform:translateY(-3%)}}

@keyframes s3spin{to{transform:rotate(360deg)}}
@keyframes s3spinR{to{transform:rotate(-360deg)}}
@keyframes s3sway{50%{transform:rotate(-6deg)}}
@keyframes s3tw{50%{opacity:.2}}
@keyframes s3pulse{50%{opacity:.35;transform:scale(1.04)}}

/* لقب الموسم ٣ — فضّي قمري ولمعة تمرّ */
.mark-pt.s3{background:linear-gradient(90deg,#0b1030,#22306a)!important;box-shadow:inset 0 0 0 1px #c9d6f266}
.mark-pt.s3 .mark-t{background:linear-gradient(90deg,#fff,#c9d6f2 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* دخلة القمر: البطاقة تلمع فضّي وقمر يطلع وراها */
.pt-moon{box-shadow:0 0 0 2px #c9d6f2,0 0 30px #8e9cff99!important;position:relative}
.pt-moon::before{content:"";position:absolute;width:clamp(26px,16%,64px);aspect-ratio:1;inset-inline-end:12px;bottom:10px;border-radius:50%;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 40% 38%,#fffbea,#e6ddc0 55%,#bdb08a);box-shadow:0 0 18px #fff6,0 0 40px #8e9cff99;animation:s3rise 1.6s cubic-bezier(.2,1,.3,1) both}
@keyframes s3rise{from{transform:translateY(140%) scale(.4);opacity:0}}

/* اسم بغبار النجوم: الاسم يبقى أبيض واضح، ولمعة نجوم تتحرّك حوله */
.pt-star .lb-nm,.pt-star .j6-nm,.pt-star .jc-nm,.pt-star b>span:first-child{color:#fff!important;animation:s3glint 2.4s ease-in-out infinite}
@keyframes s3glint{0%,100%{text-shadow:0 2px 6px #000,0 0 8px #9fd8ff66}50%{text-shadow:0 2px 6px #000,0 0 16px #bfe3ff,0 0 28px #ffe29a99}}

/* بطاقة انضمام ليليّة: سما بنجوم بدل الخلفيّة العاديّة */
.pt-night{background-image:radial-gradient(circle at 12% 30%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 70% 18%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 86% 72%,#cfe0ff 0 1.2px,transparent 1.8px),radial-gradient(circle at 34% 80%,#fff 0 .8px,transparent 1.4px),linear-gradient(160deg,#0b1030,#22306a 60%,#3a2a6a)!important;
  box-shadow:0 0 0 2px #8e9cff,0 0 26px #5a6cff66!important}

html.perf-lite :is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .pf-art::before,html.perf-lite :is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .pf-art::after,html.perf-lite .pt-star *{animation:none!important}
@media (prefers-reduced-motion:reduce){:is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .pf-art::before,:is(.pf-hilal,.pf-nujoom,.pf-sahab,.pf-majarra,.pf-shuhub,.pf-shafaq,.pf-mudar,.pf-badr,.pf-kusuf,.pf-tajnujoom) .pf-art::after{animation:none}}
