/* =====================================================================
   جولة 55 — التطبيق (PWA): زر «ثبّت اللعبة» بالقائمة · إرشاد الآيفون · التحديث الإجباري
   ===================================================================== */
.menu-play > .pwa-row { grid-column:1 / -1 }
.pwa-row[hidden] { display:none !important }
.pwa-inst { width:100%; display:flex; align-items:center; gap:10px; justify-content:flex-start; padding:9px 14px; border:1px dashed var(--accent2); background:rgba(77,179,143,.08); color:var(--text); text-align:start }
.pwa-inst svg { width:20px; height:20px; color:var(--accent2); flex:0 0 auto }
.pwa-inst span { font-weight:800 }
.pwa-inst small { opacity:.65; font-size:.8em; margin-inline-start:auto }
.pwa-inst:hover { background:rgba(77,179,143,.16) }
@media (max-width:520px) { .pwa-inst small { display:none } }

.pwa-modal { z-index:70 }
.pwa-box { text-align:center; max-width:420px }
.pwa-box h3 { margin:0 }
.pwa-box .row2 { display:flex; gap:8px; justify-content:center; flex-wrap:wrap }
.pwa-box .rl-ic svg { width:34px; height:34px; color:var(--accent2) }
.pwa-warn { background:rgba(183,16,26,.14); border:1px solid rgba(183,16,26,.45); padding:8px 10px; font-size:.9em; margin:0 }
.pwa-steps { list-style:none; padding:0; margin:4px 0; display:flex; flex-direction:column; gap:8px; counter-reset:pw }
.pwa-steps li { display:flex; align-items:center; gap:12px; padding:8px 10px; background:#ffffff08; border:1px solid var(--line); text-align:start; counter-increment:pw; position:relative }
.pwa-steps li::before { content:counter(pw); position:absolute; top:-7px; inset-inline-start:-7px; width:20px; height:20px; border-radius:50%; background:var(--accent); color:#fff; font-size:12px; font-weight:900; display:flex; align-items:center; justify-content:center }
.pwa-steps li div { display:flex; flex-direction:column; gap:2px }
.pwa-steps small { opacity:.65; font-size:.82em }
.pwa-step-ic { width:44px; height:44px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:#000; border:1px solid #ffffff22 }
.pwa-px { width:30px; height:30px; shape-rendering:crispEdges; image-rendering:pixelated }
.pwa-app-ic img { width:100%; height:100%; border-radius:9px; object-fit:cover }

/* اختصار «المطاردة»: نبضة على زر البحث بس — ما يبدأ بحث */
@keyframes pwaPulse { 0%,100% { box-shadow:0 0 0 0 var(--accent) } 50% { box-shadow:0 0 0 6px transparent, 0 0 26px var(--accent) } }
.pwa-pulse { animation:pwaPulse 1.1s ease-in-out 3 }

/* جولة 64.3: بعد التحديث بالجوال — غطاء أسود لين يرجع ملء الشاشة بالعرض بلمسة */
html.upd-resuming body > *:not(.upd-resume) { visibility: hidden }
html.upd-resuming, html.upd-resuming body { background: #050608 }
.upd-resume { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; background: radial-gradient(60% 60% at 50% 45%, #1a0a0e, #050608 75%); color: #ece6dc; cursor: pointer; touch-action: manipulation; transition: opacity .25s }
.upd-resume.out { opacity: 0; pointer-events: none }
.ur-box { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 26px; text-align: center }
.ur-ic { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: #4db38f22; border: 2px solid #7ee0bd; color: #7ee0bd; box-shadow: 0 0 24px #4db38f55 }
.ur-ic svg { width: 30px; height: 30px }
.ur-box b { font-size: 1.25rem; font-weight: 900 } .ur-box small { opacity: .7; font-size: .85rem }
.ur-go { margin-top: 6px; padding: 10px 30px; border-radius: 12px; font-weight: 900; color: #fff; background: linear-gradient(180deg, #e8263a, #9b0f1d); box-shadow: 0 8px 22px #e8263a55 }
@media (prefers-reduced-motion: reduce) { .upd-resume { transition: none } }