:root{
  /* خطوط */
  --font-display:'Baloo Bhaijaan 2'; --font-body:'Tajawal';
  /* حواف */
  --r-pill:999px; --r-card:22px; --r-chip:14px;
  /* ظلال */
  --sh-pill:0 4px 14px rgba(30,60,100,.30);
  --sh-panel:0 16px 50px rgba(0,0,0,.40);
  --sh-btn-primary:0 6px 0 #1f5fa8, 0 10px 22px rgba(47,127,214,.4);
  --sh-btn-gold:0 5px 0 #c07f10;
  /* ألوان أساسية */
  --snow:#dfeaf2; --snow-lit:#eef5fb; --snow-lit2:#f2f7fc;
  --snow-shadow:#d3e2ee; --snow-shadow2:#cddeec; --warm-patch:#f3ecdc;
  --ice:#bfe3f0; --pond-top:#cdeaf3; --pond-bot:#a7d6ea; --pond-edge:#8ec6dd;
  --leader:#2f6fdb; --leader-dark:#265fc0; --leader-hood:#25406b;
  --worker:#ff8c42; --worker-dark:#e0762f;
  --meat:#c0483a; --gold:#f4c430; --gold-dark:#c07f10; --grass:#6bbf59;
  --village-blue:#2f6fdb; --village-red:#e04a4a;
  /* سماء المشهد */
  --sky-top:#6ea6d6; --sky-mid:#a9cce6; --sky-horizon:#eadfd6;
  --mountain-far:#9fbfda; --mountain-near:#b6d2e8; --mountain-cap:#eef6fc;
  /* رمادي/نص */
  --ink:#2c3e50; --stone:#9aa7b2;
  /* طبقات z */
  --z-hud:10; --z-intro:20; --z-board:26;
}

/* ===== الحبّات (pills) — خلفية بيضاء 94%، أرقام LTR ===== */
.pill{ background:rgba(255,255,255,.94); border-radius:var(--r-pill);
  box-shadow:var(--sh-pill); font-family:var(--font-body); font-weight:800; color:var(--ink); }
.pill .num{ direction:ltr; }

/* ===== الأزرار ===== */
.btn-primary{ font-family:var(--font-display); font-weight:800; color:#fff; border:none; cursor:pointer;
  background:linear-gradient(#5db8ff,#2f7fd6); border-radius:var(--r-pill); box-shadow:var(--sh-btn-primary);
  transition:transform .1s, box-shadow .1s; }
.btn-primary:active{ transform:translateY(4px); box-shadow:0 0 0 #1f5fa8, 0 6px 14px rgba(47,127,214,.35); }
.btn-gold{ font-family:var(--font-display); font-weight:800; color:#5a3d00; border:none; cursor:pointer;
  background:linear-gradient(#ffc94d,#f5a623); border-radius:var(--r-pill); box-shadow:var(--sh-btn-gold); }
.btn-gold:active{ transform:translateY(4px); box-shadow:0 0 0 #c07f10; }
.btn-neutral{ background:#eef3f8; color:#2c3e50; font-family:var(--font-body); font-weight:800; border:none; cursor:pointer; border-radius:var(--r-chip); }
.btn-danger{ background:#fdecea; color:#c0392b; font-family:var(--font-body); font-weight:800; border:none; cursor:pointer; border-radius:var(--r-chip); }
.btn-icon{ width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.94); box-shadow:var(--sh-pill); border:none; cursor:pointer; }

/* ===== البانرات / Toasts ===== */
.quest{ background:rgba(23,38,58,.88); color:#fff; border-radius:var(--r-chip); border:2px solid rgba(255,255,255,.25); }
.quest .reward{ color:#8ef58e; font-weight:900; direction:ltr; }
.toast{ border-radius:var(--r-pill); color:#fff; font-family:var(--font-body); font-weight:800; box-shadow:var(--sh-pill); }
.toast.info{ background:rgba(23,38,58,.92); } .toast.success{ background:rgba(46,139,61,.95); } .toast.warn{ background:rgba(192,72,58,.95); }

/* ===== اللوحات ===== */
.panel{ background:rgba(255,255,255,.96); border-radius:var(--r-card); box-shadow:var(--sh-panel); }