/* نور v28.7 — تنسيقات شاشة أذان رمضان (.rm). خفيفة: بلا backdrop-filter ولا filter ثقيل ولا will-change. */
.rm{--gold:#f3d27a;--ember:#ff8a2a;--paper:#f6ecd2;position:fixed;inset:0;z-index:100050;overflow:hidden;color:var(--paper);font-family:"Amiri","Noto Naskh Arabic","Tajawal",serif;background:#070b22}
.rm *{box-sizing:border-box}
.rm-sky{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 108%,#6b2f1a 0,#2a1a52 38%,#161a52 62%,#070b22 100%)}
.rm-stars,.rm-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rm-fx{z-index:6}
.rm-glow{position:absolute;left:50%;top:42%;width:120vw;height:70vh;margin:-35vh 0 0 -60vw;pointer-events:none;opacity:.5;background:radial-gradient(closest-side,rgba(255,138,42,.34),transparent 70%)}
.rm-flash{position:absolute;inset:0;z-index:7;opacity:0;pointer-events:none;background:radial-gradient(circle at 40% 52%,#fff6d6,#ffb24a 35%,transparent 70%)}
.rm-moon{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));inset-inline-end:16px;width:50px;height:50px;filter:drop-shadow(0 0 12px rgba(243,210,122,.55))}
.rm-lan{position:absolute;top:0;width:46px;transform-origin:50% 0;animation:rmSw 4.6s ease-in-out infinite;pointer-events:none}
.rm-lan.a{inset-inline-start:10%}.rm-lan.b{inset-inline-start:34%;width:36px;animation-delay:-2s}
.rm-lan svg{display:block;width:100%;height:auto}
.rm-fl{animation:rmFl 2.4s ease-in-out infinite}
@keyframes rmSw{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@keyframes rmFl{0%,100%{opacity:1}50%{opacity:.55}}
.rm-city{position:absolute;left:0;right:0;bottom:0;width:100%;height:20vh;min-height:100px;pointer-events:none}
.rm-x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));inset-inline-start:12px;z-index:9;width:42px;height:42px;border-radius:50%;border:1px solid rgba(243,210,122,.35);background:rgba(7,11,34,.55);color:var(--paper);font-size:18px}
.rm-snd{position:absolute;z-index:9;top:calc(15px + env(safe-area-inset-top,0px));inset-inline-start:62px;display:none;padding:9px 14px;border-radius:99px;border:1px solid rgba(243,210,122,.4);background:rgba(7,11,34,.7);color:var(--gold);font:700 13px Tajawal,system-ui,sans-serif}
.rm-snd.show{display:block}
.rm-scroll{position:absolute;inset:0;z-index:5;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.rm-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 14px;text-align:center}
.rm-chip{margin-top:44px;padding:6px 16px;border-radius:99px;font:700 13px Tajawal,system-ui,sans-serif;color:var(--gold);background:rgba(243,210,122,.1);border:1px solid rgba(243,210,122,.32)}
.rm-hero h1{margin:10px 0 2px;font-size:clamp(34px,9.5vw,52px);font-weight:700;line-height:1.2;color:var(--gold);text-shadow:0 0 22px rgba(243,210,122,.45)}
.rm-sub{font:600 14px Tajawal,system-ui,sans-serif;opacity:.85}
.rm-live{display:none;align-items:center;gap:8px;margin-top:8px;padding:5px 14px;border-radius:99px;font:700 13px Tajawal,system-ui,sans-serif;color:#7be3b9;background:rgba(63,213,168,.12);border:1px solid rgba(63,213,168,.35)}
.rm-live.show{display:inline-flex}
.rm-eq{display:inline-flex;gap:3px;align-items:flex-end;height:14px}.rm-eq i{width:3px;background:#7be3b9;border-radius:2px;animation:rmEq 1s ease-in-out infinite}.rm-eq i:nth-child(2){animation-delay:-.3s}.rm-eq i:nth-child(3){animation-delay:-.6s}.rm-eq i:nth-child(4){animation-delay:-.15s}
@keyframes rmEq{0%,100%{height:4px}50%{height:14px}}
.rm-stage{flex:1;min-height:150px;width:100%;max-width:540px;display:grid;place-items:center;cursor:pointer}
.rm-cannon{width:min(100%,500px);max-height:34vh;height:auto;overflow:visible}
#rmRc,#rmWh{transform-box:fill-box}#rmWh{transform-origin:50% 50%}

/* العدّ التنازلي */
.rm-count{width:100%;max-width:420px;padding:12px 12px 10px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(243,210,122,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -18px rgba(0,0,0,.8)}
.rm-clab{font:700 13px Tajawal,system-ui,sans-serif;color:var(--gold);letter-spacing:.2px;margin-bottom:8px}
.rm-plates{display:flex;align-items:center;justify-content:center;gap:7px}
.rm-pl{flex:1;max-width:104px;padding:8px 4px 6px;border-radius:15px;background:linear-gradient(180deg,#1a1d52,#0b0e32);border:1px solid rgba(243,210,122,.4);box-shadow:inset 0 -10px 18px rgba(0,0,0,.35),0 6px 14px -8px rgba(0,0,0,.8);position:relative}
.rm-pl:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(0,0,0,.45)}
.rm-pl b{display:block;font:800 clamp(30px,9vw,40px)/1.1 Tajawal,system-ui,sans-serif;color:var(--gold);text-shadow:0 0 14px rgba(243,210,122,.45);font-variant-numeric:tabular-nums}
.rm-pl small{font:600 10.5px Tajawal,system-ui,sans-serif;opacity:.7}
.rm-pl.s b{color:#ffb25a}
.rm-sep{font:800 28px Tajawal,sans-serif;color:var(--gold);opacity:.6;margin-bottom:14px}
.rm-bar{height:6px;margin:11px 4px 0;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.rm-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--ember),var(--gold));transition:width .9s linear}
.rm-cap{margin-top:6px;font:600 12px Tajawal,system-ui,sans-serif;opacity:.78}
.rm-dua{margin:12px 6px 0}.rm-dua b{display:block;font-size:21px;line-height:1.7;color:var(--paper)}.rm-dua small{display:block;font-size:14px;line-height:1.9;opacity:.72}
.rm-more{margin-top:10px;font:600 12px Tajawal,system-ui,sans-serif;opacity:.55}

/* البطاقات تحت الشاشة الأولى */
.rm-cards{position:relative;display:flex;flex-direction:column;gap:10px;max-width:460px;margin:0 auto;padding:6px 16px 12px;background:linear-gradient(180deg,transparent,rgba(7,11,34,.9) 14%)}
.rm-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rm-btn{font:700 15px Tajawal,system-ui,sans-serif;border:0;border-radius:16px;padding:13px 12px;color:#2a1503;background:linear-gradient(150deg,#ffe7a0,#e1a640 60%,#a8691c);box-shadow:0 10px 22px -10px rgba(255,160,40,.7)}
.rm-btn:disabled{opacity:.6}.rm-btn:active{transform:scale(.98)}
.rm-btn.sec{color:var(--gold);background:rgba(243,210,122,.08);border:1px solid rgba(243,210,122,.35);box-shadow:none}
.rm-btn.ghost{color:var(--paper);background:transparent;border:1px solid rgba(255,255,255,.18);box-shadow:none}
.rm-card{text-align:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(243,210,122,.2)}
.rm-card b{display:block;font:800 15px Tajawal,system-ui,sans-serif;color:var(--gold);margin-bottom:6px}
.rm-card p{margin:0;font-size:18px;line-height:2}
.rm button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(max-height:700px){.rm-chip{margin-top:38px}.rm-pl b{font-size:26px}.rm-dua b{font-size:18px}.rm-cannon{max-height:30vh}}
@media(prefers-reduced-motion:reduce){.rm-lan,.rm-fl,.rm-eq i{animation:none}}