/* =====================================================================
   تأثيرات الألقاب — ملف مشترك بين الموقع والمحرك (نفس الشكل بالضبط)
   كل تأثير له ألوانه الافتراضية، واللونين من المحرك (--t1 و --t2) يغيّرونها.
   ===================================================================== */
.tfx{display:inline-flex;align-items:center;gap:.28em;font-weight:800;white-space:nowrap;position:relative;line-height:1.3;vertical-align:middle}
.tfx-t{display:inline-block;position:relative}
.tfx-ic{width:1em!important;height:1em!important;flex:none;color:var(--t1,#e8c56a);filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}
.tfx-none .tfx-t{color:var(--t1,inherit)}
/* نص بتدرّج: الخلفية تنقص على شكل الحروف */
.tfx-shine .tfx-t,.tfx-gold .tfx-t,.tfx-chrome .tfx-t,.tfx-royal .tfx-t,.tfx-blood .tfx-t,.tfx-fire .tfx-t,.tfx-ice .tfx-t,
.tfx-aurora .tfx-t,.tfx-prism .tfx-t,.tfx-toxic .tfx-t,.tfx-fantasy .tfx-t{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* لمعة: ضوء أبيض يمر على لونك */
.tfx-shine .tfx-t{background-image:linear-gradient(100deg,var(--t1,#ffd166) 38%,#fff 50%,var(--t1,#ffd166) 62%);background-size:300% 100%;animation:tfxSweep 3.2s linear infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
@keyframes tfxSweep{from{background-position:110% 0}to{background-position:-110% 0}}

/* ذهب: معدن ذهبي بلمعة */
.tfx-gold .tfx-t{background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%),linear-gradient(180deg,#fff4c2 0%,#ffd35c 36%,#b8790e 52%,#ffe39a 68%,#c28a17 100%);background-size:300% 100%,100% 100%;animation:tfxSweep2 3.6s linear infinite;filter:drop-shadow(0 1px 0 #5a3a00) drop-shadow(0 0 5px rgba(255,200,80,.35))}
@keyframes tfxSweep2{from{background-position:110% 0,0 0}to{background-position:-110% 0,0 0}}

/* كروم: فضّي عاكس */
.tfx-chrome .tfx-t{background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#d6dbe2 38%,#5d6573 50%,#eef1f5 64%,#8f97a4 100%);background-size:300% 100%,100% 100%;animation:tfxSweep2 4s linear infinite;filter:drop-shadow(0 1px 0 #1a1d22)}

/* ملكي: ذهب على هالة بنفسجية */
.tfx-royal .tfx-t{background-image:linear-gradient(180deg,#fff0b8,#e9b949 48%,#9c6a12 54%,#f7df95);filter:drop-shadow(0 0 5px var(--t2,#8e44ff)) drop-shadow(0 1px 0 #2a0f45)}
.tfx-royal .tfx-ic{color:#f5c84c}

/* بارز ثلاثي: طبقات صلبة بلونك الثاني تحت النص — بلا ميلان يغبّش الحروف */
.tfx-3d .tfx-t{color:var(--t1,#ffffff);text-shadow:1px 1px 0 var(--t2,#b3121e),2px 2px 0 var(--t2,#b3121e),3px 3px 0 var(--t2,#b3121e),4px 4px 0 rgba(0,0,0,.55),5px 6px 8px rgba(0,0,0,.7)}

/* قليتش: انقسام ألوان خفيف، ونبضة تشويش سريعة كل شوي */
.tfx-glitch .tfx-t{color:var(--t1,#f2f2f2);text-shadow:-1px 0 var(--t2,#00e5ff),1px 0 #ff2bd6;animation:tfxGlitch 3s steps(1) infinite}
@keyframes tfxGlitch{
  0%,86%,100%{transform:none;text-shadow:-1px 0 var(--t2,#00e5ff),1px 0 #ff2bd6;opacity:1}
  87%{transform:translateX(-2px) skewX(12deg);text-shadow:-3px 0 var(--t2,#00e5ff),3px 0 #ff2bd6}
  89%{transform:translateX(2px) skewX(-8deg);text-shadow:3px 0 var(--t2,#00e5ff),-3px 0 #ff2bd6;opacity:.85}
  91%{transform:translateX(-1px);text-shadow:-2px 1px var(--t2,#00e5ff),2px -1px #ff2bd6}
  93%{transform:none;opacity:.7}
  95%{opacity:1}}

/* دموي: أحمر غامق ونقطتين تقطر */
.tfx-blood .tfx-t{background-image:linear-gradient(180deg,var(--t1,#ff4d5a) 0%,#c1121f 45%,#5e0008 100%);filter:drop-shadow(0 0 4px rgba(122,6,16,.6))}
.tfx-blood::before,.tfx-blood::after{content:'';position:absolute;top:82%;width:2px;height:0;border-radius:0 0 2px 2px;background:linear-gradient(#c1121f,#7a0610);animation:tfxDrip 3.2s ease-in infinite}
.tfx-blood::before{inset-inline-start:28%}
.tfx-blood::after{inset-inline-start:66%;animation-delay:1.4s;width:3px}
@keyframes tfxDrip{0%,35%{height:0;opacity:1}75%{height:8px;opacity:1}100%{height:10px;opacity:0}}

/* نار: تدرّج يرقص وتوهج يرفّ */
.tfx-fire .tfx-t{background-image:linear-gradient(0deg,#ff2a00 0%,#ff8a00 40%,#ffe066 75%,#fff6d0 100%);background-size:100% 250%;animation:tfxFire 1.1s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px rgba(255,90,0,.65))}
@keyframes tfxFire{0%{background-position:0 0;filter:drop-shadow(0 0 4px rgba(255,90,0,.55))}100%{background-position:0 100%;filter:drop-shadow(0 -1px 8px rgba(255,140,0,.8))}}

/* جليد: أزرق بارد ولمعة صقيع */
.tfx-ice .tfx-t{background-image:linear-gradient(100deg,transparent 42%,#fff 50%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#c9f3ff 40%,var(--t1,#4cc3ff) 56%,#e6fbff 100%);background-size:300% 100%,100% 100%;animation:tfxSweep2 4.4s linear infinite;filter:drop-shadow(0 0 5px rgba(76,195,255,.55))}

/* نيون: أنبوب مضيء يرفّ نادرًا */
.tfx-neon .tfx-t{color:#fff;text-shadow:0 0 2px #fff,0 0 6px var(--t1,#ff2bd6),0 0 14px var(--t1,#ff2bd6),0 0 26px var(--t1,#ff2bd6);animation:tfxNeon 4s infinite}
@keyframes tfxNeon{0%,90%,100%{opacity:1}91%,94%{opacity:.5}92.5%{opacity:1}}

/* شفق: ألوان تسيل ببطء بين لونينك */
.tfx-aurora .tfx-t{background-image:linear-gradient(90deg,var(--t1,#6dffb3),var(--t2,#7b8cff),#ff7bd8,var(--t1,#6dffb3));background-size:300% 100%;animation:tfxFlow 6s linear infinite;filter:drop-shadow(0 0 6px rgba(123,140,255,.45))}
@keyframes tfxFlow{from{background-position:0 0}to{background-position:300% 0}}

/* طيف: قوس قزح يمشي */
.tfx-prism .tfx-t{background-image:linear-gradient(90deg,#ff5252,#ffb74d,#fff176,#69f0ae,#40c4ff,#b388ff,#ff5252);background-size:200% 100%;animation:tfxFlow 4s linear infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}

/* نبض: دقة قلب مزدوجة */
.tfx-pulse .tfx-t{color:var(--t1,#ff3b4f);animation:tfxBeat 1.4s ease-in-out infinite;transform-origin:center}
@keyframes tfxBeat{0%,100%{transform:scale(1);text-shadow:0 0 0 transparent}12%{transform:scale(1.09);text-shadow:0 0 10px var(--t1,#ff3b4f)}24%{transform:scale(1)}36%{transform:scale(1.06);text-shadow:0 0 8px var(--t1,#ff3b4f)}50%{transform:scale(1)}}

/* دخان: يتنفّس ويضبّب شوي */
.tfx-smoke .tfx-t{color:var(--t1,#d9d9e2);text-shadow:0 -2px 6px rgba(255,255,255,.28),0 -6px 14px rgba(255,255,255,.14);animation:tfxSmoke 4.5s ease-in-out infinite}
@keyframes tfxSmoke{0%,100%{opacity:1;filter:blur(0);letter-spacing:0}50%{opacity:.72;filter:blur(.6px);letter-spacing:.6px}}

/* برق: ومضة كهربا */
.tfx-lightning .tfx-t{color:#eaf6ff;text-shadow:0 0 4px var(--t1,#7fd4ff),0 0 10px var(--t1,#7fd4ff);animation:tfxBolt 3.4s infinite}
@keyframes tfxBolt{0%,84%,100%{text-shadow:0 0 4px var(--t1,#7fd4ff),0 0 10px var(--t1,#7fd4ff);color:#eaf6ff}
  86%{color:#fff;text-shadow:0 0 6px #fff,0 0 18px var(--t1,#7fd4ff),0 0 34px var(--t1,#7fd4ff)}88%{text-shadow:0 0 2px var(--t1,#7fd4ff)}
  90%{color:#fff;text-shadow:0 0 8px #fff,0 0 24px var(--t1,#7fd4ff)}93%{text-shadow:0 0 4px var(--t1,#7fd4ff)}}

/* سام: أخضر يغلي */
.tfx-toxic .tfx-t{background-image:linear-gradient(180deg,#f0ff8a 0%,var(--t1,#7dff3a) 45%,#138a22 100%);filter:drop-shadow(0 0 6px rgba(109,255,58,.5));animation:tfxToxic 2.4s ease-in-out infinite}
@keyframes tfxToxic{0%,100%{filter:drop-shadow(0 0 4px rgba(109,255,58,.45))}50%{filter:drop-shadow(0 0 10px rgba(109,255,58,.75))}}

/* ظل: حروف داكنة بحواف مضيئة تتنفس */
.tfx-shadow .tfx-t{color:#15141c;-webkit-text-stroke:.6px var(--t1,#a88bff);text-shadow:0 0 8px var(--t1,#a88bff),0 0 18px #000;animation:tfxBreath 3.6s ease-in-out infinite}
@keyframes tfxBreath{0%,100%{text-shadow:0 0 6px var(--t1,#a88bff),0 0 16px #000}50%{text-shadow:0 0 12px var(--t1,#a88bff),0 0 22px #000}}

/* نجوم: ألوان حالمة ونجمتين تلمع */
.tfx-fantasy .tfx-t{background-image:linear-gradient(90deg,var(--t1,#b48cff),#7bd3c9,var(--t2,#ffb3e6),var(--t1,#b48cff));background-size:300% 100%;animation:tfxFlow 7s linear infinite;filter:drop-shadow(0 0 5px rgba(180,140,255,.5))}
.tfx-fantasy::before,.tfx-fantasy::after{content:'✦';position:absolute;font-size:.55em;color:#fff;text-shadow:0 0 6px var(--t1,#b48cff);animation:tfxTwinkle 2.6s ease-in-out infinite;pointer-events:none}
.tfx-fantasy::before{top:-.45em;inset-inline-end:-.35em}
.tfx-fantasy::after{bottom:-.25em;inset-inline-start:-.3em;animation-delay:1.3s;font-size:.42em}
@keyframes tfxTwinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}

/* ===== بطاقة اللقب (المتجر والباتل باس): الندرة تعطي الإطار واللون ===== */
.tt-card{--rc:#9aa3b2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:84px;padding:18px 8px 10px;border-radius:12px;
  background:radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,var(--rc) 13%,transparent),transparent 70%),linear-gradient(180deg,#15161d,#0b0c11);
  border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--rc) 18%,transparent);overflow:hidden;text-align:center}
.tt-card-in{font-size:1.05em;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tt-card-in .tfx{white-space:normal}
.tt-card-r{position:absolute;top:6px;inset-inline-start:50%;transform:translateX(50%);font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.3px;padding:1px 8px;border-radius:99px;color:#0b0c11;background:var(--rc)}
[dir=ltr] .tt-card-r{transform:translateX(-50%)}
.tt-card-s{font-size:.66rem;color:#9aa0ad}
.tt-card.tr-common,.tr-chip.tr-common{--rc:#9aa3b2}
.tt-card.tr-uncommon,.tr-chip.tr-uncommon{--rc:#5fd068}
.tt-card.tr-cursed,.tr-chip.tr-cursed{--rc:#8b3dff}
.tt-card.tr-forbidden,.tr-chip.tr-forbidden{--rc:#ff1f3d}
.tt-card.tr-rare,.tr-chip.tr-rare{--rc:#4dc3ff}
.tt-card.tr-epic,.tr-chip.tr-epic{--rc:#b066ff}
.tt-card.tr-legendary,.tr-chip.tr-legendary{--rc:#ffb02e}
.tt-card.tr-mythic,.tr-chip.tr-mythic{--rc:#ff3b4f}
.tt-card.tr-legendary::after,.tt-card.tr-mythic::after,.tt-card.tr-cursed::after,.tt-card.tr-forbidden::after{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,color-mix(in srgb,var(--rc) 45%,transparent) 80%,transparent 90%);animation:tfxSpin 5s linear infinite;pointer-events:none;mix-blend-mode:screen;opacity:.55}
@keyframes tfxSpin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){.tfx .tfx-t,.tfx::before,.tfx::after,.tt-card::after{animation:none!important}}

/* الدرجتين الأندر: ملعون (بنفسجي داكن يتنفّس) ومُحرَّم (أحمر على أسود يرجف) */
.tt-card.tr-cursed{background:radial-gradient(120% 90% at 50% 40%,rgba(139,61,255,.18),transparent 70%),linear-gradient(180deg,#120a1c,#07050b)}
.tt-card.tr-forbidden{background:radial-gradient(120% 90% at 50% 40%,rgba(255,31,61,.2),transparent 70%),linear-gradient(180deg,#1a0508,#050203);animation:tfxShake 4s infinite}
.tt-card.tr-forbidden .tt-card-r{background:#050203;color:#ff1f3d;border:1px solid #ff1f3d}
@keyframes tfxShake{0%,94%,100%{transform:none}95%{transform:translateX(-1px)}96%{transform:translateX(1px)}97%{transform:translateX(-1px)}}
/* شارة الندرة الصغيرة */
.tr-chip{--rc:#9aa3b2;display:inline-block;font-style:normal;font-size:.62rem;font-weight:800;line-height:1.5;padding:0 7px;border-radius:99px;color:#0b0c11;background:var(--rc);vertical-align:middle;margin-inline-start:6px;white-space:nowrap}
.tr-chip.tr-forbidden{background:#050203;color:#ff1f3d;box-shadow:inset 0 0 0 1px #ff1f3d}
.tr-chip.tr-cursed{color:#fff}