/* =====================================================================
   لوحة المتصدرين — لوحات H
   H-01 هيرو: أفق مدينة، كل برج طالب وارتفاعه = نقاطه (مع خط قياس بيلحق الماوس)
   H-02 المتصدرون الثلاثة: 3 أبراج بتنبني طابق طابق مع السكرول + خانة عنوان
   H-03 باقي الترتيب: جدول مواصفات مع شريط مقياس لكل طالب + بحث
   H-04 مكانك: شريط ثابت تحت للمسجّل
   H-05 كيف ترتفع بنايتك: 3 مراحل بناء مرسومة
   حالات: تحميل (سقالات) / فاضي (قطعة أرض) / زائر (سور مقفول) / خطأ
   الكلاسات: lb-    التفاعل: assets/js/leaderboard.js
   ===================================================================== */

.lb { --lb-fh: 1.45rem; --lb-ok: #3f8f6b; }
.lb .m { font-family: var(--dh-mono); font-weight: 500; letter-spacing: 0.02em; }

/* =====================================================================
   حالات الصفحة
   ===================================================================== */
[data-show] { display: none; }
.lb[data-view="loading"] [data-show~="loading"],
.lb[data-view="board"] [data-show~="board"],
.lb[data-view="empty"] [data-show~="empty"],
.lb[data-view="guest"] [data-show~="guest"],
.lb[data-view="error"] [data-show~="error"] { display: block; }

.lb-skel {
  display: block;
  height: 0.9em;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--dh-teal-50) 25%, rgba(20, 57, 57, 0.08) 50%, var(--dh-teal-50) 75%) 0 0 / 200% 100%;
  animation: lb-shimmer 1.4s linear infinite;
}
.lb-skel--mono { width: 2.4rem; height: 2.4rem; flex: none; }
@keyframes lb-shimmer { to { background-position: -200% 0; } }

/* =====================================================================
   H-01 الهيرو
   ===================================================================== */
.lb-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background-color: var(--dh-ink);
  background-image:
    radial-gradient(50% 55% at 50% 100%, rgba(217, 169, 63, 0.13), transparent 70%),
    radial-gradient(40% 50% at 85% 10%, rgba(217, 169, 63, 0.06), transparent 70%);
}
.lb-hero__grid,
.lb-hero__glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--c) 1px, transparent 1px),
    linear-gradient(90deg, var(--c) 1px, transparent 1px),
    linear-gradient(var(--c2) 1px, transparent 1px),
    linear-gradient(90deg, var(--c2) 1px, transparent 1px);
  background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;
  background-position: center top;
}
.lb-hero__grid { --c: rgba(217, 235, 235, 0.06); --c2: rgba(217, 235, 235, 0.025); }
.lb-hero__glow {
  --c: rgba(242, 210, 127, 0.4);
  --c2: rgba(242, 210, 127, 0.14);
  opacity: 0;
  transition: opacity 0.5s ease;
  -webkit-mask-image: radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), #000, transparent 75%);
  mask-image: radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%), #000, transparent 75%);
}
.is-lit > .lb-hero__glow { opacity: 1; }

.lb-up {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.8s ease, transform 1s var(--dh-ease);
  transition-delay: calc(var(--i, 0) * 110ms + 200ms);
}
.is-visible .lb-up { opacity: 1; transform: none; }

.lb-hero__in {
  display: grid;
  gap: 2rem;
  padding-block: clamp(7.5rem, 14vw, 9rem) 0.5rem;
}
@media (min-width: 1024px) {
  .lb-hero__in { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 3rem; }
}
.lb-title {
  margin-top: 1.4rem;
  font-size: clamp(2.8rem, 1.5rem + 4.6vw, 5.5rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.lb-title em {
  font-style: normal;
  color: transparent;
  background:
    linear-gradient(135deg, var(--dh-gold-light), var(--dh-gold)) no-repeat right / 0% 100%,
    #fff;
  -webkit-background-clip: text;
  background-clip: text;
  transition: background-size 1.3s var(--dh-ease-io) 0.7s;
}
.is-visible .lb-title em { background-size: 100% 100%; }
.lb-lead {
  margin-top: 1rem;
  max-width: 36rem;
  text-wrap: balance;
  font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.2rem);
  line-height: 1.85;
  color: rgba(217, 235, 235, 0.75);
}
.lb-demo {
  display: inline-flex;
  margin-top: 1.1rem;
  padding: 0.35rem 0.75rem;
  border: 1px dashed rgba(242, 210, 127, 0.5);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--dh-gold-light);
}
.lb-demo[hidden] { display: none; }

.lb-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(217, 235, 235, 0.16);
  min-width: min(100%, 27rem);
}
.lb-facts > div { padding: 0.8rem 1rem; border-inline-start: 1px solid rgba(217, 235, 235, 0.16); min-width: 0; }
.lb-facts > div:first-child { border-inline-start: 0; }
.lb-facts dt { font-size: 0.75rem; font-weight: 600; color: rgba(217, 235, 235, 0.55); white-space: nowrap; }
.lb-facts dd { margin-top: 0.3rem; font-size: 1.15rem; color: #fff; white-space: nowrap; }
.lb-facts dd.is-gold { color: var(--dh-gold-light); }

/* ---------------- أفق المدينة (SVG من leaderboard.js) ---------------- */
.lb-city { position: relative; margin: 0; }
.lb-city__stage {
  position: relative;
  height: clamp(270px, 40vh, 400px);
  touch-action: pan-y;
}
.lb-sky {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  direction: ltr;
  overflow: visible;
  color: rgba(217, 235, 235, 0.78);
}
.lb-sky .l {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 1.4s var(--dh-ease-io), stroke 0.35s ease;
  transition-delay: calc(0.15s + var(--d, 0s)), 0s;
}
.lb-sky .w { stroke-width: 2; }
.lb-sky .t { stroke-width: 0.8; opacity: 0.45; }
.lb-sky.is-built .l { stroke-dashoffset: 0; }
.lb-sky.no-anim, .lb-sky.no-anim * { transition: none !important; }

/* خطوط المناسيب */
.lb-sky .lb-lvl line {
  stroke: rgba(217, 235, 235, 0.14);
  stroke-width: 1;
  stroke-dasharray: 3 6;
  transform-box: fill-box;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 1.6s var(--dh-ease-io);
  transition-delay: var(--d, 0s);
}
.lb-sky.is-built .lb-lvl line { transform: none; }
.lb-sky text {
  font-family: var(--dh-mono);
  font-size: 10px;
  font-weight: 500;
  fill: rgba(217, 235, 235, 0.5);
  opacity: 0;
  transition: opacity 0.6s ease;
  transition-delay: calc(0.8s + var(--d, 0s));
}
.lb-sky.is-built text { opacity: 1; }
.lb-sky text.ar { font-family: Cairo, sans-serif; font-weight: 700; font-size: 11px; }
.lb-sky text.g { fill: var(--dh-gold-light); }

/* البرج */
.lb-tw { cursor: pointer; }
.lb-tw__f {
  fill: #11302f;
  opacity: 0;
  transition: opacity 0.8s ease, fill 0.35s ease;
  transition-delay: calc(0.7s + var(--d, 0s)), 0s;
}
.lb-sky.is-built .lb-tw__f { opacity: 1; }
.lb-tw__w,
.lb-tw__lit {
  opacity: 0;
  transition: opacity 0.9s ease, fill 0.35s ease;
  transition-delay: calc(1s + var(--d, 0s)), 0s;
}
.lb-tw__w { fill: rgba(217, 235, 235, 0.13); }
.lb-tw__lit { fill: rgba(242, 210, 127, 0.55); }
.lb-sky.is-built .lb-tw__w { opacity: 1; }
.lb-sky.is-built .lb-tw__lit { opacity: 0.55; }
.lb-sky.is-built .lb-tw.is-blink .lb-tw__lit { opacity: 1; transition-delay: 0s; transition-duration: 0.25s; }
.lb-tw__hit { fill: transparent; }

/* المراكز الثلاثة الأولى */
.lb-tw.is-top .lb-tw__o { stroke: var(--dh-gold-light); }
.lb-tw.is-top .lb-tw__f { fill: #1f3a2f; }
.lb-tw.is-top .lb-tw__w { fill: var(--dh-gold-light); filter: drop-shadow(0 0 4px rgba(242, 210, 127, 0.6)); }
.lb-sky.is-built .lb-tw.is-top .lb-tw__lit { opacity: 0; }
/* أنت */
.lb-tw.is-me .lb-tw__o { stroke: #fff; }
.lb-tw.is-me .lb-tw__f { fill: #1a3b3b; }
/* المرور */
.lb-tw.is-hover .lb-tw__o { stroke: var(--dh-gold); }
.lb-tw.is-hover .lb-tw__f { fill: #33432f; }
.lb-tw.is-hover .lb-tw__w { fill: var(--dh-gold-light); }
.lb-sky.has-hover .lb-tw:not(.is-hover):not(.is-top) .lb-tw__o { stroke: rgba(217, 235, 235, 0.45); }

/* علم البطل */
.lb-flag { transform-box: fill-box; transform-origin: left center; }
.lb-sky.is-built .lb-flag { animation: lb-wave 2.6s ease-in-out infinite 2s; }
.lb-flag path { fill: var(--dh-gold); stroke: none; }
@keyframes lb-wave {
  0%, 100% { transform: skewY(0deg) scaleX(1); }
  50% { transform: skewY(-7deg) scaleX(0.9); }
}

/* علامة "أنت" */
.lb-sky .lb-you path { fill: #fff; }
.lb-sky .lb-you text { fill: #fff; font-family: Cairo, sans-serif; font-weight: 800; font-size: 11px; }
.lb-sky.is-built .lb-you { animation: lb-bob 2.2s ease-in-out infinite 2.2s; }
@keyframes lb-bob { 50% { transform: translateY(-4px); } }

/* خط القياس */
.lb-dim { opacity: 0; transition: opacity 0.5s ease 1.6s; pointer-events: none; }
.lb-sky.is-built .lb-dim { opacity: 1; }
.lb-dim line { stroke: var(--dh-gold-light); stroke-width: 1; }
.lb-dim .lb-dim__ext { stroke: rgba(242, 210, 127, 0.4); stroke-dasharray: 2 3; }

/* بطاقة الاسم فوق البرج */
.lb-tip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid rgba(242, 210, 127, 0.55);
  background: rgba(10, 33, 33, 0.92);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-size: 0.85rem;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(var(--tx, 0), var(--ty, 0), 0) translate(-50%, calc(-100% - 12px));
  transition: opacity 0.4s ease;
  will-change: transform;
}
.lb-tip.is-on { opacity: 1; }
.lb-tip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: rgba(242, 210, 127, 0.55);
}
.lb-tip__rank { font-size: 0.75rem; color: var(--dh-gold-light); }
.lb-tip b { font-weight: 800; color: #fff; }
.lb-tip__pts { color: rgba(217, 235, 235, 0.7); font-size: 0.8rem; }
.lb-tip__pts .m { color: #fff; }

.lb-city__cap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 1.5rem;
  padding-block: 1rem 1.5rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(217, 235, 235, 0.6);
}
.lb-city__cap > span { display: inline-flex; align-items: center; gap: 0.5rem; }
.lb-city__hint { margin-inline-start: auto; color: var(--dh-gold-light); }
.lb-key { display: inline-block; flex: none; }
.lb-key--tower { width: 0.6rem; height: 0.9rem; border: 1.5px solid rgba(217, 235, 235, 0.75); border-bottom: 0; }
.lb-key--lvl { width: 1.1rem; height: 0; border-top: 1px dashed rgba(217, 235, 235, 0.6); }
.lb-key--lit { width: 0.7rem; height: 0.5rem; background: var(--dh-gold-light); box-shadow: 0 0 6px rgba(242, 210, 127, 0.7); }
.lb[data-view="empty"] .lb-city__cap,
.lb[data-view="error"] .lb-city__cap { visibility: hidden; }
/* الزائر: بدل المفتاح، سطر بيشرح القفل */
.lb-city__login { display: none; }
.lb[data-view="guest"] .lb-city__cap > span { display: none; }
.lb[data-view="guest"] .lb-city__login {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-inline: auto;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--dh-gold-light);
  text-decoration: underline;
  text-decoration-color: rgba(242, 210, 127, 0.4);
  text-underline-offset: 5px;
}
.lb-city__login svg { width: 1rem; height: 1rem; transition: transform 0.35s var(--dh-ease); }
.lb-city__login:hover svg { transform: translateX(-4px); }
.lb-preview {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  padding: 0.45rem 0.85rem;
  border: 1px dashed var(--dh-gold);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--dh-gold-600);
}
.lb-preview[hidden] { display: none; }
.lb-preview svg { width: 1rem; height: 1rem; }

/* سقالات التحميل / مدينة الزائر */
.lb-sky .lb-ghost rect {
  fill: none;
  stroke: rgba(217, 235, 235, 0.22);
  stroke-width: 1;
  stroke-dasharray: 4 4;
}
.lb-sky .lb-ghost.is-pulse rect { animation: lb-ghost 1.8s ease-in-out infinite; animation-delay: var(--d, 0s); }
@keyframes lb-ghost { 50% { stroke: rgba(217, 235, 235, 0.45); } }
.lb-sky .lb-ghost text { font-family: Cairo, sans-serif; font-size: 12px; font-weight: 700; fill: rgba(217, 235, 235, 0.45); opacity: 1; }
.lb-sky .lb-ghost .lb-lock { fill: none; stroke: var(--dh-gold-light); stroke-width: 1.6; }
.lb-sky .lb-ghost text.lb-lock__txt { fill: var(--dh-gold-light); font-size: 13px; }
.lb-sky.is-built .lb-ghost .lb-lockg { animation: lb-bob 2.4s ease-in-out infinite 1s; }

/* =====================================================================
   H-02 المتصدرون الثلاثة
   ===================================================================== */
.lb-top { padding-block: clamp(4.5rem, 9vw, 7rem) clamp(2rem, 5vw, 4rem); }
.lb-top .ds-title em,
.lb-reg .ds-title em,
.lb-how .ds-title em,
.lb-state .ds-title em {
  font-style: normal;
  color: transparent;
  background:
    linear-gradient(135deg, var(--dh-gold), var(--dh-gold-600)) no-repeat right / 0% 100%,
    var(--dh-teal);
  -webkit-background-clip: text;
  background-clip: text;
  transition: background-size 1.4s var(--dh-ease-io) 0.6s;
}
.is-visible .ds-title em { background-size: 100% 100%; }

.lb-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: clamp(0.6rem, 3vw, 3rem);
  max-width: 64rem;
  margin-inline: auto;
}
.lb-podium--1 { grid-template-columns: minmax(0, 22rem); justify-content: center; }
.lb-podium--2 { grid-template-columns: repeat(2, minmax(0, 20rem)); justify-content: center; }
.lb-pod { position: relative; display: flex; flex-direction: column; min-width: 0; }

/* البرج */
.lb-pod__stage {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: calc(var(--max, 12) * var(--lb-fh) + 4.5rem);
}
.lb-pod__tower {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 62%;
}
.lb-pod--r1 .lb-pod__tower { width: 70%; }
.lb-pod__roof { position: relative; display: block; width: 100%; height: 3.5rem; }
.lb-pod__roof svg {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: var(--dh-teal);
  opacity: 0;
  transform: translateY(var(--roof-y, 0));
  transition: opacity 0.4s ease, transform 0.8s var(--dh-ease);
}
.lb-pod.is-topped .lb-pod__roof svg { opacity: 1; }
.lb-pod__roof .pole { stroke: currentColor; stroke-width: 2; }
.lb-pod__roof .pen { fill: var(--dh-gold); transform-box: fill-box; transform-origin: left center; }
.lb-pod.is-topped .lb-pod__roof .pen { animation: lb-wave 2.6s ease-in-out infinite; }
.lb-pod__roof .ant { stroke: currentColor; stroke-width: 1.5; fill: none; }
.lb-pod__floors {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
.lb-pod__floors i {
  position: relative;
  display: block;
  height: var(--lb-fh);
  border: 2px solid var(--dh-teal);
  border-bottom: 0;
  background: var(--dh-paper);
  opacity: 0;
  transform: translateY(-1.25rem);
  transition: opacity 0.3s ease, transform 0.45s var(--dh-ease);
}
.lb-pod__floors i.is-on { opacity: 1; transform: none; }
/* النوافذ */
.lb-pod__floors i::before {
  content: "";
  position: absolute;
  inset: 26% 10%;
  background: repeating-linear-gradient(90deg, var(--lb-win, var(--dh-teal-100)) 0 0.7rem, transparent 0.7rem 1.15rem);
  transition: filter 0.4s ease;
}
.lb-pod--r1 { --lb-win: var(--dh-gold-light); }
.lb-pod--r1 .lb-pod__floors i { border-color: var(--dh-ink); }
.lb-pod--r1 .lb-pod__floors i::before { filter: drop-shadow(0 0 3px rgba(217, 169, 63, 0.6)); }
.lb-pod--r3 .lb-pod__floors i { border-color: var(--dh-teal-600); }
.lb-pod:hover { --lb-win: var(--dh-gold-light); }
.lb-pod:hover .lb-pod__floors i::before { filter: drop-shadow(0 0 3px rgba(217, 169, 63, 0.6)); }

/* خط القياس جنب البرج */
.lb-pod__dim {
  position: absolute;
  bottom: 0;
  inset-inline-end: -1.1rem;
  width: 0.6rem;
  height: calc(var(--built, 0) * var(--lb-fh));
  border-inline-start: 1px solid var(--dh-gold);
  transition: height 0.45s var(--dh-ease);
}
.lb-pod__dim::before,
.lb-pod__dim::after {
  content: "";
  position: absolute;
  inset-inline-start: -0.35rem;
  width: 0.6rem;
  border-top: 1px solid var(--dh-gold);
  transform: rotate(-45deg);
}
.lb-pod__dim::before { top: 0; }
.lb-pod__dim::after { bottom: 0; }
.lb-pod__lbl {
  position: absolute;
  top: -1.6rem;
  inset-inline-start: -0.35rem;
  font-size: 0.75rem;
  color: var(--dh-gold-600);
  white-space: nowrap;
  direction: ltr;
}

/* القاعدة */
.lb-pod__base {
  position: relative;
  display: grid;
  place-items: center;
  height: 3.2rem;
  border: 2px solid var(--dh-teal);
  background:
    repeating-linear-gradient(-45deg, rgba(20, 57, 57, 0.12) 0 1px, transparent 1px 7px),
    var(--dh-teal-50);
}
.lb-pod--r1 .lb-pod__base { height: 4.4rem; border-color: var(--dh-ink); border-top: 4px solid var(--dh-gold); }
.lb-pod__base b {
  padding: 0.1rem 0.6rem;
  background: var(--dh-paper);
  border: 1px solid var(--dh-line-2);
  font-size: 1.1rem;
  color: var(--dh-teal);
}
.lb-pod--r1 .lb-pod__base b { font-size: 1.5rem; color: var(--dh-gold-600); border-color: var(--dh-gold); }

/* خانة العنوان */
.lb-pod__tb {
  border: 1px solid var(--dh-line-2);
  border-top: 0;
  background: var(--dh-paper);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.8s var(--dh-ease), border-color 0.35s ease, box-shadow 0.4s ease;
}
.lb-pod.is-done .lb-pod__tb { opacity: 1; transform: none; }
.lb-pod:hover .lb-pod__tb { border-color: var(--dh-teal); box-shadow: 0 20px 36px -26px rgba(5, 20, 20, 0.5); }
.lb-pod__champ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.4rem;
  background: linear-gradient(135deg, var(--dh-gold-light), var(--dh-gold));
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--dh-ink);
}
.lb-pod__champ svg { width: 1.05rem; height: 1.05rem; }
.lb-pod__who {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--dh-line-2);
  min-width: 0;
}
.lb-pod__who b {
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.4;
  color: var(--dh-ink);
  min-width: 0;
  overflow-wrap: anywhere;
}
.lb-pod--r1 .lb-pod__who b { font-size: 1.25rem; }
.lb-pod__tb dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lb-pod__tb dl > div { padding: 0.6rem 1rem; min-width: 0; }
.lb-pod__tb dl > div + div { border-inline-start: 1px solid var(--dh-line-2); }
.lb-pod__tb dt { font-size: 0.7rem; font-weight: 600; color: var(--dh-muted); }
.lb-pod__tb dd { margin-top: 0.15rem; font-size: 1rem; color: var(--dh-teal); white-space: nowrap; }
.lb-pod--r1 .lb-pod__tb dd.lb-pod__pts { color: var(--dh-gold-600); font-size: 1.2rem; }
.lb-pod__tb dd small { font-family: Cairo, sans-serif; font-size: 0.72rem; font-weight: 700; color: var(--dh-muted); margin-inline-start: 0.25rem; }
.lb-pod.is-me .lb-pod__tb { border-color: var(--dh-gold); }

/* حرف الاسم */
.lb-mono {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--dh-line-2);
  background: var(--dh-teal-50);
  font-size: 1rem;
  font-weight: 800;
  color: var(--dh-teal);
}
.lb-pod--r1 .lb-mono { background: var(--dh-ink); border-color: var(--dh-ink); color: var(--dh-gold-light); }
.lb-you-chip {
  display: inline-block;
  margin-inline-start: 0.45rem;
  padding: 0.05rem 0.45rem;
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--dh-ink);
  background: linear-gradient(135deg, var(--dh-gold-light), var(--dh-gold));
  vertical-align: 0.15em;
  white-space: nowrap;
}

/* أبراج التحميل */
.lb-pod--ghost .lb-pod__tower {
  margin-inline: auto;
  width: 60%;
  border: 1px dashed var(--dh-line-2);
  border-bottom: 0;
  animation: lb-pulse 1.6s ease-in-out infinite;
}
.lb-pod--ghost:nth-child(1) .lb-pod__tower { height: 10rem; }
.lb-pod--ghost:nth-child(2) .lb-pod__tower { height: 14rem; }
.lb-pod--ghost:nth-child(3) .lb-pod__tower { height: 8rem; }
.lb-pod--ghost .lb-pod__base { border-style: dashed; border-color: var(--dh-line-2); }
@keyframes lb-pulse { 50% { border-color: rgba(20, 57, 57, 0.4); } }

/* =====================================================================
   H-03 جدول الترتيب
   ===================================================================== */
.lb-reg { padding-block: clamp(3rem, 6vw, 5rem) clamp(4.5rem, 9vw, 7rem); }
.lb-reg[hidden] { display: none !important; }
.lb-reg__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2rem;
  margin-bottom: 2rem;
}
.lb-reg__head .ds-head { flex: 1 1 20rem; margin-bottom: 0; }
.lb-search {
  position: relative;
  display: flex;
  align-items: center;
  width: min(100%, 20rem);
  height: 3rem;
  border: 1px solid var(--dh-line-2);
  background: var(--dh-paper);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.lb-search:focus-within { border-color: var(--dh-teal); box-shadow: 0 0 0 3px rgba(217, 169, 63, 0.25); }
.lb-search svg { position: absolute; inset-inline-start: 0.9rem; width: 1.1rem; height: 1.1rem; color: var(--dh-muted); pointer-events: none; }
.lb-search input {
  width: 100%;
  height: 100%;
  padding-inline: 2.6rem 2.4rem;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 0.95rem;
  color: var(--dh-text);
}
.lb-search input::-webkit-search-cancel-button { display: none; }
.lb-search__x {
  position: absolute;
  inset-inline-end: 0.5rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  color: var(--dh-muted);
  cursor: pointer;
}
.lb-search__x[hidden] { display: none; }
.lb-search__x:hover { color: var(--dh-teal); }

.lb-table { border-top: 2px solid var(--dh-teal); }
.lb-thead,
.lb-row {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1.25fr) minmax(0, 1fr) 6.5rem 5rem;
  align-items: center;
  column-gap: 1.5rem;
}
.lb-thead {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--dh-line-2);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--dh-muted);
}
.lb-thead span:nth-child(4), .lb-thead span:nth-child(5) { text-align: end; }
.lb-li { border-bottom: 1px solid var(--dh-line-2); }
.lb-row {
  position: relative;
  padding: 1rem;
  isolation: isolate;
  color: var(--dh-text);
}
.lb-row::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--dh-teal-50);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.55s var(--dh-ease);
}
.lb-row::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--dh-gold);
  transform: scaleY(0);
  transition: transform 0.45s var(--dh-ease);
}
.lb-row:hover::before { transform: none; }
.lb-row:hover::after, .lb-row.is-me::after { transform: none; }
.lb-row.is-me { background: rgba(242, 210, 127, 0.14); }
.lb-row.is-flash, .lb-pod__tb.is-flash { animation: lb-flash 1.6s ease 2; }
@keyframes lb-flash { 50% { background: rgba(242, 210, 127, 0.45); } }

.lb-row__no { font-size: 0.95rem; color: var(--dh-muted); transition: color 0.3s ease; }
.lb-row:hover .lb-row__no, .lb-row.is-me .lb-row__no { color: var(--dh-gold-600); }
.lb-row__who { display: flex; align-items: center; gap: 0.85rem; min-width: 0; }
.lb-row__who b {
  min-width: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--dh-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: transform 0.5s var(--dh-ease);
}
.lb-row:hover .lb-row__who b { transform: translateX(-5px); }
.lb-row__who .lb-mono { width: 2.4rem; height: 2.4rem; }

/* شريط المقياس */
.lb-row__bar {
  position: relative;
  display: block;
  height: 0.75rem;
  border: 1px solid var(--dh-line-2);
  background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), var(--dh-line-2) calc(10% - 1px) 10%);
}
.lb-row__bar i {
  position: absolute;
  inset-block: -1px;
  inset-inline-start: -1px;
  width: calc(var(--w, 0) * 100% + 1px);
  background: var(--dh-teal);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s var(--dh-ease);
  transition-delay: calc(var(--i, 0) * 60ms + 150ms);
}
.lb-row__bar i::after {
  content: "";
  position: absolute;
  inset-block: -3px;
  inset-inline-end: -1px;
  width: 3px;
  background: var(--dh-gold);
}
.lb-li.is-in .lb-row__bar i { transform: none; }
.lb-row.is-me .lb-row__bar i { background: var(--dh-gold-600); }
.lb-row__bar .lb-skel { height: 100%; }
.lb-row__pts { justify-self: end; font-size: 1.05rem; color: var(--dh-teal); white-space: nowrap; }
.lb-row__gap { justify-self: end; font-size: 0.82rem; color: var(--dh-muted); white-space: nowrap; direction: ltr; }
mark.lb-hl { background: rgba(242, 210, 127, 0.55); color: inherit; padding-inline: 1px; }

.lb-li { opacity: 0; transform: translateY(12px); transition: opacity 0.6s ease, transform 0.8s var(--dh-ease); transition-delay: calc(var(--i, 0) * 60ms); }
.lb-li.is-in, .lb-list.is-skel .lb-li { opacity: 1; transform: none; }

.lb-none { padding: 3rem 1rem; text-align: center; color: var(--dh-muted); border-bottom: 1px solid var(--dh-line-2); }
.lb-none[hidden] { display: none; }
.lb-none b { display: block; margin-bottom: 0.4rem; font-size: 1.15rem; color: var(--dh-ink); }
.lb-none button { margin-top: 1rem; font-weight: 700; color: var(--dh-teal); text-decoration: underline; text-decoration-color: var(--dh-gold); text-underline-offset: 4px; cursor: pointer; }
.lb-more { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; margin-top: 2rem; font-size: 0.85rem; color: var(--dh-muted); }
.lb-more button[hidden] { display: none; }
.lb-search__x:focus-visible, .lb-none button:focus-visible { outline: 2px solid var(--dh-gold); outline-offset: 2px; }

/* =====================================================================
   H-04 مكانك
   ===================================================================== */
.lb-me {
  position: fixed;
  z-index: 45;
  inset-inline: 0;
  bottom: max(0.75rem, env(safe-area-inset-bottom));
  display: flex;
  justify-content: center;
  padding-inline: 0.75rem;
  pointer-events: none;
  transform: translateY(calc(100% + 1.5rem));
  transition: transform 0.6s var(--dh-ease);
}
.lb-me[hidden] { display: none; }
.lb-me.is-on { transform: none; }
.lb-me__in {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  width: min(100%, 60rem);
  padding: 0.6rem 0.75rem 0.6rem 0.6rem;
  padding-inline-start: 1rem;
  border: 1px solid rgba(242, 210, 127, 0.4);
  background: rgba(14, 43, 43, 0.95);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  box-shadow: 0 24px 50px -20px rgba(0, 0, 0, 0.6);
  pointer-events: auto;
}
.lb-me__code { font-size: 0.7rem; color: var(--dh-gold-light); padding-inline-end: 1rem; border-inline-end: 1px solid rgba(217, 235, 235, 0.16); }
.lb-me__rank, .lb-me__pts { display: flex; flex-direction: column; line-height: 1.2; white-space: nowrap; }
.lb-me__rank small, .lb-me__pts small { font-size: 0.7rem; font-weight: 600; color: rgba(217, 235, 235, 0.6); }
.lb-me__rank b { font-size: 1.35rem; color: var(--dh-gold-light); }
.lb-me__pts { flex-direction: column-reverse; }
.lb-me__pts b { font-size: 1.1rem; }
.lb-me__next { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.lb-me__txt { font-size: 0.85rem; color: rgba(217, 235, 235, 0.85); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb-me__txt b { color: #fff; }
.lb-me__bar { position: relative; height: 4px; background: rgba(217, 235, 235, 0.15); }
.lb-me__bar i {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: calc(var(--p, 0) * 100%);
  background: linear-gradient(90deg, var(--dh-gold), var(--dh-gold-light));
  transition: width 1.2s var(--dh-ease) 0.3s;
}
.lb-me__go {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  height: 2.6rem;
  padding-inline: 1rem;
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--dh-ink);
  background: linear-gradient(135deg, var(--dh-gold-light), var(--dh-gold));
  white-space: nowrap;
  cursor: pointer;
}
.lb-me__go[hidden] { display: none; }
.lb-me__go svg { width: 1rem; height: 1rem; }
.lb-me__x { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; color: rgba(217, 235, 235, 0.6); cursor: pointer; }
.lb-me__x:hover { color: #fff; }
.lb-me__go:focus-visible, .lb-me__x:focus-visible { outline: 2px solid var(--dh-gold-light); outline-offset: 2px; }

/* =====================================================================
   الحالات: فاضي / زائر / خطأ
   ===================================================================== */
.lb-state { padding-block: clamp(4.5rem, 9vw, 7rem); }
.lb-state__in { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 1024px) {
  .lb-state__in { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 6vw, 6rem); }
}
.lb-state__btns { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }

/* قطعة الأرض */
.lb-plot { position: relative; max-width: 30rem; width: 100%; margin-inline: auto; }
.lb-plot svg { display: block; width: 100%; height: auto; direction: ltr; overflow: visible; color: var(--dh-teal); }
.lb-plot .l, .lb-how .l {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 1.4s var(--dh-ease-io);
  transition-delay: calc(0.2s + var(--d, 0s) + var(--s, 0) * 0.35s);
}
.lb-plot .w, .lb-how .w { stroke-width: 2.2; }
.lb-plot .t, .lb-how .t { stroke-width: 0.9; opacity: 0.5; }
.lb-plot .g, .lb-how .g { stroke: var(--dh-gold); }
.lb-plot .l.k, .lb-how .l.k { stroke-dasharray: 5 5; stroke-dashoffset: 0; opacity: 0; transition: opacity 0.8s ease; transition-delay: calc(0.2s + var(--d, 0s) + var(--s, 0) * 0.35s); }
.is-visible.lb-plot .l, .is-visible .lb-step__art .l { stroke-dashoffset: 0; }
.is-visible.lb-plot .l.k, .is-visible .lb-step__art .l.k { opacity: 0.8; }
.lb-plot text, .lb-how text { font-family: var(--dh-mono); font-size: 11px; fill: var(--dh-muted); }
.lb-how text.g { fill: var(--dh-gold-600); font-weight: 500; }
.lb-plot .lb-plot__q { font-family: Cairo, sans-serif; font-size: 64px; font-weight: 900; fill: var(--dh-gold); opacity: 0; transition: opacity 1s ease 1.2s; }
.is-visible.lb-plot .lb-plot__q { opacity: 0.85; animation: lb-bob 2.4s ease-in-out infinite 2.2s; }
.lb-sign {
  position: absolute;
  top: 8%;
  inset-inline-start: 0;
  min-width: 9.5rem;
  border: 2px solid var(--dh-ink);
  background: var(--dh-ink);
  color: #fff;
  transform-origin: 50% 0;
  box-shadow: 0 18px 30px -18px rgba(5, 20, 20, 0.6);
}
.is-visible.lb-plot .lb-sign { animation: lb-swing 2.4s var(--dh-ease) 0.4s both; }
@keyframes lb-swing {
  0% { transform: rotate(-5deg); }
  35% { transform: rotate(2.5deg); }
  65% { transform: rotate(-1deg); }
  100% { transform: none; }
}
.lb-sign__head { display: flex; justify-content: space-between; gap: 1rem; padding: 0.45rem 0.75rem; border-bottom: 1px solid rgba(217, 235, 235, 0.16); font-size: 0.72rem; font-weight: 700; color: rgba(217, 235, 235, 0.65); }
.lb-sign__head b { color: var(--dh-gold-light); }
.lb-sign p { padding: 0.55rem 0.75rem; font-size: 0.95rem; font-weight: 800; }

/* سور الورشة (زائر) */
.lb-gate { position: relative; max-width: 30rem; width: 100%; margin-inline: auto; padding-top: 1.1rem; }
.lb-gate__fence { display: grid; grid-template-columns: 1fr 1.1fr 1fr; height: 15rem; }
.lb-gate__panel {
  position: relative;
  border: 2px solid var(--dh-teal);
  border-bottom: 0;
  background:
    linear-gradient(var(--dh-gold) 0 0) top / 100% 0.9rem no-repeat,
    repeating-linear-gradient(90deg, var(--dh-teal-50) 0 2.4rem, #fff 2.4rem 2.5rem);
  transform: translateY(1.5rem);
  opacity: 0;
  transition: transform 1s var(--dh-ease), opacity 0.6s ease;
}
.lb-gate__panel::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 0.9rem;
  background: repeating-linear-gradient(-45deg, var(--dh-gold) 0 10px, var(--dh-ink) 10px 20px);
}
.lb-gate__panel:last-child { transition-delay: 0.15s; }
.lb-gate__door {
  position: relative;
  display: grid;
  place-items: center;
  margin-top: 1.4rem;
  border: 2px solid var(--dh-ink);
  border-bottom: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 1.3rem, rgba(20, 57, 57, 0.25) 1.3rem calc(1.3rem + 2px)),
    var(--dh-paper);
  transform: scaleY(0.2);
  transform-origin: bottom;
  opacity: 0;
  transition: transform 1s var(--dh-ease) 0.3s, opacity 0.5s ease 0.3s;
}
.lb-gate__lock {
  display: grid;
  place-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border: 2px solid var(--dh-gold);
  background: var(--dh-ink);
  color: var(--dh-gold-light);
  transform: translateY(-2rem);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1s, opacity 0.4s ease 1s;
}
.lb-gate__lock svg { width: 1.7rem; height: 1.7rem; }
.lb-gate.is-visible .lb-gate__panel, .lb-gate.is-visible .lb-gate__door { transform: none; opacity: 1; }
.lb-gate.is-visible .lb-gate__lock { transform: none; opacity: 1; }
.lb-gate.is-visible .lb-gate__lock svg { animation: lb-jiggle 3.5s ease-in-out infinite 2.2s; }
@keyframes lb-jiggle {
  0%, 82%, 100% { transform: none; }
  86% { transform: rotate(-12deg); }
  90% { transform: rotate(10deg); }
  94% { transform: rotate(-6deg); }
}
.lb-gate__ground { height: 2px; background: var(--dh-teal); margin-inline: -6%; }
.lb-gate__ground + .lb-gate__tag { margin-top: 0.9rem; }
.lb-gate__tag { display: flex; justify-content: center; gap: 0.6rem; font-size: 0.82rem; font-weight: 700; color: var(--dh-muted); }
.lb-gate__tag b { color: var(--dh-gold-600); }

.lb-error { padding-block: clamp(4.5rem, 9vw, 7rem); text-align: center; }
.lb-error h2 { font-size: 1.6rem; font-weight: 800; color: var(--dh-ink); }
.lb-error p { margin-top: 0.6rem; color: var(--dh-muted); }
.lb-error .ds-btn { margin-top: 1.5rem; }

/* =====================================================================
   H-05 كيف ترتفع بنايتك
   ===================================================================== */
.lb-how { padding-block: clamp(4.5rem, 9vw, 7rem); border-top: 1px solid var(--dh-line); }
.lb-steps { position: relative; display: grid; gap: 1.5rem; counter-reset: none; }
@media (min-width: 900px) {
  .lb-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
}
.lb-step {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--dh-line-2);
  background: var(--dh-paper);
  transition: border-color 0.35s ease, box-shadow 0.45s ease, transform 0.5s var(--dh-ease);
}
@media (min-width: 900px) {
  .lb-step + .lb-step { border-inline-start: 0; }
}
.lb-step:hover { border-color: var(--dh-teal); box-shadow: 0 24px 40px -28px rgba(5, 20, 20, 0.45); transform: translateY(-4px); z-index: 1; }
.lb-step__art {
  display: block;
  width: 100%;
  height: auto;
  padding: 1rem 1.5rem 0;
  direction: ltr;
  overflow: visible;
  color: var(--dh-teal);
  border-bottom: 1px solid var(--dh-line-2);
  background:
    linear-gradient(rgba(20, 57, 57, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 57, 57, 0.045) 1px, transparent 1px);
  background-size: 16px 16px;
}
.lb-how .lb-win {
  fill: var(--dh-gold-light);
  stroke: var(--dh-gold);
  stroke-width: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: calc(0.4s + var(--d, 0s) + var(--s, 0) * 0.35s);
}
.lb-step.is-visible .lb-win { opacity: 1; }
.lb-step__body { padding: 1.25rem 1.5rem 1.6rem; }
.lb-step__no { display: inline-flex; align-items: center; gap: 0.6rem; font-size: 0.8rem; font-weight: 700; color: var(--dh-muted); }
.lb-step__no b { color: var(--dh-gold-600); padding-inline-end: 0.6rem; border-inline-end: 1px solid var(--dh-line-2); }
.lb-step h3 { margin-top: 0.6rem; font-size: 1.3rem; font-weight: 900; color: var(--dh-ink); }
.lb-step p { margin-top: 0.5rem; font-size: 0.98rem; line-height: 1.85; color: var(--dh-muted); }
.lb-step { opacity: 0; transform: translateY(16px); transition: opacity 0.8s ease, transform 1s var(--dh-ease), border-color 0.35s ease, box-shadow 0.45s ease; transition-delay: calc(var(--s, 0) * 0.15s), calc(var(--s, 0) * 0.15s), 0s, 0s; }
.lb-step.is-visible { opacity: 1; transform: none; }
.lb-step.is-visible:hover { transform: translateY(-4px); }

.lb-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 2rem;
  font-size: 0.92rem;
  color: var(--dh-muted);
  text-align: center;
}
.lb-note b { color: var(--dh-teal); font-weight: 800; }
.lb-pt { width: 1rem; height: 1rem; flex: none; color: var(--dh-gold); }

[data-user-only][hidden], [data-guest-only][hidden] { display: none; }

/* =====================================================================
   موبايل
   ===================================================================== */
@media (max-width: 899px) {
  .lb-thead { display: none; }
  .lb-row {
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    grid-template-areas:
      "no who pts"
      "no bar gap";
    row-gap: 0.55rem;
    column-gap: 0.85rem;
    padding: 1rem 0.25rem;
  }
  .lb-row__no { grid-area: no; align-self: start; padding-top: 0.6rem; }
  .lb-row__who { grid-area: who; }
  .lb-row__bar { grid-area: bar; height: 0.6rem; }
  .lb-row__pts { grid-area: pts; }
  .lb-row__gap { grid-area: gap; font-size: 0.75rem; }
  .lb-row:hover .lb-row__who b { transform: none; }

  .lb-me__code { display: none; }
  .lb-me__in { gap: 0.8rem; }
}
@media (max-width: 639px) {
  .lb { --lb-fh: 1.05rem; }
  .lb-facts { min-width: 0; }
  .lb-facts > div { padding: 0.7rem 0.75rem; }
  .lb-facts dd { font-size: 1rem; }
  .lb-city__stage { height: 290px; margin-top: 0.5rem; }
  .lb-city__cap { gap: 0.4rem 1rem; }
  .lb-city__cap > span:nth-child(3) { display: none; }
  .lb-city__hint { margin-inline-start: 0; width: 100%; }

  .lb-podium { gap: 0.45rem; }
  .lb-pod__tower, .lb-pod--r1 .lb-pod__tower { width: 78%; }
  .lb-pod__roof { height: 2.6rem; }
  .lb-pod__floors i::before { inset: 26% 12%; background: repeating-linear-gradient(90deg, var(--lb-win, var(--dh-teal-100)) 0 0.45rem, transparent 0.45rem 0.75rem); }
  .lb-pod__lbl { font-size: 0.65rem; }
  .lb-pod__base { height: 2.4rem; }
  .lb-pod--r1 .lb-pod__base { height: 3.2rem; }
  .lb-pod__base b { font-size: 0.9rem; padding-inline: 0.4rem; }
  .lb-pod--r1 .lb-pod__base b { font-size: 1.1rem; }
  .lb-pod__who { flex-direction: column; align-items: flex-start; gap: 0.45rem; padding: 0.65rem 0.6rem; }
  .lb-pod__who b, .lb-pod--r1 .lb-pod__who b { font-size: 0.88rem; }
  .lb-pod .lb-mono { width: 1.9rem; height: 1.9rem; font-size: 0.85rem; }
  .lb-pod__tb dl { grid-template-columns: 1fr; }
  .lb-pod__tb dl > div { padding: 0.45rem 0.6rem; }
  .lb-pod__tb dl > div + div { display: none; }
  .lb-pod__tb dd, .lb-pod--r1 .lb-pod__tb dd.lb-pod__pts { font-size: 0.9rem; }
  .lb-pod__champ { font-size: 0.7rem; padding: 0.3rem; }
  .lb-pod__champ span { display: none; }

  .lb-reg__head { align-items: stretch; }
  .lb-search { width: 100%; }

  .lb-me__in { flex-wrap: wrap; row-gap: 0.5rem; padding: 0.6rem 0.75rem; }
  .lb-me__next { order: 5; flex: 1 1 100%; }
  .lb-me__go { margin-inline-start: auto; height: 2.3rem; padding-inline: 0.8rem; font-size: 0.8rem; }
  .lb-me__rank b { font-size: 1.15rem; }
  .lb-state__btns .ds-btn { flex: 1 1 auto; }
}
/* مكان للشريط تحت */
.lb.has-me .ft__wrap { padding-bottom: 6rem; }

/* =====================================================================
   تقليل الحركة
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  .lb-up, .lb-title em, .ds-title em, .lb-sky .l, .lb-sky text, .lb-sky .lb-lvl line, .lb-tw__f, .lb-tw__w, .lb-tw__lit, .lb-dim,
  .lb-tip, .lb-pod__floors i, .lb-pod__roof svg, .lb-pod__dim, .lb-pod__tb, .lb-row::before, .lb-row::after, .lb-row__who b,
  .lb-row__bar i, .lb-li, .lb-me, .lb-me__bar i, .lb-plot .l, .lb-how .l, .lb-how .lb-win, .lb-plot__q, .lb-gate__panel,
  .lb-gate__door, .lb-gate__lock, .lb-step {
    transition: none !important;
    animation: none !important;
  }
  .lb-up, .lb-li, .lb-step { opacity: 1; transform: none; }
  .lb-title em, .ds-title em { background-size: 100% 100%; }
  .lb-sky .l, .lb-plot .l, .lb-how .l { stroke-dashoffset: 0; }
  .lb-sky .lb-lvl line { transform: none; }
  .lb-flag, .lb-you, .lb-lockg, .lb-pod__roof .pen, .lb-sign, .lb-skel, .lb-pod--ghost .lb-pod__tower, .lb-sky .lb-ghost rect, .lb-row.is-flash, .lb-gate__lock svg { animation: none !important; }
}