/* ═══════════════════════════════════════════════════════════════
   s.css — الصفحات الخارجية (خارج اللعبة)
   ───────────────────────────────────────────────────────────────
   الشريط العلوي و الهيرو و الفوتر .. كانت مكررة حرفياً في تسع صفحات
   بتسع بادئات مختلفة (hw- ix- ps- pf- st- sq- sw- tr- wl-).

   يعتمد على t.css .. البادئة s- موحدة لكل الصفحات الخارجية.
   الفريد لكل صفحة يبقى ببادئتها تحت تعليق باسمها في اسفل الملف.
   ═══════════════════════════════════════════════════════════════ */

/* ══════════ الاساس ══════════ */

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; background:transparent; }
/* ⚠ `html` بلا خلفية عمدا: العنصر بـz-index سالب يُرسم **خلف خلفية html** ,
   فلو حملت لونا معتما لغطّت الصورة و التعتيم معا. اللون على `body` وحده. */
body{
  margin:0; padding:0; min-height:100%;
  font-family:var(--k-font);
  color:var(--k-txt);
  background:var(--k-bg);
}
/* ═══ الخلفية و تعتيمها في عنصر واحد ═══
   الصورة و التعتيم هنا وحدهما — لا شيء منهما على `html` او `body`.

   ⚠ `z-index:-1` مقصود و لا يُغيَّر:
   القيمة السالبة تضع العنصر خلف محتوى الصفحة كله بلا استثناء.
   و `0` ينشئ سياق تكديس فيصير فوق كل محتوى بلا `position` صريح —
   و هذا ما اخفى محتوى الصفحات الخارجية.

   السالب فشل سابقا لسبب مختلف: كانت الصورة ايضا على `html, body` ,
   فتُرسم مرتين و الثانية فوق التعتيم. زال ذلك , فعاد السالب صحيحا.

   طبقتان في نفس خاصية `background`: تدرّج بلونين متطابقين = طبقة مسطّحة ,
   و الاولى في القائمة هي الاعلى. لضبط التعتيم غيّر الرقمين معا.

   الصورة مربعة 1024×1024 و الشاشة عريضة فـcover يملأها , و الرسوّ عند 40%
   لان قياس الصورة يظهر محتواها الاساسي بين 26% و 54% من الاعلى. */
body::before{
  content:''; position:fixed; inset:0; z-index:-1;
  background:
    linear-gradient(rgba(10,15,30,.88), rgba(10,15,30,.88)),
    url('../img/out/bg.png') no-repeat center 40%;
  background-size:cover;
  pointer-events:none; /* لا تعترض الضغطات */
}
/* حارس: اغلفة الصفحات تبقى فوق الخلفية مهما كانت طبقاتها.
   يمنع تكرار مشكلة اختفاء المحتوى.
   `z-index` وحده لا يكفي على عنصر ساكن , فنضيف `position:relative` —
   لكن لا نلمس ما له موضعه: `.s-nav` لاصق , و النوافذ المنبثقة ثابتة. */
body > *:not(.s-nav):not(.hw-toc):not([class*="modal"]):not([class*="overlay"]){ /* .hw-toc لاصق ايضا */
  position:relative; z-index:1;
}
a{ color:var(--k-blue); }

/* ══════════ الشريط العلوي ══════════ */

.s-nav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--k-s4); flex-wrap:wrap;
  padding:var(--k-s5) 5%;
  background:rgba(10,15,30,.92);
  border-bottom:1px solid var(--k-line);
  backdrop-filter:blur(6px);
}
.s-logo{
  color:var(--k-gold); font-size:var(--k-fs-xl); font-weight:var(--k-fwx);
  text-decoration:none; letter-spacing:.5px;
  text-shadow:0 0 12px rgba(255,209,102,.35);
}
.s-links{ display:flex; gap:var(--k-s6); flex-wrap:wrap; align-items:center; }
.s-links a{
  color:var(--k-dim2); text-decoration:none;
  font-size:var(--k-fs); font-weight:var(--k-fw); transition:color var(--k-tr);
}
.s-links a:hover{ color:#fff; }
.s-links a.s-here{ color:var(--k-gold); }

.s-cta{
  padding:var(--k-s3) var(--k-s7); border-radius:var(--k-r2);
  background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
  color:var(--k-gold-t) !important; border:1px solid var(--k-gold-b);
  font-size:var(--k-fs); font-weight:var(--k-fwx); text-decoration:none;
}
.s-cta:hover{ filter:brightness(1.08); }

/* ══════════ الهيرو ══════════ */
/* المقاسات وُحّدت: كانت 40/45/50/52px متفرقة بين الصفحات */

.s-hero{
  position:relative; overflow:hidden;
  padding:46px 5% 36px; text-align:center;
}
/* الطبقة الثانية: تشتدّ خلف نصوص الترويسة حتى تبين الحروف , ثم تتلاشى
   في اسفلها فتندمج مع ما تحتها بلا حدّ افقي حاد. */
.s-hero::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,
    rgba(10,15,30,.55)  0%,
    rgba(10,15,30,.60) 55%,
    rgba(10,15,30,.30) 85%,
    rgba(10,15,30,0)  100%);
}
.s-hero > *{ position:relative; z-index:1; }
.s-hero h1{
  margin:0 0 var(--k-s4);
  color:var(--k-gold);
  font-size:clamp(26px,4.5vw,40px);
  text-shadow:0 0 22px rgba(255,209,102,.4);
}
.s-hero p{
  margin:0 auto; max-width:640px;
  color:var(--k-txt); font-size:clamp(13px,1.8vw,15.5px); line-height:1.9;
}
/* هيرو الصفحة الرئيسية اكبر */
.s-hero-lg{ padding:74px 5% 60px; }
.s-hero-lg h1{ font-size:clamp(34px,6vw,58px); letter-spacing:1px; }

/* ══════════ الجسم ══════════ */

.s-main{ max-width:860px; margin:0 auto; padding:32px 5% var(--k-s4); }.s-sec{
  background:var(--k-panel); border:1px solid var(--k-line);
  border-radius:var(--k-r6); padding:24px var(--k-s8); margin-bottom:22px;
  scroll-margin-top:120px;   /* الفهرس اللاصق لا يغطي العنوان عند القفز */
}
.s-sec h2{ margin:0; color:#fff; font-size:clamp(17px,2.4vw,21px); }
.s-sec p{ margin:0 0 var(--k-s5); color:var(--k-txt); font-size:13.5px; line-height:2; }
.s-sec p:last-child{ margin-bottom:0; }
.s-sec b{ color:var(--k-gold); font-weight:var(--k-fwb); }

.s-note{
  background:var(--k-panel2); border:1px solid var(--k-line);
  border-inline-start:3px solid var(--k-blue);
  border-radius:var(--k-r2); padding:var(--k-s4) var(--k-s6);
  color:var(--k-dim2); font-size:12.5px; line-height:1.9;
}

/* ══════════ الفوتر ══════════ */
/* المقاسات وُحّدت: كانت 24/26/30px و 12/14/16px متفرقة */

.s-foot{
  border-top:1px solid var(--k-line); background:var(--k-panel);
  margin-top:45px; padding:26px 5%; text-align:center;
}
/* `.s-foot-links` حُذفت: الفوتر لم يعد يحمل روابط , صعدت الى الشريط العلوي
   لان اللاعب كان ينزل الى اسفل الصفحة ليجد «العوالم» و «حسابي». */
.s-copy{ color:#5c6b88; font-size:var(--k-fs-sm); }

/* ═══════════════════════════════════════════════════════════════
   الفريد لكل صفحة
   ═══════════════════════════════════════════════════════════════ */

/* ══════════ how.php — دليل اللعبة ══════════ */

.hw-toc{position:sticky; top:53px; z-index:40;
      display:flex; gap:8px; flex-wrap:wrap; justify-content:center;
      padding:10px 5%;
      background:rgba(10,15,30,0.92);
      border-bottom:1px solid var(--k-line);
      backdrop-filter:blur(6px);}
.hw-toc a{text-decoration:none; white-space:nowrap;
      padding:6px 13px; border-radius:20px;
      background:var(--k-panel); border:1px solid var(--k-line);
      color:var(--k-dim2); font-size:12px; font-weight:800;
      transition:color .15s, border-color .15s, background .15s;}
.hw-toc a:hover{color:var(--k-blue); border-color:var(--k-blue); background:var(--k-panel3);}
.hw-toc a.hw-toc-ghoul:hover,
.hw-sec-ghoul .hw-sec-n{color:#f99; border-color:var(--k-red); background:var(--k-red-bg);}
.hw-sec-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.hw-sec-n{flex-shrink:0; width:36px; height:36px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%; background:var(--k-panel3);
      border:1px solid var(--k-gold); color:var(--k-gold);
      font-weight:900; font-size:15px;}
.hw-res{display:grid; gap:10px; margin:14px 0;
      grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.hw-res-chip{display:flex; align-items:center; gap:8px;
      background:var(--k-panel2); border:1px solid var(--k-line);
      border-radius:10px; padding:10px 12px;
      font-size:13px; font-weight:800; color:#fff;}
.hw-res-chip span{font-size:18px;}
.hw-sec-ghoul{border-color:rgba(183,28,28,0.6);
      background:linear-gradient(180deg,var(--k-panel2),#1c1020);}

.hw-sec-ghoul h2{color:#f99;}
.hw-sec-ghoul b{color:#f99;}
.hw-cta{text-align:center; padding:15px 5% 55px;}
.hw-cta a{display:inline-block; text-decoration:none;
      padding:13px 36px; border-radius:10px;
      background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
      color:var(--k-gold-t); border:1px solid var(--k-gold-b);
      font-size:16px; font-weight:900;
      box-shadow:0 4px 18px rgba(255,209,102,0.25);
      transition:transform .15s, filter .15s;}
.hw-cta a:hover{transform:translateY(-2px); filter:brightness(1.08);}
@media (prefers-reduced-motion: reduce){
      html{ scroll-behavior:auto; }
      .hw-cta a:hover{ transform:none; }
    }

/* ══════════ terms.php — الشروط ══════════ */

.tr-updated{color:var(--k-dim2); font-size:12px; font-weight:700;}.tr-intro{margin:0 0 24px; color:var(--k-txt);
      font-size:13.5px; line-height:2;
      padding-bottom:20px; border-bottom:1px solid var(--k-line);}
.tr-sec-head{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.tr-sec-n{flex-shrink:0; width:30px; height:30px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%; background:var(--k-panel3);
      border:1px solid var(--k-gold); color:var(--k-gold);
      font-weight:900; font-size:13px;}.tr-contact{margin-top:26px; padding-top:20px;
      border-top:1px solid var(--k-line);
      text-align:center; color:var(--k-dim2);
      font-size:12.5px; line-height:1.9;}

/* ══════════ stats.php — الاحصائيات ══════════ */

.st-sec-title{margin:0 0 6px; color:#fff; font-size:clamp(19px,3vw,24px); text-align:center;}
.st-sec-title::after,
.ix-sec-title::after{content:''; display:block; width:64px; height:3px;
      background:var(--k-gold); border-radius:2px; margin:12px auto 0;}
.st-sec-sub{margin:0 auto 32px; max-width:540px; text-align:center;
      color:var(--k-dim2); font-size:13.5px; line-height:1.8;}
.st-gates{display:grid; gap:20px;
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.st-gate{position:relative; overflow:hidden;
      display:flex; flex-direction:column; align-items:center; text-align:center;
      text-decoration:none;
      background:var(--k-panel); color:var(--k-txt);
      border:1px solid var(--k-line); border-radius:18px;
      padding:26px 22px 22px;
      transition:border-color .18s, transform .18s, box-shadow .18s;}
.st-gate::before{content:''; position:absolute; top:-70px; left:50%;
      width:230px; height:230px; margin-left:-115px;
      border-radius:50%; opacity:0.14;
      background:radial-gradient(circle, currentColor 0%, transparent 68%);
      pointer-events:none; transition:opacity .18s;}
.st-gate:hover{transform:translateY(-4px);}
.st-gate:hover::before{opacity:0.26;}
.st-gate > *{position:relative; z-index:1;}
.st-ico-wrap{width:84px; height:84px; margin-bottom:14px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%;
      background:var(--k-panel2);
      border:1px solid var(--k-line);}
.st-ico{width:46px; height:46px; display:block;}
.st-gate h2{margin:0 0 10px; font-size:20px;}
.st-gate p{margin:0 0 16px; max-width:330px;
      color:var(--k-dim2); font-size:13px; line-height:1.85;}
.st-gate-go{margin-top:auto;
      padding:10px 24px; border-radius:9px;
      font-size:13.5px; font-weight:900;
      border:1px solid currentColor;
      background:rgba(10,15,30,0.55);}
.st-gate-w{color:var(--k-gold);}
.st-gate-w h2{color:var(--k-gold);}
.st-gate-w:hover{border-color:var(--k-gold);
      box-shadow:0 10px 32px rgba(255,209,102,0.16);}
.st-gate-p{color:var(--k-blue);}
.st-gate-p h2{color:var(--k-blue);}
.st-gate-p:hover{border-color:var(--k-blue);
      box-shadow:0 10px 32px rgba(96,205,255,0.16);}
.st-notes,
.ix-steps,
.ix-com{display:grid; gap:14px;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.st-note-ico{font-size:24px; margin-bottom:10px;}
.st-note-ghoul{border-color:rgba(183,28,28,0.55); background:linear-gradient(180deg,var(--k-panel2),#1c1020);}
.st-note-ghoul h3{color:#f99;}
@media (prefers-reduced-motion: reduce){
      .st-gate:hover{ transform:none; }
    }

/* ══════════ index.php — الرئيسية ══════════ */

img{max-width:100%;}
.ix-hero-btns{display:flex; gap:var(--k-s5); justify-content:center; flex-wrap:wrap; margin-bottom:34px;}.ix-btn-gold{background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
      color:var(--k-gold-t); border:1px solid var(--k-gold-b);
      box-shadow:0 4px 18px rgba(255,209,102,0.25);}
.ix-btn-line{background:rgba(15,23,42,0.7); color:var(--k-blue);
      border:1px solid var(--k-blue);}
.ix-world{display:inline-flex; align-items:center; gap:14px; flex-wrap:wrap;
      justify-content:center;
      background:rgba(15,23,42,0.85);
      border:1px solid var(--k-line); border-radius:14px;
      padding:14px 22px;
      box-shadow:0 0 25px rgba(96,205,255,0.12);}
.ix-world-dot{width:10px; height:10px; border-radius:50%;
      background:#51cf66; box-shadow:0 0 8px #51cf66;
      animation:ix-pulse 1.6s ease-in-out infinite;}
.ix-world-nam{color:var(--k-gold); font-weight:900; font-size:16px;}
.ix-world-meta{color:var(--k-dim2); font-size:12.5px; font-weight:700;}
.ix-world-meta b{color:#fff;}
.ix-world-go{padding:8px 16px; border-radius:8px; text-decoration:none;
      background:var(--k-panel3); border:1px solid var(--k-blue);
      color:var(--k-blue); font-size:13px; font-weight:800;}
.ix-world-go:hover{background:#1e3a5f;}
.ix-sec-title{margin:0 0 6px; color:#fff; font-size:clamp(20px,3vw,26px); text-align:center;}

.ix-sec-sub{margin:0 auto 18px; max-width:560px; text-align:center;
      color:var(--k-dim2); font-size:13.5px; line-height:1.8;}
.ix-main{max-width:1000px;}                    /* الرئيسية اعرض قليلا من الصفحات النصية */
.ix-stats{display:grid; gap:0; grid-template-columns:repeat(4,1fr);
      background:var(--k-panel2); border:1px solid var(--k-line); border-radius:var(--k-r5);
      overflow:hidden;}                              /* شريط واحد مقسوم .. لا اربع بطاقات متباعدة */
.ix-stats>.k-item{background:none; border:0; border-radius:0; padding:12px 8px;
      border-inline-start:1px solid var(--k-line);}
.ix-stats>.k-item:first-child{border-inline-start:0;}
@media (max-width:560px){.ix-stats{grid-template-columns:repeat(2,1fr);}
      .ix-stats>.k-item:nth-child(3){border-inline-start:0;}
      .ix-stats>.k-item:nth-child(n+3){border-top:1px solid var(--k-line);}}

.ix-stat-num{color:var(--k-gold); font-size:clamp(22px,3vw,28px); font-weight:900; line-height:1.2;
      text-shadow:0 0 14px rgba(255,209,102,0.25);}
.ix-stat-lbl{color:var(--k-dim2); font-size:12px; font-weight:700; margin-top:3px;}
.ix-feats,
.ix-sup{display:grid; gap:14px;
      grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.ix-feat{background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:14px; padding:22px 18px;
      transition:border-color .15s, transform .15s;}
.ix-feat:hover{border-color:var(--k-blue); transform:translateY(-3px);}
.ix-feat-ico{font-size:26px; margin-bottom:10px;}
.ix-feat h3{margin:0 0 8px; color:var(--k-blue); font-size:15.5px;}
.ix-feat p,
.ix-step p,
.sw-fallen p{margin:0; color:var(--k-dim2); font-size:12.5px; line-height:1.8;}
.ix-feat-ghoul{border-color:rgba(183,28,28,0.55); background:linear-gradient(180deg,var(--k-panel2),#1c1020);}
.ix-feat-ghoul:hover{border-color:var(--k-red);}
.ix-feat-ghoul h3{color:#f99;}

.ix-step{background:var(--k-panel2); border:1px solid var(--k-line);
      border-radius:14px; padding:22px 18px; text-align:center;}
.ix-step-n{width:38px; height:38px; margin:0 auto 12px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%; background:var(--k-panel3);
      border:1px solid var(--k-gold); color:var(--k-gold);
      font-weight:900; font-size:16px;}
.ix-step h3,
.ix-com-card h3,
.pf-priv h3{margin:0 0 6px; color:#fff; font-size:15px;}

.ix-com-card{display:block; text-decoration:none;
      background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:14px; padding:22px 18px; text-align:center;
      transition:border-color .15s, transform .15s;}
.ix-com-card:hover{transform:translateY(-3px);}
.ix-com-ico{font-size:28px; margin-bottom:10px;}

.ix-com-card p{margin:0; color:var(--k-dim2); font-size:12px; line-height:1.7;}
.ix-com-dc:hover{border-color:#5865F2;}
.ix-com-x:hover{border-color:var(--k-txt);}
.ix-com-tk:hover{border-color:#00f2ea;}

.ix-sup-card{background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:14px; padding:22px 18px;}
.ix-sup-card h3{margin:0 0 8px; color:var(--k-gold); font-size:15px;}
.ix-sup-card p{margin:0 0 12px; color:var(--k-dim2); font-size:12.5px; line-height:1.8;}
.ix-sup-link{display:inline-block; text-decoration:none;
      padding:8px 16px; border-radius:8px;
      background:var(--k-panel3); border:1px solid var(--k-blue);
      color:var(--k-blue); font-size:12.5px; font-weight:800;}
.ix-sup-link:hover{background:#1e3a5f;}@keyframes ix-glow{
      0%,100%{ text-shadow:0 0 18px rgba(255,209,102,0.35); }
      50%    { text-shadow:0 0 34px rgba(255,209,102,0.6); }
    }
@keyframes ix-pulse{
      0%,100%{ transform:scale(1);   opacity:1; }
      50%    { transform:scale(1.35);opacity:0.6; }
    }
@media (prefers-reduced-motion: reduce){
      .ix-hero h1, .ix-world-dot{ animation:none; }
      .ix-btn:hover, .ix-feat:hover, .ix-com-card:hover{ transform:none; }
    }.pf-av{flex:none; width:84px; height:84px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-size:36px; font-weight:900;
      background:hsl(var(--h),42%,25%);
      border:2px solid hsl(var(--h),48%,48%);
      color:hsl(var(--h),72%,82%);
      overflow:hidden;}
/* الصورة تملأ الحاوية الدائرية بدل ان تفيض منها.
   `.pf-av` حاوية بمقاس ثابت , و الصورة بلا مقاس كانت تخرج عن حدودها.
   `.pf-ava-img` القديم كان كلاسا ميتا لا يصل اليه السطر المسؤول عنه.  */
/* .pf-ava-img{width:100%; height:100%; object-fit:cover; display:block;} */
.pf-ava{width:100%; height:100%; object-fit:cover; display:block;}
/* البديل النصي: يرث المقاس و اللون من `.pf-av` فيبقى شكل الحرف كما كان */
.pf-ava-non{width:100%; height:100%; display:flex;
      align-items:center; justify-content:center;}
.pf-id{flex:1 1 200px; min-width:0;}.pf-chip{padding:3px 10px; border-radius:20px;
      font-size:10.5px; font-weight:900; white-space:nowrap;}
.pf-chip-me{background:rgba(96,205,255,0.13); color:var(--k-blue); border:1px solid rgba(96,205,255,0.45);}
.pf-chip-admin,
.sw-tag-king{background:rgba(255,209,102,0.13); color:var(--k-gold); border:1px solid rgba(255,209,102,0.45);}
.pf-chip-ban,
.ps-msg.err{background:var(--k-red-bg); color:#f99; border:1px solid var(--k-red);}
.pf-since{color:var(--k-dim2); font-size:12.5px; font-weight:700; margin-top:7px;}
.pf-ban{background:var(--k-red-bg); color:#e8d0d0; border:1px solid var(--k-red);
      border-radius:15px; padding:19px 21px; margin-bottom:19px;}
.pf-ban h3{margin:0 0 13px; color:#f99; font-size:15px; font-weight:900;}
.pf-ban-r{display:flex; align-items:center; gap:11px; flex-wrap:wrap;
      padding:11px 0; border-top:1px solid rgba(183,28,28,0.5);}
.pf-ban-r:first-of-type{border-top:0;}
.pf-ban-n,
.pf-w-nam{color:#fff; font-size:13.5px; font-weight:900;}
.pf-ban-t{background:#160d15; color:#f99; border:1px solid var(--k-red);
      border-radius:20px; padding:3px 11px; font-size:11px; font-weight:900; white-space:nowrap;}
.pf-ban-m{flex:1 1 100%; color:#c8b4b4; font-size:12.5px; line-height:1.8;}
.pf-ban-go{display:inline-block; margin-top:13px; padding:9px 19px; border-radius:10px;
      background:#160d15; color:#f99; border:1px solid var(--k-red);
      font-size:12.5px; font-weight:900; text-decoration:none;}
.pf-ban-go:hover{background:var(--k-red); color:#fff;}
.pf-rate{flex:none; text-align:center;}
.pf-stars{font-size:21px; letter-spacing:3px; color:#31405f; line-height:1;}
.pf-stars b{color:var(--k-gold); font-weight:400;}
.pf-pts{color:var(--k-dim2); font-size:11px; font-weight:700; margin-top:8px;}
.pf-nums{display:grid; gap:11px; margin-bottom:26px;
      grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
.pf-num{background:var(--k-panel2); border:1px solid var(--k-line);
      border-radius:13px; padding:16px 12px; text-align:center;
      color:var(--k-txt);}
.pf-num b{display:block; font-size:22px; font-weight:900; line-height:1;}
.pf-num span{display:block; color:var(--k-dim2); font-size:11px; font-weight:700; margin-top:7px;}
.pf-n-king b{color:var(--k-gold);}
.pf-n-sword b{color:var(--k-blue);}
.pf-n-bear b{color:var(--k-grn);}
.pf-n-all b{color:#fff;}
.k-htitle,
.k-htitle b{color:#fff; font-size:14.5px; font-weight:900;}
.k-htitle i,
.sw-grp-line{flex:1; height:1px; background:var(--k-line);}
.k-htitle span,
.sw-grp-n,
.sw-meta span{color:var(--k-dim2); font-size:11.5px; font-weight:700;}.pf-a{display:flex; align-items:center; gap:13px; flex-wrap:wrap;
      background:var(--k-panel); color:var(--k-txt);
      border:1px solid var(--k-line); border-radius:12px;
      padding:13px 15px; text-decoration:none;
      transition:border-color .15s, transform .15s;}
.pf-a:hover{transform:translateX(-3px);}
.pf-a-ico{flex:none; width:40px; height:40px; border-radius:10px;
      display:flex; align-items:center; justify-content:center; font-size:19px;
      background:var(--k-panel3); border:1px solid var(--k-line);}
.pf-a-mid{flex:1 1 160px; min-width:0;}
.pf-a-t{font-size:14px; font-weight:900;}
.pf-a-s,
.sq-p-sub{color:var(--k-dim2); font-size:11.5px; font-weight:700; margin-top:4px;}
.pf-a-end{flex:none; color:var(--k-dim2); font-size:11px; font-weight:700; text-align:left;}
.pf-a-end b{display:block; color:#fff; font-size:12px; margin-bottom:3px;}
.pf-a-king  .pf-a-t{color:var(--k-gold);}
.pf-a-king  .pf-a-ico{background:rgba(255,209,102,0.11); border-color:rgba(255,209,102,0.45);}
.pf-a-king:hover{border-color:var(--k-gold);}
.pf-a-sword .pf-a-t{color:var(--k-blue);}
.pf-a-sword .pf-a-ico{background:rgba(96,205,255,0.1); border-color:rgba(96,205,255,0.4);}
.pf-a-sword:hover{border-color:var(--k-blue);}
.pf-a-bear  .pf-a-t{color:var(--k-grn);}
.pf-a-bear  .pf-a-ico{background:rgba(153,255,153,0.09); border-color:rgba(153,255,153,0.35);}
.pf-a-bear:hover{border-color:var(--k-grn);}
.pf-worlds{display:grid; gap:11px; margin-bottom:30px;
      grid-template-columns:repeat(auto-fit,minmax(215px,1fr));}
.pf-w{background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:12px; padding:15px 16px;}
.pf-w-top{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.pf-w-badge{flex:none; width:32px; height:32px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      background:var(--k-panel3); border:1px solid var(--k-gold);
      color:var(--k-gold); font-size:14px; font-weight:900;}

.pf-w-sub{color:var(--k-dim2); font-size:11px; font-weight:700; margin-top:2px;}
.pf-w-rows{border-top:1px solid var(--k-line); padding-top:10px;}
.pf-w-row{display:flex; justify-content:space-between; gap:8px; font-size:12px; padding:3px 0;}
.pf-w-row i{color:var(--k-dim2); font-style:normal; font-weight:700;}
.pf-w-row b{color:#fff; font-weight:900;}
.pf-priv{background:linear-gradient(135deg,#0d1626,var(--k-panel2));
      border:1px solid var(--k-line); border-radius:15px;
      padding:22px 20px; margin-bottom:30px;}

.pf-priv > p{margin:0 0 17px; color:var(--k-dim2); font-size:12.5px; line-height:1.85;}
.pf-opts{display:flex; flex-direction:column; gap:9px; margin-bottom:17px;}
.pf-opt{display:flex; align-items:flex-start; gap:12px; cursor:pointer;
      background:var(--k-panel); color:var(--k-txt);
      border:1px solid var(--k-line); border-radius:11px;
      padding:13px 15px; transition:border-color .15s, background .15s;}
.pf-opt:hover{border-color:#3d5285;}
.pf-opt input{margin:2px 0 0; accent-color:var(--k-gold); flex:none; width:16px; height:16px;}
.pf-opt-t{font-size:13px; font-weight:900; color:#fff;}
.pf-opt-d{color:var(--k-dim2); font-size:11.5px; font-weight:700; margin-top:4px; line-height:1.7;}
.pf-opt:has(input:checked){border-color:var(--k-gold); background:var(--k-panel3);}
.pf-opt:has(input:checked) .pf-opt-t{color:var(--k-gold);}
.pf-save{padding:11px 30px; border-radius:9px; cursor:pointer;
      font-family:Tahoma, sans-serif; font-size:13px; font-weight:900;
      background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
      color:var(--k-gold-t); border:1px solid var(--k-gold-b);}
.pf-save:hover{filter:brightness(1.08);}
.pf-save:disabled{opacity:0.45; cursor:default; filter:none;}@media (max-width:520px){
      .pf-rate{ width:100%; text-align:right; }
      .pf-a-end{ width:100%; text-align:right; padding-right:53px; }
      .pf-a-end b{ display:inline; margin:0 0 0 8px; }
    }
@media (prefers-reduced-motion: reduce){
      .pf-a:hover{ transform:none; }
    }h1{margin:0 0 14px;
      color:var(--k-gold);
      font-size:clamp(24px,4vw,38px);
      text-shadow:0 0 22px rgba(255,209,102,0.45);}
.user-info{display:inline-flex; align-items:center; gap:14px; flex-wrap:wrap;
      justify-content:center;
      background:rgba(15,23,42,0.85);
      border:1px solid var(--k-line); border-radius:12px;
      padding:10px 20px;
      font-size:13.5px; color:var(--k-dim2); font-weight:700;}
.user-info strong{color:#fff; font-weight:900;}
.user-info .wl-gold-val{color:var(--k-gold); font-weight:900;}
.wl-container{max-width:1200px; margin:0 auto; padding:0 5%;}
.worlds-grid{display:grid;
      grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));
      gap:22px;
      padding:35px 0 10px;}
.world-card{position:relative; overflow:hidden;
      background:var(--k-panel);
      border:1px solid var(--k-line);
      border-radius:16px;
      padding:26px 22px;
      box-shadow:0 10px 30px rgba(0,0,0,.45);
      transition:border-color .2s, transform .2s, box-shadow .2s;}
.world-card::before{content:''; position:absolute; top:0; inset-inline:0; height:3px;
      background:var(--k-line);}
.world-card.active::before{background:linear-gradient(90deg,#2c7d3d,var(--k-grn),#2c7d3d);}
.world-card.soon::before{background:linear-gradient(90deg,#7a5c14,#ffc107,#7a5c14);}
.world-card:has(.ghoul-badge)::before{background:linear-gradient(90deg,#5c0f0f,#ff6b6b,#5c0f0f);}
.world-card.active{cursor:pointer;}
.world-card.active:hover{border-color:var(--k-gold);
      transform:translateY(-5px);
      box-shadow:0 14px 34px rgba(255,209,102,.18);}
.world-card.soon{opacity:0.62;
      filter:grayscale(.35);
      cursor:not-allowed;}
.world-name{margin:0 0 12px;
      color:var(--k-gold);
      font-size:clamp(18px,2.4vw,23px);}
.world-status{display:inline-block;
      padding:6px 14px; border-radius:20px;
      font-size:12.5px; font-weight:700;
      margin:0 0 10px;}
.status-active{background:rgba(81,207,102,0.14);
      color:var(--k-grn);
      border:1px solid rgba(81,207,102,0.55);}
.status-soon{background:rgba(255,193,7,0.12);
      color:#ffc107;
      border:1px solid rgba(255,193,7,0.5);}
.wcd{color:#fff; letter-spacing:0.5px;}
.player-badge{display:inline-block;
      padding:5px 13px; border-radius:20px;
      font-size:12px; font-weight:700;
      margin:0 0 4px;
      background:rgba(96,205,255,0.12);
      color:var(--k-blue);
      border:1px solid rgba(96,205,255,0.5);}
.ghoul-badge{display:inline-block;
      padding:5px 13px; border-radius:20px;
      font-size:12px; font-weight:700;
      margin:0 0 4px;
      background:var(--k-red-bg);
      color:#f99;
      border:1px solid var(--k-red);
      animation:ghoulPulse 1.6s ease-in-out infinite;}
.world-stats{margin:16px 0 0;
      padding:14px 10px;
      background:var(--k-panel2);
      border:1px solid var(--k-line);
      border-radius:10px;}
.wl-stats-row{display:flex; justify-content:space-around; text-align:center;}
.wl-stat{flex:1;}
.wl-stat + .wl-stat{border-inline-start:1px solid var(--k-line);}
.wl-stat-num{font-size:15px; font-weight:900;}
.wl-stat-lbl,
.sq-k-sub{color:var(--k-dim2); font-size:11px; margin-top:3px; font-weight:700;}
.wl-c-players{color:var(--k-gold);}
.wl-c-online{color:var(--k-grn);}
.wl-c-speed{color:var(--k-blue);}
.world-action{margin-top:16px;}
.wl-btn{width:100%; height:48px;
      font-size:var(--k-fs-lg); font-weight:var(--k-fwx);
      font-family:inherit;
      color:var(--k-wht);
      border:1px solid var(--k-line);
      border-radius:var(--k-r3);
      cursor:pointer;
      background:var(--k-panel2);
      transition:filter var(--k-tr), transform .1s;}
.wl-btn:hover:not(:disabled){filter:brightness(1.12);}
.wl-btn:active:not(:disabled){transform:translateY(1px);}
.wl-btn:disabled{background:var(--k-panel); color:#7386a8; cursor:not-allowed;}
.wl-btn-enter{background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
      border-color:var(--k-gold-b); color:var(--k-gold-t);
      box-shadow:0 2px 14px rgba(255,209,102,.22);}
.wl-btn-register{background:linear-gradient(180deg,var(--k-blue),#2a6f9e);
      border-color:#2a6f9e; color:#062235;
      box-shadow:0 2px 14px rgba(96,205,255,.22);}
.modal-overlay{display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(5, 8, 18, 0.92);
      z-index: 9999;
      opacity: 0;
      transition: opacity 0.3s ease;
      overflow-y: auto;}
.modal-overlay.show{display: flex;
      align-items: center;
      justify-content: center;
      animation: fadeIn 0.3s forwards;}
.modal-content{position: relative;
      background: linear-gradient(180deg, var(--k-panel2), var(--k-bg));
      border-radius: 18px;
      padding: 40px 30px 34px;
      max-width: 900px;
      width: 90%;
      margin: 30px 0;
      box-shadow: 0 0 50px rgba(255, 209, 102, 0.18);
      border: 1px solid var(--k-gold);
      transform: scale(0.7);
      animation: modalPop 0.4s ease forwards;}
.modal-header{text-align: center;
      margin-bottom: 30px;}
.modal-title{font-size: clamp(22px, 3.4vw, 32px);
      color: var(--k-gold);
      margin: 0 0 8px 0;
      text-shadow: 0 0 20px rgba(255, 209, 102, 0.7);
      animation: glow 2s ease-in-out infinite;}
.modal-subtitle{color: var(--k-dim2);
      font-size: 13.5px;
      margin: 0;}
.tribes-grid{display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 18px;
      margin-top: 26px;}
.tribe-card{background: var(--k-panel);
      border-radius: 14px;
      padding: 26px 18px;
      text-align: center;
      cursor: pointer;
      border: 2px solid transparent;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;}
.tribe-card::before{content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        45deg,
        transparent,
        rgba(255, 255, 255, 0.08),
        transparent
      );
      transform: rotate(45deg);
      transition: all 0.5s;}
.tribe-card:hover::before{left: 100%;}
.tribe-card:hover{transform: translateY(-8px);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.55);}
.tribe-card.arab{border-color: #2ecc71;}
.tribe-card.arab:hover{border-color: #27ae60;
      box-shadow: 0 15px 40px rgba(46, 204, 113, 0.3);
      background: rgba(46, 204, 113, 0.1);}
.tribe-card.european{border-color: #3498db;}
.tribe-card.european:hover{border-color: #2980b9;
      box-shadow: 0 15px 40px rgba(52, 152, 219, 0.3);
      background: rgba(52, 152, 219, 0.1);}
.tribe-card.chinese{border-color: #e74c3c;}
.tribe-card.chinese:hover{border-color: #c0392b;
      box-shadow: 0 15px 40px rgba(231, 76, 60, 0.3);
      background: rgba(231, 76, 60, 0.1);}
.tribe-icon{font-size: 3.4em;
      margin-bottom: 10px;
      display: block;
      animation: float 3s ease-in-out infinite;}
.tribe-card:hover .tribe-icon{animation: bounce 0.6s ease;}
.tribe-name{font-size: 20px;
      font-weight: 900;
      margin: 10px 0;
      color: #fff;}
.tribe-description{color: var(--k-dim2);
      font-size: 12.5px;
      line-height: 1.8;
      margin: 0;}
.tribe-stats{margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid var(--k-line);}
.stat-item{ margin: 7px 0; color: var(--k-dim2); font-weight: 700; }
.stat-value{color: var(--k-gold);
      font-weight: 900;}
.modal-close{position: absolute;
      top: 16px;
      left: 16px;
      background: var(--k-red-bg);
      border: 1px solid var(--k-red);
      color: #f99;
      font-size: 22px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s;
      line-height: 1;}
.modal-close:hover{background: var(--k-red);
      color: #fff;
      transform: rotate(90deg);}
.sparkle{position: absolute;
      width: 4px;
      height: 4px;
      background: var(--k-gold);
      border-radius: 50%;
      pointer-events: none;
      animation: sparkleAnim 1s ease-out forwards;}
.message-modal-overlay{position: fixed;
        inset: 0;
        background: rgba(5, 8, 18, 0.85);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: 0.25s;
        z-index: 9999;}
.message-modal-overlay.show{opacity: 1;
        visibility: visible;}
.message-modal-content{width: 350px;
        max-width: 90%;
        background: linear-gradient(180deg, var(--k-panel2), var(--k-bg));
        border-radius: 16px;
        padding: 30px;
        text-align: center;
        position: relative;
        border: 1px solid var(--k-line);
        transform: scale(0.9);
        transition: 0.25s;
        box-shadow: 0 0 40px rgba(0,0,0,.6);}
.message-modal-overlay.show .message-modal-content{transform: scale(1);}
.message-close{position: absolute;
        top: 10px;
        left: 10px;
        border: none;
        background: transparent;
        color: var(--k-dim2);
        font-size: 24px;
        cursor: pointer;}
.message-close:hover{color: #fff;}
.message-icon{font-size: 48px;
        margin-bottom: 12px;}
.message-title{color: var(--k-gold);
        margin: 0 0 10px;
        font-size: 19px;}
.message-text{color: var(--k-txt);
        line-height: 1.9;
        font-size: 13.5px;
        margin: 0;}
@keyframes ghoulPulse{
      0%,100%{ box-shadow:0 0 6px rgba(183,28,28,.35); }
      50%    { box-shadow:0 0 16px rgba(183,28,28,.75); }
    }
@keyframes fadeIn {
      to { opacity: 1; }
    }
@keyframes modalPop {
      to { 
        transform: scale(1); 
      }
    }
@keyframes glow {
      0%, 100% { text-shadow: 0 0 18px rgba(255, 209, 102, 0.6); }
      50% { text-shadow: 0 0 30px rgba(255, 209, 102, 0.95), 0 0 40px rgba(255, 209, 102, 0.5); }
    }
@keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
    }
@keyframes bounce {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.2); }
    }
@keyframes sparkleAnim {
      0% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
      }
      100% {
        opacity: 0;
        transform: translate(var(--tx), var(--ty)) scale(0);
      }
    }
@media (prefers-reduced-motion: reduce){
      .ghoul-badge, .modal-title, .tribe-icon{ animation:none; }
      .world-card.active:hover, .tribe-card:hover{ transform:none; }
    }

/* ══════════ stats_w.php — احصائيات العالم ══════════ */
/* الوان الغول محجوزة له وحده */
:root{ --sw-ghoul:#b71c1c; --sw-ghoul-bg:#2a0f0f; }.sw-head{max-width:960px; margin:0 auto; padding:22px 5% 6px; text-align:center;}
.sw-head h1,
.sq-head h1{margin:0 0 8px; color:var(--k-gold);
      font-size:clamp(24px,4.5vw,36px); letter-spacing:1px;
      text-shadow:0 0 22px rgba(255,209,102,0.4);}
.sw-head p{margin:0 auto; max-width:560px;
      color:var(--k-dim2); font-size:13.5px; line-height:1.85;}
.sw-grid{display:grid; gap:16px;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}.sw-card-top{display:flex; align-items:center; gap:13px; margin-bottom:16px;}
.sw-badge{flex:none; width:46px; height:46px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%;
      background:var(--k-panel3); border:1px solid var(--k-gold);
      color:var(--k-gold); font-size:19px; font-weight:900;}
.sw-card-nam{color:#fff; font-size:17px; font-weight:900;}
.sw-card-spd,
.sw-alli-sub{color:var(--k-dim2); font-size:11.5px; font-weight:700; margin-top:3px;}
.sw-card-rows{border-top:1px solid var(--k-line); padding-top:14px;}
.sw-row-k{color:var(--k-dim2); font-weight:700;}
.sw-row-v{color:#fff; font-weight:900;}
.sw-row-v.sw-v-gold{color:var(--k-gold);}
.sw-card-empty{border-top:1px solid var(--k-line); padding-top:14px;
      color:var(--k-dim2); font-size:12.5px; line-height:1.8;}
.sw-card-go{display:block; margin-top:15px; text-align:center;
      padding:9px; border-radius:9px;
      background:var(--k-panel3); border:1px solid var(--k-blue);
      color:var(--k-blue); font-size:12.5px; font-weight:800;}
.sw-seasons{display:flex; flex-direction:column; gap:12px;}
.sw-season{background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:14px; overflow:hidden;}
.sw-season[open]{border-color:var(--k-gold);}
.sw-season summary{display:flex; align-items:center; gap:12px; flex-wrap:wrap;
      padding:16px 18px; cursor:pointer; list-style:none;
      transition:background .15s;}
.sw-season summary::-webkit-details-marker{display:none;}
.sw-season summary:hover{background:var(--k-panel2);}
.sw-arrow{flex:none; color:var(--k-dim2); font-size:11px;
      transition:transform .2s;}
.sw-season[open] .sw-arrow{transform:rotate(-90deg);}.sw-s-num{color:#fff; font-size:15px; font-weight:900;}
.sw-s-date{color:var(--k-dim2); font-size:12px; font-weight:700;}
.sw-s-spacer{flex:1 1 auto;}
.sw-tag{flex:none; padding:5px 12px; border-radius:20px;
      font-size:11.5px; font-weight:900; white-space:nowrap;}

.sw-tag-ghoul{background:var(--sw-ghoul-bg);      color:#f99;          border:1px solid var(--sw-ghoul);}
.sw-tag-lock{background:#161d2e;                 color:var(--k-dim2); border:1px solid var(--k-line);}
.sw-body{padding:4px 18px 20px; border-top:1px solid var(--k-line);}
.sw-grp{margin:20px 0 11px; display:flex; align-items:center; gap:9px;}
.sw-grp-ico{font-size:15px;}
.sw-grp-t{font-size:13.5px; font-weight:900;}

.sw-king{display:flex; align-items:center; gap:15px; flex-wrap:wrap;
      background:linear-gradient(135deg,#1a1508,var(--k-panel2));
      border:1px solid rgba(255,209,102,0.45); border-radius:13px;
      padding:18px; color:var(--k-txt);}
.sw-crown{flex:none; width:52px; height:52px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%; background:rgba(255,209,102,0.1);
      border:1px solid var(--k-gold); font-size:24px;}
.sw-king-mid{flex:1 1 160px; min-width:0;}
.sw-king-nam{color:var(--k-gold); font-size:19px; font-weight:900;
      text-decoration:none; word-break:break-word;}
.sw-king-nam:hover{text-decoration:underline;}
.sw-king-sub{color:var(--k-dim2); font-size:12px; font-weight:700; margin-top:4px;}
.sw-king-stats{display:flex; gap:18px; flex-wrap:wrap;}
.sw-king-st{text-align:center;}
.sw-king-st b{display:block; color:#fff; font-size:16px; font-weight:900;}
.sw-king-st span{color:var(--k-dim2); font-size:11px; font-weight:700;}
.sw-fallen{display:flex; align-items:center; gap:15px; flex-wrap:wrap;
      background:linear-gradient(135deg,var(--sw-ghoul-bg),var(--k-panel2));
      border:1px solid var(--sw-ghoul); border-radius:13px;
      padding:18px; color:var(--k-txt);}
.sw-fallen-ico{flex:none; width:52px; height:52px;
      display:flex; align-items:center; justify-content:center;
      border-radius:50%; background:rgba(183,28,28,0.16);
      border:1px solid var(--sw-ghoul); font-size:24px;}
.sw-fallen h3{margin:0 0 5px; color:#f99; font-size:16px;}.sw-item{ transition:border-color .15s; }
.sw-item:hover{border-color:#3d5285;}
.sw-rank{flex:none; width:26px; height:26px;
      display:flex; align-items:center; justify-content:center;
      border-radius:7px; background:var(--k-panel3);
      color:var(--k-dim2); font-size:12px; font-weight:900;}
.sw-item-1 .sw-rank{background:rgba(255,209,102,0.14); color:var(--k-gold);}
.sw-item-2 .sw-rank{background:rgba(200,214,240,0.13); color:#c8d6f0;}
.sw-item-3 .sw-rank{background:rgba(205,127,50,0.16);  color:#e0a06a;}.sw-meta{display:flex; gap:14px; flex-wrap:wrap;}

.sw-meta b{color:#fff;}
.sw-alli{display:flex; align-items:center; gap:12px; flex-wrap:wrap;
      background:linear-gradient(135deg,#0d1a14,var(--k-panel2));
      border:1px solid rgba(153,255,153,0.35); border-radius:12px;
      padding:15px 18px; color:var(--k-txt); margin-bottom:11px;}
.sw-alli-ico{font-size:21px;}
.sw-alli-nam{color:var(--k-grn); font-size:16px; font-weight:900; word-break:break-word;}

.sw-none{color:var(--k-dim2); font-size:12.5px; line-height:1.85;
      background:var(--k-panel2); border:1px dashed var(--k-line);
      border-radius:10px; padding:14px 16px;}@media (max-width:520px){
      .sw-king-stats{ width:100%; justify-content:space-around; }
      .sw-s-date{ width:100%; }
    }
@media (prefers-reduced-motion: reduce){
      .sw-card:hover{ transform:none; }
    }.sq-head{max-width:820px; margin:0 auto; padding:22px 5% 6px; text-align:center;}

.sq-head p{margin:0 auto; max-width:520px;
      color:var(--k-dim2); font-size:13.5px; line-height:1.85;}
.sq-form{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:8px;}
.sq-field{position:relative; flex:1 1 240px;}
.sq-input{width:100%; padding:var(--k-s6) 46px var(--k-s6) 16px;
      font-family:Tahoma, sans-serif; font-size:var(--k-fs-md); font-weight:var(--k-fw);
      background:var(--k-panel); color:var(--k-wht);
      border:1px solid var(--k-line); border-radius:var(--k-r3);
      outline:none; transition:border-color .15s, box-shadow .15s;}
.sq-input::placeholder{color:#5b6b8a; font-weight:400;}
.sq-input:focus{border-color:var(--k-blue);
      box-shadow:0 0 0 3px rgba(96,205,255,0.12);}
.sq-clear{position:absolute; top:50%; left:12px; transform:translateY(-50%);
      width:24px; height:24px; display:none;
      align-items:center; justify-content:center;
      border:0; border-radius:50%; cursor:pointer;
      background:#233150; color:var(--k-dim2); font-size:14px; line-height:1;}
.sq-clear:hover{background:#2e3f66; color:#fff;}
.sq-clear.sq-on{display:flex;}.sq-hint{color:#5b6b8a; font-size:11.5px; line-height:1.8; margin-bottom:26px;}.sq-p{display:flex; align-items:center; gap:14px; flex-wrap:wrap;
      background:var(--k-panel); color:var(--k-txt);
      border:1px solid var(--k-line); border-radius:13px;
      padding:14px 16px; text-decoration:none;
      transition:border-color .15s, transform .15s;}
.sq-p:hover{border-color:var(--k-blue); transform:translateX(-3px);}
.sq-av{flex:none; width:48px; height:48px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-size:21px; font-weight:900;
      background:hsl(var(--h),42%,25%);
      border:1px solid hsl(var(--h),48%,46%);
      color:hsl(var(--h),72%,80%);}
.sq-p-mid{flex:1 1 150px; min-width:0;}
.sq-p-nam{color:#fff; font-size:15.5px; font-weight:900; word-break:break-word;}
.sq-p:hover .sq-p-nam{color:var(--k-blue);}

.sq-p-end{flex:none; text-align:left;}
.sq-stars{font-size:14px; letter-spacing:2px; color:#3a4a6d;}
.sq-stars b{color:var(--k-gold); font-weight:400;}
.sq-p-ach{color:var(--k-dim2); font-size:11px; font-weight:700; margin-top:5px;}
.sq-p-ach b{color:var(--k-gold);}
.sq-hidden{color:#5b6b8a; font-size:11.5px; font-weight:700;}
.sq-kings{display:grid; gap:11px;
      grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.sq-k{display:flex; align-items:center; gap:12px;
      background:linear-gradient(135deg,#1a1508,var(--k-panel2));
      border:1px solid rgba(255,209,102,0.32); border-radius:12px;
      padding:13px 15px; text-decoration:none; color:var(--k-txt);
      transition:border-color .15s, transform .15s;}
.sq-k:hover{border-color:var(--k-gold); transform:translateY(-2px);}
.sq-k-crown{flex:none; width:38px; height:38px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      background:rgba(255,209,102,0.1); border:1px solid rgba(255,209,102,0.5);
      font-size:18px;}
.sq-k-nam{color:var(--k-gold); font-size:14px; font-weight:900; word-break:break-word;}@media (max-width:480px){
      .sq-p-end{ width:100%; text-align:right; padding-right:62px; }
      .sq-btn{ width:100%; }
    }
@media (prefers-reduced-motion: reduce){
      .sq-p:hover, .sq-k:hover{ transform:none; }
    }.ps-badge{position:absolute; top:-26px; left:50%; transform:translateX(-50%);
      width:52px; height:52px;
      display:flex; align-items:center; justify-content:center;
      font-size:24px;
      background:var(--k-panel2); border:1px solid var(--k-gold);
      border-radius:50%;
      box-shadow:0 0 18px rgba(255,209,102,.28);}
.ps-title{margin:0 0 6px; text-align:center; color:#fff; font-size:18px;}
.ps-sub{margin:0 0 22px; text-align:center; color:var(--k-dim2); font-size:12.5px; line-height:1.8;}
.ps-field{margin-bottom:15px;}
.ps-field label{display:block; margin-bottom:var(--k-s2);
      color:var(--k-dim2); font-size:var(--k-fs-sm); font-weight:var(--k-fw);}
.ps-inwrap{position:relative;}
.ps-field input{width:100%; height:44px;
      background:var(--k-panel2); color:var(--k-wht);
      border:1px solid var(--k-line); border-radius:10px;
      padding:0 42px 0 var(--k-s6);
      font-size:14px; font-family:inherit;
      transition:border-color .15s, box-shadow .15s;}
.ps-field input:focus{outline:none; border-color:var(--k-blue);
      box-shadow:0 0 0 3px rgba(96,205,255,.13);}
.ps-field input::placeholder{color:#4c5b78;}
.ps-eye{position:absolute; top:0; inset-inline-start:0;
      width:40px; height:44px;
      display:flex; align-items:center; justify-content:center;
      background:none; border:none; cursor:pointer;
      font-size:16px; opacity:.6; padding:0;}
.ps-eye:hover{opacity:1;}
.ps-hint{margin-top:5px; font-size:11.5px; font-weight:700; min-height:14px;}
.ps-hint.bad{color:#f99;}
.ps-hint.good{color:#9f9;}.ps-btn-line{display:block; width:100%; margin-top:var(--k-s4);
      text-align:center; text-decoration:none;
      height:44px; line-height:42px;
      background:var(--k-panel3); border:1px solid var(--k-blue);
      color:var(--k-blue); border-radius:10px;
      font-size:14px; font-weight:var(--k-fwb);}
.ps-btn-line:hover{background:var(--k-line2);}
.ps-msg{border-radius:10px; padding:12px 14px; margin-bottom:18px;
      font-size:13px; font-weight:700; line-height:1.9; text-align:center;}

.ps-msg.ok{background:#0f2a13; border:1px solid #2e7d32; color:#9f9;}
.ps-foot-link{margin-top:18px; padding-top:16px;
      border-top:1px solid var(--k-line);
      text-align:center; color:var(--k-dim2); font-size:12px; line-height:1.9;}
.ps-foot-link a{text-decoration:none; font-weight:700;}
.ps-foot-link a:hover{text-decoration:underline;}

/* مساعدات عامة للصفحات الخارجية */
.s-mt{ margin-top:var(--k-s6); }
.s-red{ color:var(--k-red-l); }
.s-blue{ color:var(--k-blue); }
.s-gold{ color:var(--k-gold); }
.s-green{ color:#51cf66; }
.s-mb{ margin-bottom:var(--k-s6); }
.s-px{ padding:0 var(--k-s6); }

/* ══════════ صفحات المصادقة (join.php و login.php) ══════════ */
/* كانتا نسختين شبه متطابقتين، و كلتاهما تستخدم محددات عناصر عارية
   (h2 و form و input و button) .. حُصرت كلها تحت .s-auth فلا تتسرب. */

body.s-auth-body{
  margin:0; padding:0; width:100%; height:100%;
  display:flex; justify-content:center; align-items:center;
  font-family:var(--k-font); color:var(--k-txt);
}
/* كان height:100% بلا ارتفاع محدد للاب فلا يساوي شيئا , و الحاوية تنكمش
   على محتواها فتعلّق البطاقة في الاعلى. و التعتيم .75 كان يتضاعف فوق
   تعتيم body::before فيطمس الخلفية تماما. */
.s-overlay{
  width:100%; min-height:100vh; padding:40px 20px; box-sizing:border-box;
  display:flex; justify-content:center; align-items:center;
}
.s-auth{
  display:flex; flex-direction:column; gap:var(--k-s8);
  width:100%; max-width:480px;
  padding:40px 30px; border-radius:var(--k-r6);
  /* التعتيم انتقل من الصفحة الى البطاقة: النص مقروء فوق سطح معتم ,
     و الخلفية تبقى ظاهرة حولها */
  background:linear-gradient(180deg, rgba(17,24,45,.94) 0%, rgba(10,15,30,.96) 100%);
  backdrop-filter:blur(3px);
  border:1px solid var(--k-line);
  box-shadow:0 10px 32px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,209,102,.08);
}
.s-auth h2{ margin:0; text-align:center; color:#ffd700; font-size:1.8em; }
.s-auth form{ display:flex; flex-direction:column; gap:var(--k-s8); }
.s-auth label{ display:block; margin-bottom:5px; font-weight:bold; }
.s-auth small{ display:block; margin-top:3px; color:#aaa; font-size:.85em; }

.s-auth input[type="text"],
.s-auth input[type="email"],
.s-auth input[type="password"]{
  width:-webkit-fill-available;
  padding:var(--k-s5) var(--k-s4); font-size:1em;
  border:1px solid var(--k-line); border-radius:var(--k-r2);
  background:var(--k-panel); color:var(--k-wht); transition:border-color var(--k-tr);
}
.s-auth input:focus{ outline:none; border-color:var(--k-blue); box-shadow:0 0 0 2px rgba(96,205,255,.2); }
/* منع الخلفية البيضاء عند التعبئة التلقائية للمتصفح */
.s-auth input:-webkit-autofill,
.s-auth input:-webkit-autofill:hover,
.s-auth input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--k-panel) inset;
  -webkit-text-fill-color:var(--k-wht);
  border:1px solid var(--k-line);
}

.s-auth button{
  height:50px; border:none; border-radius:var(--k-r3); cursor:pointer;
  font-size:var(--k-fs-xl); font-weight:bold; color:#062235;
  background:linear-gradient(135deg,var(--k-blue),#2a6f9e);
  box-shadow:0 2px 12px rgba(96,205,255,.3);
  transition:filter var(--k-tr), transform .1s;
}
.s-auth button:hover:not(:disabled){ filter:brightness(1.12); }
.s-auth button:active:not(:disabled){ transform:translateY(1px); }
/* المعطل بلون صريح لا opacity (حفاظا على التباين) */
.s-auth button:disabled{
  background:var(--k-panel2); color:#7386a8;
  box-shadow:none; cursor:not-allowed;
}

.s-alert{ padding:var(--k-s5); border-radius:5px; text-align:center; font-weight:bold; }
.s-alert-err{ background:rgba(220,53,69,.2); border:1px solid #dc3545; color:#ff6b6b; }
.s-alert-ok { background:rgba(40,167,69,.2); border:1px solid #28a745; color:#51cf66; }

.s-auth-links{ text-align:center; margin-top:var(--k-s4); font-size:.95em; }
.s-auth-links a{ color:var(--k-blue); text-decoration:none; margin:0 var(--k-s4); }
.s-auth-links a:hover{ text-decoration:underline; }
/* login يوزع رابطيه على الطرفين */
.s-auth-links-b{ display:flex; justify-content:space-between; margin:var(--k-s4) 0 0; }
.s-auth-links-b a{ margin:0; }

/* ══════════ ban.php — صفحة الحظر ══════════ */
/* body محصور بـ .bn-body فلا يتسرب */

.bn-body{ margin:0; padding:34px 18px; min-height:100vh; font-family:var(--k-font);
          background:var(--k-bg); color:#c8d4ea; line-height:1.9; }
    .bn-wrap{ max-width:760px; margin:0 auto; }

    .bn-top{ text-align:center; margin-bottom:30px; }
    .bn-top h1{ margin:0 0 10px; font-size:25px; color:#fff; font-weight:900; }
    .bn-top p{ margin:0; font-size:14px; color:#7d8ba8; }

    .bn-state{ display:block; padding:18px 22px; border-radius:14px; margin-bottom:30px;
               text-align:center; font-size:16px; font-weight:900; }
    .bn-ok { background:var(--k-grn-bg); color:var(--k-grn-l);    border:1px solid #2f6b3f; }
    .bn-mid{ background:#2a2410; color:var(--k-gold); border:1px solid #8a6d1f; }
    .bn-bad{ background:var(--k-red-bg); color:var(--k-red-l);    border:1px solid var(--k-red); }

    .bn-sec{ margin-bottom:28px; }
    .bn-sec h2{ margin:0 0 13px; font-size:16px; font-weight:900; }
    .bn-sec.bn-s-acc h2{ color:var(--k-red-l); }
    .bn-sec.bn-s-w   h2{ color:var(--k-gold); }

    .bn-item{ margin-bottom:12px; }
    .bn-i-acc{ background:var(--k-red-bg); color:#e8d0d0; border-color:var(--k-red); }
    .bn-i-w  { background:#1a1a12; color:#ddd6c0; border-color:#8a6d1f; }

    .bn-hd{ display:flex; align-items:center; gap:11px; flex-wrap:wrap; }
    
    .bn-tag{ padding:4px 12px; border-radius:20px; font-size:11.5px; font-weight:900; white-space:nowrap;
             background:var(--k-bg); color:#c8d4ea; border:1px solid var(--k-line); }
    .bn-i-acc .bn-tag{ background:#160d15; color:var(--k-red-l);    border-color:var(--k-red); }
    .bn-i-w   .bn-tag{ background:#12120c; color:var(--k-gold); border-color:#8a6d1f; }
    .bn-msg{ margin:9px 0 0; font-size:13px; line-height:1.85; }
    .bn-non{ margin:9px 0 0; font-size:13px; color:#7d8ba8; }

    .bn-note{ background:#101c33; color:#7d8ba8; border:1px solid var(--k-line);
              border-radius:13px; padding:17px 20px; font-size:13px; margin-bottom:26px; }

    .bn-btns{ display:flex; gap:var(--k-s5); flex-wrap:wrap; justify-content:center; }    .bn-btn-go{ background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d)); color:var(--k-gold-t); border-color:var(--k-gold-b); }
    .bn-btn-go:hover{ background:var(--k-gold); color:var(--k-gold-t); }

    @media(max-width:560px){
      .bn-body{ padding:22px 13px; }
      .bn-top h1{ font-size:21px; }
    }

/* ══════════ account.php — الحساب ══════════ */
/* كل الاسماء كانت عامة (container / overlay / user-card ...) و container و overlay
   مشتركتان مع basic1.php و worlds.php .. حُصرت كلها بالبادئة ac- */

.ac-body {
        margin: 0; padding: 0; min-height: 100%;
        font-family: var(--k-font);
        color: #f1f1f1;
    }
    /* كان 80% فوق تعتيم body::before فيطمس الخلفية. خُفّف ليظهر الشعار. */
    .ac-overlay {
        min-height: 100vh;
        padding: 40px 20px;
    }
    .ac-container {
        max-width: 900px;
        margin: 0 auto;
    }

    
    .ac-back-btn {
        display: inline-flex;
        align-items: center;
        gap:var(--k-s2);
        background: rgba(25,25,25,0.92);
        border: 2px solid #ffd700;
        color: #ffd700;
        padding:var(--k-s3) var(--k-s7);
        border-radius: 25px;
        font-size: 0.95em;
        font-family: var(--k-font);
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 25px;
        transition: all 0.3s;
    }
    .ac-back-btn:hover {
        background: rgba(255,215,0,0.15);
        box-shadow: 0 0 15px rgba(255,215,0,0.3);
    }

    
    .ac-user-card {
        background: rgba(20,20,30,0.95);
        border: 2px solid #ffd700;
        border-radius: 14px;
        padding: 28px 32px;
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }
    .ac-user-avatar {
        font-size: 4em;
        background: rgba(255,215,0,0.1);
        border: 2px solid #ffd700;
        border-radius: 50%;
        width: 80px; height: 80px;
        display: flex; align-items: center; justify-content: center;
        flex-shrink: 0;
    }
    .ac-user-info-block { flex: 1; min-width: 180px; }
    .ac-user-info-block h2 {
        margin: 0 0 8px;
        color: #ffd700;
        font-size: 1.6em;
        text-shadow: 0 0 10px rgba(255,215,0,0.4);
    }
    .ac-user-meta { color: #aaa; font-size: 0.9em; display: flex; gap: 20px; flex-wrap: wrap; }
    .ac-user-meta span strong { color: #e8e8e8; }
    .ac-user-gold {
        background: rgba(255,215,0,0.12);
        border: 1px solid #ffd700;
        border-radius: 10px;
        padding: 12px 20px;
        text-align: center;
        flex-shrink: 0;
    }
    .ac-user-gold .gold-val {
        color: #ffd700;
        font-size: 1.5em;
        font-weight: bold;
        display: block;
    }
    .ac-user-gold .gold-lbl { color: #aaa; font-size: 0.85em; }

    
    .ac-result-msg {
        padding: 14px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
        font-size: 1em;
        text-align: center;
    }
    .ac-result-msg.ok  { background: rgba(40,167,69,0.2); border: 1px solid #28a745; color: #51cf66; }
    .ac-result-msg.err { background: rgba(220,53,69,0.2); border: 1px solid #dc3545; color: #ff6b6b; }

    
    .ac-section-title {
        color: #ffd700;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 0 16px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--k-line);
    }

    
    .ac-worlds-list { display: flex; flex-direction: column; gap: 16px; }

    
    .ac-wban { flex: 1 1 100%; margin-top: 10px; padding: 11px 14px; border-radius: 10px;
            background: #2a0f0f; color: #e8d0d0; border: 1px solid #b71c1c;
            font-size: 12.5px; line-height: 1.9; }
    .ac-wban b { color: #f99; font-weight: 900; }
    .ac-ban-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px;
                padding: 11px 22px; border-radius: 11px; text-decoration: none;
                background: #16213e; color: #c8d4ea; border: 1px solid var(--k-line);
                font-size: 14px; font-weight: 700; }
    .ac-ban-link:hover { background: #1e3a5f; color: #fff; border-color: var(--k-blue); }
    .ac-ban-link.bad { background: #2a0f0f; color: #f99; border-color: #b71c1c; }
    .ac-ban-link.bad:hover { background: #b71c1c; color: #fff; }
    .ac-ban-link.mid { background: #2a2410; color: var(--k-gold); border-color: #8a6d1f; }
    .ac-ban-link.mid:hover { background: #8a6d1f; color: #fff; }
    .ac-world-row {
        background: rgba(15,23,42,0.95);
        border: 1px solid var(--k-line);
        border-radius: 12px;
        padding: 20px 24px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        transition: border-color 0.3s;
    }
    .ac-world-row:hover { border-color: var(--k-blue); }
    .ac-world-row-icon {
        font-size: 2.2em;
        flex-shrink: 0;
    }
    .ac-world-row-info { flex: 1; min-width: 180px; }
    .ac-world-row-name {
        color: #fff;
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 6px;
    }
    .ac-world-row-tribe {
        display: inline-block;
        padding: 2px 12px;
        border-radius: 20px;
        font-size: 0.8em;
        margin-bottom: 8px;
    }    .ac-world-row-dates { color: #888; font-size: 0.82em; display: flex; flex-direction: column; gap: 3px; }
    .ac-world-row-dates span strong { color: #bbb; }

    .ac-world-row-stats {
        display: flex;
        gap: 14px;
        flex-shrink: 0;
        flex-wrap: wrap;
    }
    .ac-wstat {
        text-align: center;
        background: rgba(0,0,0,0.3);
        border-radius: 8px;
        padding: 8px 14px;
        min-width: 60px;
    }
    .ac-wstat .wval { color: var(--k-blue); font-size: 1.1em; font-weight: bold; display: block; }
    .ac-wstat .wlbl { color: #666; font-size: 0.75em; }

    
    .ac-delete-btn {
        background: rgba(169,44,34,0.2);
        border:1px solid var(--k-c-red1);
        color: #ff6b6b;
        padding:var(--k-s3) 16px;
        border-radius: 8px;
        font-family: var(--k-font);
        font-size: 0.88em;
        cursor: pointer;
        flex-shrink: 0;
        transition: all 0.3s;
    }
    .ac-delete-btn:hover {
        background: rgba(169,44,34,0.4);
        border-color: #ff6b6b;
    }

    
    .ac-confirm-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.85);
        z-index: 9999;
        align-items: center;
        justify-content: center;
    }
    .ac-confirm-overlay.show { display: flex; }
    .ac-confirm-box {
        background: #1a1a2e;
        border: 2px solid #a92c22;
        border-radius: 16px;
        padding: 36px 40px;
        max-width: 400px;
        width: 90%;
        text-align: center;
    }
    .ac-confirm-box .icon { font-size: 3em; margin-bottom: 12px; }
    .ac-confirm-box h3 { color: #fff; margin: 0 0 10px; font-size: 1.2em; }
    .ac-confirm-box p { color: #aaa; font-size: 0.9em; margin: 0 0 24px; line-height: 1.6; }
    .ac-confirm-actions { display: flex; gap: 12px; justify-content: center; }
    .ac-confirm-yes {
        background: #a92c22;
        border: none;
        color: #fff;
        padding: 10px 24px;
        border-radius: 8px;
        font-family: var(--k-font);
        font-size: 1em;
        cursor: pointer;
        transition: background 0.2s;
    }
    .ac-confirm-yes:hover { background: #c0392b; }
    .ac-confirm-no {
        background: rgba(255,255,255,0.08);
        border: 1px solid #444;
        color: #ccc;
        padding: 10px 24px;
        border-radius: 8px;
        font-family: var(--k-font);
        font-size: 1em;
        cursor: pointer;
        transition: background 0.2s;
    }
    .ac-confirm-no:hover { background: rgba(255,255,255,0.15); }

    
    .ac-empty-state {
        text-align: center;
        padding: 50px 20px;
        color: #666;
        font-size: 1em;
    }
    .ac-empty-state .empty-icon { font-size: 3em; margin-bottom: 12px; }

    .ac-logout-link {
        text-align: center;
        margin-top: 30px;
    }
    .ac-logout-link a { color: #dc3545; text-decoration: none; font-size: 1em; }
    .ac-logout-link a:hover { text-decoration: underline; }

/* ═══════════════════════════════════════════════════════════════
   المكونات الموحدة — كل صفحة كانت تعيد اختراعها ببادئتها
   ═══════════════════════════════════════════════════════════════ */

/* بطاقة — كانت tr-card / pf-card / sw-card / ps-card */
.s-card{
  background:var(--k-panel); border:1px solid var(--k-line);
  border-radius:var(--k-r6); padding:26px 24px; color:var(--k-txt);
}
.s-card-row{ display:flex; align-items:center; gap:var(--k-s8); flex-wrap:wrap; }
.s-card-lg{ padding:34px 26px; box-shadow:var(--k-sh2); }
.s-card-a{ display:block; text-decoration:none;
           transition:border-color .18s, transform .18s, box-shadow .18s; }

/* حالة فراغ — كانت pf-empty / sw-empty / sq-empty */
.s-empty{
  text-align:center; padding:52px 22px;
  background:var(--k-panel); border:1px dashed var(--k-line);
  border-radius:var(--k-r6);
}
.s-empty-ico{ font-size:38px; margin-bottom:13px; opacity:.55; }

/* مسار التنقل — كانت pf-crumb / sw-crumb / sq-crumb */
.s-crumb{
  max-width:900px; margin:0 auto; padding:18px 5% 0;
  color:var(--k-dim2); font-size:12.5px; font-weight:var(--k-fw);
}

/* صف ازرار الرجوع — كانت pf-back / sw-back / sq-back */
.s-back{ display:flex; gap:11px; justify-content:center; flex-wrap:wrap; margin-top:30px; }

/* قائمة عمودية — كانت tr-list / pf-list / sw-list / sq-list */
.s-list{ list-style:none; margin:0; padding:0;
         display:flex; flex-direction:column; gap:9px; }

/* زر ذهبي كبير — كانت ix-btn / sq-btn / ps-btn */
.s-btn{
  display:inline-block; text-decoration:none; cursor:pointer;
  padding:var(--k-s5) 34px; border-radius:var(--k-r3);
  font-family:inherit; font-size:var(--k-fs-md); font-weight:var(--k-fwx);
  background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d));
  color:var(--k-gold-t); border:1px solid var(--k-gold-b);
  transition:filter var(--k-tr), transform .1s;
}
.s-btn:hover{ filter:brightness(1.08); }
.s-btn:active{ transform:translateY(1px); }
.s-btn-w{ width:100%; height:46px; padding:0; }
/* زر ثانوي هادئ — كان bn-btn */
.s-btn2{
  display:inline-block; text-decoration:none;
  padding:var(--k-s5) 26px; border-radius:var(--k-r3);
  font-size:var(--k-fs-md); font-weight:var(--k-fw);
  background:var(--k-panel3); color:#c8d4ea; border:1px solid var(--k-line);
}
.s-btn2:hover{ background:var(--k-line2); color:var(--k-wht); border-color:var(--k-blue); }

/* اسم بارز — كانت pf-nam / bn-nam / sw-nam */
.s-nam{ color:#fff; font-weight:var(--k-fwx); word-break:break-word; }

/* ══════════ افتار الحساب (users.img) ══════════ */
/* .ac-ava في صفحة حسابي و .s-ava العام لباقي الصفحات و .pf-ava في البروفايل
   .. كلها من avatar_img() , و لكل واحد بديله النصي بنفس الاسم + '-non' */

.ac-ava-wrap{
  position:relative; width:80px; height:80px; flex-shrink:0; cursor:pointer;
}
.ac-ava{
  width:100%; height:100%; border-radius:50%; object-fit:cover;
  border:2px solid var(--k-gold); background:rgba(255,215,0,.1);
  display:flex; align-items:center; justify-content:center;
}
/* البديل النصي حين لا توجد صورة */
.ac-ava-non{
  font-size:2.2em; color:var(--k-gold); font-weight:var(--k-fwx);
}
.ac-ava-wrap:hover .ac-ava{ border-color:#fff; filter:brightness(1.1); }

/* شارة الكاميرا على حافة الافتار */
.ac-ava-edit{
  position:absolute; bottom:-2px; left:-2px;
  width:28px; height:28px; border-radius:50%;
  background:var(--k-panel3); color:#fff; border:1px solid var(--k-line);
  display:flex; align-items:center; justify-content:center; font-size:14px;
}
.ac-ava-wrap:hover .ac-ava-edit{ background:var(--k-blue); color:#06121f; }

.ac-ava-hint{
  margin-top:8px; font-size:12px; color:#7d8ba8;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
/* .ac-ava-del حُذفت .. الزر صار danger_btn و شكله من .koe-btn في t.css */

/* `.s-ava` و `.s-ava-non` انتقلا الى k.css .. تعريف واحد يكفي الجهتين
   بدل نسختين كانتا تفترقان بلا سبب:
   .s-ava{ width:38px; height:38px; }
   .s-ava-non{ font-size:1.1em; }  */


/* صف العالم قابل للضغط + شكل ببّه .. كلها تخصك , عدّل زي ما تبي */
.ac-world-row{ cursor:pointer; }
.ac-world-row:hover{ border-color:var(--k-gold); background:rgba(255,215,0,.04); }
.ac-pop-icon{ font-size:38px; text-align:center; }
.ac-pop-ttl{ margin:10px 0; color:var(--k-gold); text-align:center; }
.ac-pop-txt{ margin:0 0 16px; color:var(--k-txt2); line-height:1.7; text-align:center; }
.ac-pop-btns{ display:flex; gap:var(--k-s4); }
.ac-pop-go, .ac-pop-no{
  flex:1; display:flex; align-items:center; justify-content:center;
  padding:11px 16px; border-radius:var(--k-r2); cursor:pointer;
  font-family:var(--k-font); font-size:var(--k-fs-md); font-weight:var(--k-fwb);
  text-decoration:none; border:none;
}
.ac-pop-go{ background:linear-gradient(180deg,var(--k-gold),var(--k-gold-d)); color:var(--k-gold-t); }
.ac-pop-no{ background:var(--k-panel3); color:var(--k-txt2); border:1px solid var(--k-line); }

/* ═══ بطاقة البريد في صفحة الحساب ═══ */
.ac-mail-card{
  background:rgba(20,20,30,.95); border:2px solid var(--k-line);
  border-radius:14px; padding:20px 24px; margin-bottom:30px;
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.ac-mail-card.unv{ border-color:#dc3545; }
.ac-mail-info{ flex:1; min-width:200px; }
.ac-mail-addr{
  color:var(--k-txt); font-size:15px; font-weight:var(--k-fwb);
  margin-bottom:6px; word-break:break-all;
}
.ac-mail-state{ font-size:13px; font-weight:var(--k-fwb); }
.ac-mail-state.ok { color:#51cf66; }
.ac-mail-state.unv{ color:#ff6b6b; }
.ac-mail-note{
  color:var(--k-dim2); font-size:12.5px; line-height:1.9; margin-top:9px;
}

/* ═══ صفحة تأكيد البريد ═══ */
.vf-wrap{
  min-height:60vh; display:flex; align-items:center; justify-content:center;
  padding:40px 18px;
}
.vf-card{
  width:100%; max-width:460px; text-align:center;
  background:rgba(20,20,30,.95); border:2px solid var(--k-line);
  border-radius:14px; padding:34px 28px;
}
.vf-title{
  margin:0 0 22px; color:var(--k-gold);
  font-size:20px; font-weight:var(--k-fwx);
}
.vf-msg{
  border-radius:10px; padding:14px 18px; margin:0 0 16px;
  font-size:15px; font-weight:var(--k-fwb); line-height:1.8;
}
.vf-msg.vf-ok { background:rgba(40,167,69,.2);  border:1px solid #28a745; color:#51cf66; }
.vf-msg.vf-err{ background:rgba(220,53,69,.2); border:1px solid #dc3545; color:#ff6b6b; }
.vf-note{
  color:var(--k-dim2); font-size:13px; line-height:1.95; margin:0 0 24px;
}

/* ═══ قسم الإعدادات في صفحة حسابي ═══ */
.ac-set-card{
  background:rgba(20,20,30,.95); border:2px solid var(--k-line);
  border-radius:14px; padding:20px 24px; margin-bottom:30px;
}
.ac-set-row{
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.ac-set-info{ flex:1; min-width:200px; }
.ac-set-nam{
  color:var(--k-txt); font-size:15px; font-weight:var(--k-fwb); margin-bottom:6px;
}
.ac-set-note{ color:var(--k-dim2); font-size:12.5px; line-height:1.9; }
.ac-set-btn{
  display:flex; align-items:center; justify-content:center;
  width:52px; height:52px; flex-shrink:0; padding:0;
  background:rgba(255,215,0,.1); border:2px solid var(--k-gold);
  border-radius:12px; font-size:22px; line-height:1; cursor:pointer;
  transition:box-shadow .15s, opacity .15s;
}
.ac-set-btn:hover{ box-shadow:0 0 12px rgba(255,209,102,.5); }
.ac-set-btn[data-m="2"]{ opacity:.55; }

/* زر نصي بنفس هيئة زر الاعدادات .. الاصل ايقونة مربعة 52×52 و هذا نص */
a.ac-set-btn,
.ac-set-btn-off{
  width:auto; min-width:80px; height:44px; padding:0 var(--k-s7);
  font-size:14px; font-weight:var(--k-fwx); text-decoration:none;
  color:var(--k-gold);
}
/* حالة «تم» .. ليست زرا فلا مؤشر و لا توهج */
.ac-set-btn-off{
  background:var(--k-panel2); border-color:var(--k-line);
  color:var(--k-dim2); cursor:default;
}
.ac-set-btn-off:hover{ box-shadow:none; }
/* شارة «شاركت» بجانب اسم الصف */
.ac-qs-tag{
  display:inline-block; margin-inline-start:8px;
  background:#0f2a13; border:1px solid #2e7d32; border-radius:20px;
  padding:2px 9px; color:#9f9; font-size:11px; font-weight:800;
  vertical-align:middle;
}

/* ══════════════════════════════════════════════════════════════════════════
   qs.php — الاستبيان
   ────────────────────────────────────────────────────────────────────────── */
.qs-msg{border-radius:10px; padding:12px 14px; margin-bottom:18px;
      font-size:13px; font-weight:700; line-height:1.9; text-align:center;}
.qs-msg.ok{background:#0f2a13; border:1px solid #2e7d32; color:#9f9;}
.qs-msg.err{background:var(--k-red-bg); border:1px solid var(--k-red); color:#f99;}

.qs-intro{color:var(--k-dim2); font-size:13px; line-height:1.95;
      text-align:center; margin:0 0 26px;}

/* ── السؤال ── */
.qs-q{background:var(--k-panel2); border:1px solid var(--k-line);
      border-radius:14px; padding:18px 18px 16px; margin-bottom:14px;
      color:var(--k-txt);}
.qs-q-head{display:flex; align-items:flex-start; gap:10px; margin-bottom:14px;}
.qs-num{flex-shrink:0; width:25px; height:25px; border-radius:50%;
      background:var(--k-gold); color:#1b1400;
      font-size:12.5px; font-weight:900;
      display:flex; align-items:center; justify-content:center;}
.qs-q-txt{color:#fff; font-size:14.5px; font-weight:800; line-height:1.7;
      padding-top:2px;}

/* ── الخيارات ── */
/* الراديو الحقيقي مخفي بصريا لا بـdisplay:none , فيبقى يستقبل لوحة المفاتيح */
.qs-opts{display:flex; flex-direction:column; gap:8px;}
.qs-radio{position:absolute; opacity:0; width:0; height:0; pointer-events:none;}
.qs-opt{display:flex; align-items:center; gap:11px; cursor:pointer;
      background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:11px; padding:11px 13px;
      color:var(--k-txt); font-size:13.5px; font-weight:700;
      transition:border-color .15s, background .15s;}
.qs-opt:hover{border-color:var(--k-line2); background:var(--k-panel3);}
.qs-dot{flex-shrink:0; width:16px; height:16px; border-radius:50%;
      border:2px solid var(--k-line2); background:transparent;
      transition:border-color .15s, box-shadow .15s;}
.qs-radio:checked + .qs-opt{border-color:var(--k-gold);
      background:rgba(255,215,0,.08);}
.qs-radio:checked + .qs-opt .qs-dot{border-color:var(--k-gold);
      box-shadow:inset 0 0 0 3.5px var(--k-gold);}
.qs-radio:checked + .qs-opt .qs-opt-t{color:#fff; font-weight:900;}
.qs-radio:focus-visible + .qs-opt{outline:2px solid var(--k-blue);
      outline-offset:2px;}

/* ── السؤال النصي ── */
.qs-txtwrap{position:relative;}
.qs-txt{width:100%; box-sizing:border-box; resize:vertical;
      background:var(--k-panel); border:1px solid var(--k-line);
      border-radius:11px; padding:11px 13px;
      color:var(--k-txt); font-size:13.5px; line-height:1.9;
      font-family:inherit;}
.qs-txt:focus{outline:none; border-color:var(--k-gold);}
.qs-count{margin-top:6px; text-align:end;
      color:var(--k-dim2); font-size:11.5px; font-weight:700;}

/* ── الارسال ── */
.qs-send{display:block; width:100%; margin-top:22px; cursor:pointer;
      background:var(--k-gold); border:0; border-radius:12px;
      padding:14px; color:#1b1400; font-size:14.5px; font-weight:900;
      font-family:inherit; transition:filter .15s;}
.qs-send:hover{filter:brightness(1.08);}

/* ── شاشة الشكر / سبق ان شارك ── */
.qs-done{text-align:center; padding:14px 0 6px;}
.qs-done-ico{font-size:44px; line-height:1; margin-bottom:14px;}
.qs-done-t{color:#fff; font-size:18px; font-weight:900; margin:0 0 10px;}
.qs-done-s{color:var(--k-dim2); font-size:13px; line-height:1.95; margin:0 0 20px;}
.qs-back{display:inline-block; background:var(--k-panel2);
      border:1px solid var(--k-line2); border-radius:11px;
      padding:11px 22px; color:var(--k-txt);
      font-size:13px; font-weight:800; text-decoration:none;}
.qs-back:hover{background:#1e3a5f; color:#fff;}

/* ══════════════════════════════════════════════════════════════════════════
   tk.php — التواصل مع الدعم
   يشارك qs.php في qs-q و qs-opt و qs-txt و qs-send و qs-done
   ────────────────────────────────────────────────────────────────────────── */
/* ── رأس التذكرة ── */
.tk-head{border-bottom:1px solid var(--k-line); padding-bottom:15px; margin-bottom:18px;}
.tk-head-t{color:#fff; font-size:17px; font-weight:900; line-height:1.6; margin-bottom:9px;}
.tk-head-m{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.tk-chip{background:var(--k-panel2); border:1px solid var(--k-line2); border-radius:20px;
      padding:3px 11px; color:var(--k-dim2); font-size:11.5px; font-weight:800;}
.tk-sta-0,.tk-sta-2{background:#2a2410; border-color:#7a6a1e; color:var(--k-gold);}
.tk-sta-1{background:#0f2a13; border-color:#2e7d32; color:#9f9;}
.tk-ago{color:var(--k-dim2); font-size:11.5px;}

/* ── المحادثة ── */
.tk-thread{display:flex; flex-direction:column; gap:11px; margin-bottom:20px;}
.tk-m{border-radius:13px; padding:12px 14px; max-width:88%;
      border:1px solid var(--k-line); background:var(--k-panel2); color:var(--k-txt);}
.tk-m.me{align-self:flex-start;}
.tk-m.adm{align-self:flex-end; background:#12233d; border-color:var(--k-line2);}
.tk-m-who{font-size:11.5px; font-weight:900; margin-bottom:5px; color:var(--k-dim2);}
.tk-m.adm .tk-m-who{color:var(--k-blue);}
.tk-m-txt{font-size:13.5px; line-height:1.95; white-space:pre-wrap; word-break:break-word;}
.tk-m-ago{margin-top:6px; color:var(--k-dim2); font-size:11px;}

/* ── الرد ── */
.tk-form{margin-bottom:22px;}

/* ── الاغلاق ── */
.tk-close-f{border-top:1px solid var(--k-line); padding-top:18px; text-align:center;}
.tk-close{cursor:pointer; background:#0f2a13; border:1px solid #2e7d32;
      border-radius:11px; padding:12px 20px; color:#9f9;
      font-size:13.5px; font-weight:900; font-family:inherit;}
.tk-close:hover{background:#14381a;}
.tk-close-n{margin-top:9px; color:var(--k-dim2); font-size:11.5px; line-height:1.9;}

/* ── حقل العنوان ── */
.tk-in{width:100%; box-sizing:border-box;
      background:var(--k-panel); border:1px solid var(--k-line); border-radius:var(--k-r3);
      padding:var(--k-s4) var(--k-s5); color:var(--k-txt); font-size:var(--k-fs); font-family:inherit;}
.tk-in:focus{outline:none; border-color:var(--k-gold);}

/* ── الارشيف ── */
.tk-old{margin-top:26px; border-top:1px solid var(--k-line); padding-top:18px;}
.tk-old-t{color:var(--k-dim2); font-size:12.5px; font-weight:900; margin-bottom:11px;}
.tk-old-r{display:flex; align-items:center; gap:9px; flex-wrap:wrap;
      padding:9px 0; border-bottom:1px solid var(--k-line);}
.tk-old-r:last-child{border-bottom:0;}
.tk-old-n{color:var(--k-txt); font-size:13px; font-weight:700; flex:1; min-width:140px;}

/* ── زر الدعم في ترويسة صفحة العوالم ── */
.wl-sup{display:inline-flex; align-items:center; gap:6px;
      background:var(--k-panel2); border:1px solid var(--k-line2); border-radius:11px;
      padding:8px 15px; color:var(--k-txt); text-decoration:none;
      font-size:13px; font-weight:800;}
.wl-sup:hover{background:#1e3a5f; color:#fff;}
/* شارة «تذكرة مفتوحة» .. ذهبية لا خضراء , فهي حالة انتظار لا انجاز */
.ac-qs-tag-o{background:#2a2410; border-color:#7a6a1e; color:var(--k-gold);}
/* ── تقييم الخدمة بعد اغلاق التذكرة ── */
.tk-rate-f{border-top:1px solid var(--k-line); padding-top:18px; text-align:center;}
.tk-rate-t{color:#fff; font-size:14.5px; font-weight:900; margin-bottom:13px;}
.tk-rate-o{display:flex; gap:9px; justify-content:center; flex-wrap:wrap; margin-bottom:15px;}
.tk-rate-b{display:flex; flex-direction:column; align-items:center; gap:5px;
      cursor:pointer; min-width:96px;
      background:var(--k-panel2); border:1px solid var(--k-line); border-radius:12px;
      padding:12px 14px; color:var(--k-txt);
      transition:border-color .15s, background .15s;}
.tk-rate-b:hover{border-color:var(--k-line2); background:var(--k-panel3);}
.tk-rate-s{font-size:17px; line-height:1; color:var(--k-dim2); letter-spacing:1px;}
.tk-rate-l{font-size:12px; font-weight:800; color:var(--k-dim2);}
/* qs-radio مخفي بصريا لا بـdisplay:none فيبقى يستقبل لوحة المفاتيح */
.qs-radio:checked + .tk-rate-b{border-color:var(--k-gold); background:rgba(255,215,0,.08);}
.qs-radio:checked + .tk-rate-b .tk-rate-s{color:var(--k-gold);}
.qs-radio:checked + .tk-rate-b .tk-rate-l{color:#fff; font-weight:900;}
.qs-radio:focus-visible + .tk-rate-b{outline:2px solid var(--k-blue); outline-offset:2px;}
.tk-closed-n{text-align:center; padding-top:16px; border-top:1px solid var(--k-line);}
/* صف الارشيف صار رابطا */
a.tk-old-r{text-decoration:none;}
a.tk-old-r:hover .tk-old-n{color:#fff;}