/* لبّيك — طبقة الوضوح: أزرار بديهيّة، رماديّ لما لا يُضغط، عصا شفّافة */

/* ---------- لوحة المهمّة: زرّان واضحان، بلا عصا داخلها ---------- */
#v2Mission .v2-control{display:none!important}
#v2Mission{padding-bottom:78px!important}
/* صفّ واحد أسفل اللوحة: «وجّهني» يميناً، وزرّ العمل يأخذ الباقي */
#v2Mission .v2-mission-actions{position:absolute!important;left:14px;right:14px;bottom:13px;display:flex!important;flex-direction:row;gap:8px;direction:rtl;align-items:stretch;grid-area:auto}
#v2Mission #act,#v2Mission .hj-act-wait,#v2Mission #v2Assist{position:static!important;inset:auto!important;transform:none!important;margin:0!important;height:54px;min-height:54px;border-radius:14px;font-weight:900;line-height:1.3;pointer-events:auto}
#v2Mission #act,#v2Mission .hj-act-wait{flex:1;width:auto!important;max-width:none!important;font-size:.9rem;padding:6px 12px}
#v2Mission #act{box-shadow:0 6px 18px #c99a1233}
#v2Mission #act:not(.on){display:none!important}
.hj-act-wait{background:#EEF1EE;color:#7B877F;border:1px dashed #C7D3CA;cursor:not-allowed;display:block}
.hj-act-wait[hidden]{display:none!important}
#v2Mission #v2Assist{order:-1;flex:none;width:124px!important;min-width:124px;display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:.86rem}
#v2Assist svg{width:20px;height:20px;flex:none}
#v2Assist[aria-pressed=true]{background:var(--brand-green)!important;color:#fff!important;border-color:var(--brand-green)!important}
/* ما لا يُضغط يبدو غير قابل للضغط — لا يُضيّع اللاعب */
button:disabled,#v2Assist:disabled{opacity:.42;filter:grayscale(1);cursor:not-allowed!important}

/* ---------- عصا التحكّم: دائرة شفّافة في متناول الإبهام الأيمن (يد واحدة) ---------- */
#v2Joystick.hj-joy{position:fixed!important;right:22px;left:auto!important;bottom:calc(150px + env(safe-area-inset-bottom));width:118px!important;height:118px!important;z-index:12;border-radius:50%;
  background:rgba(255,255,255,.16)!important;border:2px solid rgba(255,255,255,.55)!important;box-shadow:0 4px 18px rgba(0,0,0,.12);backdrop-filter:blur(2px);
  display:grid;place-items:center;touch-action:none;pointer-events:auto;cursor:grab}
#v2Joystick.hj-joy::before,#v2Joystick.hj-joy::after{display:none}
#v2Joystick.hj-joy #v2JoyKnob{width:48px!important;height:48px!important;background:rgba(255,255,255,.55)!important;border:2px solid rgba(255,255,255,.85)!important;box-shadow:0 2px 8px rgba(0,0,0,.18)}
#v2Joystick.hj-joy.is-active{background:rgba(255,255,255,.26)!important}
#v2Joystick.hj-joy.unavailable{opacity:.25;pointer-events:none}
#v2Joystick.hj-joy[hidden]{display:none!important}
.hj-joy-tip{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.66rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}
@media (min-width:1000px) and (hover:hover){#v2Joystick.hj-joy{right:32px;bottom:40px}}

/* ---------- «ابدأ الطواف / السعي»: بطاقة أماميّة واضحة ---------- */
.hj-start-big{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(170px + env(safe-area-inset-bottom));z-index:30;display:none;
  min-width:min(330px,88vw);padding:16px 22px;border-radius:22px;background:var(--brand-yellow);color:var(--brand-black);
  box-shadow:0 14px 40px rgba(14,68,41,.35);text-align:center;animation:hjPopC .35s}
.hj-start-big.on{display:block}
@keyframes hjPopC{from{transform:translateX(-50%) scale(.86);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}
.hj-start-big b{display:block;font-size:1.45rem;font-weight:900}
.hj-start-big small{display:block;font-size:.82rem;font-weight:800;opacity:.75;margin-top:3px}

/* ---------- الهرولة ---------- */
.hj-harwala{position:fixed;left:22px;bottom:calc(160px + env(safe-area-inset-bottom));z-index:30;display:none;padding:12px 18px;border-radius:18px;
  background:#1E7C4B;color:#fff;box-shadow:0 10px 26px rgba(14,68,41,.3);text-align:center}
.hj-harwala.on{display:block}
.hj-harwala.active{background:var(--brand-yellow);color:var(--brand-black)}
.hj-harwala b{display:block;font-size:1.15rem;font-weight:900}
.hj-harwala small{display:block;font-size:.66rem;font-weight:700;opacity:.85;max-width:150px}

/* ---------- اختيار المسائل في شاشة التجهيز ---------- */
.hj-qchoice{margin:6px 0 14px}
.hj-qchoice[hidden]{display:none}
.hj-qlabel{display:block;font-weight:800;font-size:.82rem;color:var(--brand-muted);margin-bottom:7px}
.hj-qseg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hj-qseg button{border:1.5px solid var(--brand-line);background:#fff;border-radius:14px;padding:10px 8px;text-align:center;cursor:pointer}
.hj-qseg button b{display:block;font-size:.92rem;color:var(--brand-black)}
.hj-qseg button small{display:block;font-size:.7rem;color:var(--brand-muted);margin-top:2px}
.hj-qseg button.on{border-color:var(--brand-green);background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand-green)}

/* زرّ «أكمل» في صندوق النيّة: قصير وواضح */
#duaX{min-width:160px}

/* ---------- ساعة الوقت: الظهر · الغروب · الليل · الفجر ---------- */
.hj-clock{position:fixed;top:calc(96px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:14;display:flex;align-items:center;gap:8px;
  padding:6px 14px 6px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--brand-black);font-weight:900;font-size:.86rem;
  box-shadow:0 4px 14px rgba(20,58,40,.18);pointer-events:none;white-space:nowrap}
.hj-clock[hidden]{display:none}
.hj-clock svg{width:22px;height:22px}
.hj-clock.night{background:rgba(22,35,58,.92);color:#E8EEF6}
.hj-clock.flash{animation:hjClockIn .6s ease}
@keyframes hjClockIn{0%{transform:translateX(-50%) scale(.8);opacity:0}100%{transform:translateX(-50%) scale(1);opacity:1}}

/* اسم المتكلّم في صندوق الكلام */
.hj-speaker{display:block;font-size:.72rem;font-weight:900;color:var(--brand-green);letter-spacing:0;margin-bottom:6px}

/* ---------- التهنئة الختاميّة ---------- */
.hj-celebrate{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(14,68,41,.82),rgba(8,30,18,.94));overflow:hidden}
.hj-celebrate.on{display:grid}
.hj-cel-card{position:relative;z-index:2;background:#fff;border-radius:28px;padding:28px 26px 24px;text-align:center;max-width:min(420px,88vw);
  border-top:6px solid var(--brand-yellow);box-shadow:0 30px 80px rgba(0,0,0,.35);animation:hjCelIn .7s cubic-bezier(.2,1.3,.4,1)}
@keyframes hjCelIn{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.hj-cel-card img{border-radius:50%;margin-bottom:6px}
.hj-cel-card small{display:block;font-weight:800;color:var(--brand-muted);font-size:.85rem}
.hj-cel-card h1{font-size:2.3rem;font-weight:900;color:var(--brand-deep);margin:4px 0 8px}
.hj-cel-card p{color:var(--brand-black);line-height:1.8;font-size:1rem;margin-bottom:18px}
.hj-cel-card button{width:100%;min-height:56px;border-radius:16px;background:var(--brand-yellow);color:var(--brand-black);font-weight:900;font-size:1.1rem}
.hj-confetti{position:absolute;inset:0;pointer-events:none}
.hj-confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:hjFall linear infinite}
@keyframes hjFall{0%{top:-20px;opacity:1}100%{top:105%;opacity:.8;margin-left:40px}}

/* الجوّال: العصا وزرّا «ابدأ» و«هرول» فوق لوحة المهمّة لا فوقها */
@media (max-width:760px){
  #v2Joystick.hj-joy{bottom:calc(196px + env(safe-area-inset-bottom));width:104px!important;height:104px!important;right:16px}
  .hj-start-big{bottom:calc(214px + env(safe-area-inset-bottom))}
  .hj-harwala{bottom:calc(200px + env(safe-area-inset-bottom));left:16px}
  .hj-clock{top:calc(112px + env(safe-area-inset-top));font-size:.8rem}
}

/* ---------- شاشة البداية المبسّطة ---------- */
#v2HomeButtons{display:grid!important;gap:12px}
#v2HomeButtons #goStart{min-height:96px}
#v2HomeButtons #goStart b{font-size:1.5rem}
#v2HomeButtons #hjGoExpress,#v2HomeButtons > #goPick{min-height:78px}
#v2HomeButtons #goResume{min-height:0;padding:10px 16px;background:#fff!important;color:var(--brand-deep)!important;border:1.5px solid var(--brand-line);box-shadow:none}
#v2HomeButtons #goResume i{display:none}
.hj-book-big{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:12px;border-radius:16px;font-size:1rem!important;font-weight:900}
.hj-more{margin-top:14px}
.hj-more>summary{cursor:pointer;list-style:none;text-align:center;font-weight:800;color:var(--brand-muted);padding:8px;font-size:.92rem}
.hj-more>summary::-webkit-details-marker{display:none}
.hj-more>summary::after{content:' ▾'}
.hj-more[open]>summary::after{content:' ▴'}
.hj-more-body{display:grid;gap:10px;padding-top:6px}
.hj-more-body .player-account{justify-content:center}
.hj-more-links{justify-content:center}
.v2-welcome>.player-account{display:none!important}
#v2HomeButtons #goResume b{color:var(--brand-deep)!important;font-size:1rem}
#v2HomeButtons #goResume .ico{color:var(--brand-deep)}
.hj-kiosk #v2HomeButtons #goResume{display:none!important}   /* المعرض: كلّ زائر يبدأ من جديد */
/* «وجّهني» يختفي داخل الدائرة وأثناء التوجيه، فيبقى زرّ واحد واضح */
#v2Mission #v2Assist[hidden]{display:none!important}

/* ---------- زرّ واحد في اللوحة، وسطر حالة ليس زرّاً ---------- */
#v2Mission #v2Assist:not([hidden]){flex:1;width:auto!important;max-width:none!important;font-size:1.02rem;background:var(--brand-green)!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(30,124,75,.28)}
#v2Mission #v2Assist.complete-laps{background:var(--brand-yellow)!important;color:var(--brand-black)!important}
#v2Mission #v2Assist svg{width:22px;height:22px}
.hj-status{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;color:var(--brand-muted);font-weight:800;font-size:.92rem}
.hj-status[hidden]{display:none!important}
.hj-status::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--brand-green);animation:hjPulse 1.1s ease-in-out infinite}
@keyframes hjPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
/* «وجّهني» في منتصف الشاشة بعد 5 ثوانٍ بلا حركة */
.hj-nudge{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);z-index:26;display:none;flex-direction:column;align-items:center;gap:4px;
  padding:18px 34px 16px;border-radius:26px;background:var(--brand-green);color:#fff;border:3px solid rgba(255,255,255,.85);box-shadow:0 18px 50px rgba(14,68,41,.45);cursor:pointer}
.hj-nudge.on{display:flex;animation:hjNudgeIn .35s ease, hjNudgeBeat 1.8s ease-in-out .4s infinite}
.hj-nudge svg{width:34px;height:34px}
.hj-nudge b{font-size:1.5rem;font-weight:900}
.hj-nudge small{font-size:.78rem;font-weight:700;opacity:.9;white-space:nowrap}
@keyframes hjNudgeIn{from{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes hjNudgeBeat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}
/* لحظة دخول الدائرة: زرّ العمل يسبق تحديث اللوحة — فلا يظهر زرّان ولو لجزء من ثانية */
#v2Mission:has(#act.on) #v2Assist,#v2Mission:has(#act.on) .hj-status{display:none!important}
/* «وجّهني» الأوسط: أصغر، شفّاف قليلاً، وأنعم */
.hj-nudge{padding:11px 22px 10px;border-radius:20px;gap:2px;background:rgba(30,124,75,.74);border:1.5px solid rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(14,68,41,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hj-nudge svg{width:24px;height:24px}
.hj-nudge b{font-size:1.15rem}
.hj-nudge small{font-size:.7rem;opacity:.85}
.hj-nudge.on{animation:hjNudgeIn .45s ease, hjNudgeSoft 2.6s ease-in-out .5s infinite}
@keyframes hjNudgeSoft{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.92}50%{transform:translate(-50%,-50%) scale(1.025);opacity:1}}
/* العصا شفّافة بلا تغبيش: يُرى الحاجّ من خلفها */
#v2Joystick.hj-joy{background:rgba(255,255,255,.1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:rgba(255,255,255,.7)!important}
#v2Joystick.hj-joy #v2JoyKnob{background:rgba(255,255,255,.5)!important}

/* النصائح القصيرة أعلى الشاشة تحت الساعة — لا فوق لوحة المهمّة */
#hint{top:calc(160px + env(safe-area-inset-top))!important;bottom:auto!important}
/* الإيقاف المؤقّت */
.hj-pause-btn svg{width:20px;height:20px}
.hj-pause-btn[hidden]{display:none!important}
.hj-pause{position:fixed;inset:0;z-index:95;display:none;place-items:center;background:rgba(10,30,20,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.hj-pause.on{display:grid}
.hj-pause-card{background:#fff;border-radius:22px;padding:22px 26px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.3);min-width:230px}
.hj-pause-card b{display:block;font-size:1.25rem;font-weight:900;color:var(--brand-deep);margin-bottom:14px}
.hj-pause-card button{width:100%;min-height:52px;border-radius:14px;background:var(--brand-yellow);color:var(--brand-black);font-weight:900;font-size:1.05rem}
#scorePill[hidden]{display:none!important}

/* شريط التقدّم الجديد (يحلّ محلّ #prog وأزرار المحطات) */
#prog,#v2Stages{display:none!important}
.hj-track{display:flex;align-items:center;gap:3px;margin-top:9px;height:24px;direction:rtl}
.hj-track i{flex:1 1 0;min-width:0;height:8px;border-radius:5px;font-style:normal;display:flex;align-items:center;justify-content:center;transition:flex-grow .35s ease}
.hj-track i.todo{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(20,58,40,.08)}
.hj-track i.done{height:16px;background:#2e7d4f;color:#fff;font-size:.58rem;font-weight:900;border-radius:6px}
.hj-track i.cur{flex:0 0 auto;height:24px;padding:0 10px;gap:6px;background:var(--brand-yellow);color:var(--brand-black);border-radius:12px;box-shadow:0 3px 10px rgba(245,195,44,.35);white-space:nowrap}
.hj-track i.cur b{font-size:.74rem;font-weight:900}
.hj-track i.cur small{font-size:.62rem;font-weight:800;opacity:.7}
.hj-track i.gap{margin-right:7px}
.hj-track i.gap.todo,.hj-track i.gap.done{position:relative}

/* ---------- الواجهة: صفّ «أكمل» و«تدرّب»، والحجز بالأخضر الغامق المعتمد ---------- */
#v2HomeButtons .hj-row{display:flex;gap:10px;direction:rtl}
#v2HomeButtons .hj-row .menuBtn{flex:1 1 0;min-width:0;margin:0!important;min-height:58px!important;padding:10px 12px!important;
  background:#fff!important;color:var(--brand-deep)!important;border:1.5px solid var(--brand-line)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;text-align:center}
#v2HomeButtons .hj-row .menuBtn .tx{align-items:center;text-align:center}
#v2HomeButtons .hj-row .menuBtn .tx b{font-size:.9rem!important;color:var(--brand-deep)!important;white-space:normal;line-height:1.35}
#v2HomeButtons .hj-row .menuBtn .tx i,#v2HomeButtons .hj-row .menuBtn .ico{display:none!important}
#v2HomeButtons .hj-row .menuBtn::after{display:none!important}
.hj-book-big{background:var(--brand-deep)!important;color:#fff!important;border:0!important;gap:9px;box-shadow:0 6px 16px rgba(14,68,41,.22)}
.hj-book-big svg{width:21px;height:21px;color:#25D366;flex:none}
/* «خيارات أخرى»: خياران بالمظهر نفسه — لا يبدو أحدهما مختاراً */
.hj-more-body .menuBtn.hj-path{background:#fff!important;border:1.5px solid var(--brand-line)!important;box-shadow:none!important}
#v2HomeButtons .hj-row #goResume b,#v2HomeButtons .hj-row #goPick b{font-size:.9rem!important}
#s_start #hjGoHajj,#s_start #hjGoUmrah{background:#fff!important;border:1.5px solid var(--brand-line)!important;box-shadow:none!important}
#v2HomeButtons .hj-row .menuBtn{padding:8px 6px!important;min-height:52px!important}
#v2HomeButtons .hj-row #goResume b,#v2HomeButtons .hj-row #goPick b{font-size:.8rem!important;white-space:nowrap}
/* النصيحة القصيرة لا تغطّي بطاقة أو نافذة مفتوحة */
body:has(#dua.on) #hint,body:has(.sheet.on) #hint{opacity:0!important;pointer-events:none}

/* لافتة اليوم («5 ذو الحجّة…») تحت الساعة وشريط التقدّم — لا تغطّيهما، والنصيحة القصيرة تنتظرها */
.hj-banner{top:calc(168px + env(safe-area-inset-top))!important}
@media (max-width:760px){.hj-banner{top:calc(176px + env(safe-area-inset-top))!important}}
body:has(#hjBanner.on) #hint{opacity:0!important}

/* ===== تخفيف الواجهة أثناء اللعب (r30): لا تكرار ===== */
/* داخل الدائرة: الزرّ نفسه يقول ما تفعل — لا سطر «وصلت؛ اضغط الزر…» */
#v2Mission:has(#act.on) #v2GoalDetail{display:none}
/* وسم «تنقّل/العمل التالي» بلا فائدة — يبقى «واجب/ركن/الشوط» */
#v2GoalKind.hj-quiet{display:none!important}
/* اسم المحطة مكتوب في الأعلى — شريط التقدّم مقاطع فقط */
.hj-track i.cur{flex:1.9 1 0;height:10px;padding:0;border-radius:5px;box-shadow:0 2px 6px rgba(245,195,44,.35)}
.hj-track i.cur b,.hj-track i.cur small{display:none}
.hj-track i.done{height:10px;font-size:0;border-radius:5px}
.hj-track{height:12px}
/* إرشاد العصا بعد أوّل محطة لا حاجة له */
body.hj-joy-known .hj-joy-tip{display:none}
/* علامة المسافة العائمة لا تزاحم الشريط العلويّ */
#wp.hj-under-hud{opacity:0!important}
/* شاشة النهاية: زرّ واتساب واحد — «احجز مقعدك» يغني عن «تواصل واتساب» */
#s_end:has(#hjCtaWa) #endWa{display:none!important}
/* في الحافلة: لا عصا تحكّم */
#v2Joystick[hidden]{display:none!important}
/* لا زرّ ولا سطر حالة (عمل جارٍ/في الحافلة): اللوحة تنكمش بدل فراغ فارغ */
#v2Mission:not(:has(#act.on)):not(:has(#v2Assist:not([hidden]))):not(:has(#hjStatus:not([hidden]))):not(:has(#hjSkipWalk:not([hidden]))){padding-bottom:14px!important}

/* الدخول التلقائيّ كضيف: لا تومض شاشة التسجيل */
html.hj-autoguest #accountGate{visibility:hidden!important}

/* المسائل: أصفر باهت، والمختار أصفر — ولا شيء مختار مسبقاً */
#hjQChoice .hj-qseg button{background:var(--brand-yellow-tint,#FFF5CF)!important;border:1.5px solid #F0DE9A!important;color:var(--brand-black,#171C19)!important;box-shadow:none!important}
#hjQChoice .hj-qseg button small{color:#6b5a1e!important}
#hjQChoice .hj-qseg button.on{background:var(--brand-yellow,#F5C32C)!important;border-color:#D9A916!important;box-shadow:0 4px 12px rgba(245,195,44,.35)!important}
#hjQChoice.need .hj-qlabel::after{content:' — اختر أوّلاً';color:#b3261e}
#hjQChoice.need .hj-qseg{animation:hjNeed .5s ease 2}
@keyframes hjNeed{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* «الرحلة السريعة» في الصفّ الصغير */
#v2HomeButtons .hj-row #hjGoExpress{min-height:58px!important}
#v2HomeButtons .hj-row #hjGoExpress b{font-size:.9rem!important;color:var(--brand-deep)!important}
@media (max-width:420px){#v2HomeButtons .hj-row #hjGoExpress b{font-size:.8rem!important;white-space:nowrap}}

/* «تخطَّ المشي» — بمكان زرّ العمل */
.hj-skip-walk{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:16px;background:var(--brand-yellow,#F5C32C);color:var(--brand-black,#171C19);font:inherit;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 6px 16px rgba(245,195,44,.3)}
.hj-skip-walk small{font-size:.7rem;font-weight:700;opacity:.75}
.hj-skip-walk[hidden]{display:none!important}
#v2Mission:has(#hjSkipWalk:not([hidden])) #hjStatus{display:none}

/* آيباد بالعرض (المعرض): بطاقة الاختيار وبطاقات المحطّات أكبر — كانت صغيرة وسط فراغ */
@media (min-width: 1000px) and (min-height: 700px) and (orientation: landscape){
  #s_sex .card, #s_act .card, #s_miqat .card{ zoom: 1.28; }
}