:root{--copper:#c98a4b}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow:hidden}#stars{position:fixed;inset:0;z-index:-1;pointer-events:none}#stage{position:fixed;inset:0;display:grid;place-items:center}#astro{position:relative;width:min(92vh,96vw,980px);aspect-ratio:1}#asvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none;cursor:grab}#asvg.dragging{cursor:grabbing}.head{position:absolute;top:calc(72px + 2.5vh);left:var(--pad-x);z-index:6;max-width:min(400px,80vw);pointer-events:none}.head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,3.8vw,52px);line-height:1.1;text-shadow:0 2px 40px rgba(5,7,14,.9)}.head h1 em{font-style:normal;color:var(--gold-bright)}.head .dek{color:var(--ink-dim);font-weight:300;font-size:clamp(13.5px,1.2vw,16px);line-height:1.75;margin-top:12px;max-width:38ch;text-shadow:0 2px 24px rgba(5,7,14,.95)}.head .hint{display:flex;gap:12px;margin-top:16px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;flex-wrap:wrap}.head .hint i{font-style:normal;border:1px solid var(--hairline);border-radius:4px;padding:1px 6px}@media(max-width:1150px){.head{max-width:280px}}@media(max-width:620px){.head .hint{display:none}}#legend{position:absolute;top:calc(72px + 2.5vh);right:var(--pad-x);z-index:6;display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase;text-align:right}#legend span{display:inline-flex;align-items:center;gap:9px;justify-content:flex-end}#legend i{width:8px;height:8px;border-radius:50%}#legend .b i{background:var(--gold-bright)}#legend .i i{background:var(--gold)}#legend .a i{background:var(--copper)}@media(max-width:900px){#legend{display:none}}.e-ring{fill:none;stroke:#e4d1a438;stroke-width:1.2}.e-ring2{fill:none;stroke:#e4d1a41a;stroke-width:1}.e-tick{stroke:#e4d1a447;stroke-width:1}.e-tick.maj{stroke:#e3b35c80;stroke-width:1.4}.meander{fill:none;stroke:#e3b35c4d;stroke-width:1}.rete-arm{fill:none;stroke:#e3b35c42;stroke-width:1}.ring-lbl{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.28em;fill:#f4edda57}.mk{cursor:pointer}.mk circle{fill:#0c1120;stroke-width:1.3;transition:fill .4s}.mk text{font-family:Geist Mono,monospace;font-size:10.5px;fill:var(--ink-dim);text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .4s}.mk.b circle{stroke:#f4d68f}.mk.i circle{stroke:#e3b35c}.mk.a circle{stroke:#c98a4b}.mk:hover circle{fill:#1a2138}.mk.sel circle{fill:var(--gold-bright);stroke:var(--gold-bright);filter:drop-shadow(0 0 12px rgba(244,214,143,.85))}.mk.sel text{fill:#221503;font-weight:500}#jewel{filter:drop-shadow(0 0 10px rgba(244,214,143,.7))}#jewel.flash{animation:jflash .28s var(--ease-out)}@keyframes jflash{0%{transform:scale(1)}45%{transform:scale(1.5)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#jewel.flash{animation:none}}#varc-lit{transition:stroke-dashoffset 1s var(--ease-io)}@media(prefers-reduced-motion:reduce){#varc-lit{transition:none}}#plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;text-align:center;pointer-events:none;z-index:4}#plate .p-ar{font-family:var(--font-quran);font-size:clamp(30px,5.6vh,52px);line-height:1.5;color:var(--gold-bright);text-shadow:0 0 44px rgba(227,179,92,.35);direction:rtl}#plate .p-name{font-family:var(--font-display);font-size:clamp(14px,2vh,19px);letter-spacing:.12em;margin-top:2px;text-transform:uppercase}#plate .p-meta{font-family:var(--font-mono);font-size:clamp(8px,1.1vh,10.5px);letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase;margin-top:8px}#plate .p-open{font-family:var(--font-quran);font-size:clamp(14px,2.2vh,20px);line-height:1.9;color:var(--ink-dim);margin-top:10px;direction:rtl;min-height:2.2em;padding:0 6%}#plate .p-open .w{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(4px)}.js #plate .p-open .w{animation:win .6s var(--ease-out) forwards;animation-delay:var(--wd,0s)}@keyframes win{to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.js #plate .p-open .w{animation:none;opacity:1;transform:none;filter:none}}#plate .pips{display:flex;gap:6px;justify-content:center;margin-top:10px}#plate .pips i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(227,179,92,.5)}#plate .pips i.on{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 8px var(--gold-glow)}#plate .p-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;margin-top:12px;border:1px solid rgba(227,179,92,.45);border-radius:999px;padding:8px 18px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);transition:background .35s,box-shadow .35s}#plate .p-cta:hover{background:#e3b35c1f;box-shadow:0 0 30px #e3b35c26}.step{position:absolute;top:50%;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid var(--hairline);background:#05070e8c;color:var(--ink-dim);display:grid;place-items:center;cursor:pointer;transition:border-color .35s,color .35s;font-size:17px}.step:hover{border-color:#e3b35c8c;color:var(--gold-bright)}#prev{left:-4px;transform:translateY(-50%)}#next{right:-4px;transform:translateY(-50%)}#strip{position:absolute;left:50%;bottom:clamp(14px,3vh,30px);transform:translate(-50%);z-index:6;display:flex;gap:5px;align-items:flex-end}#strip button{all:unset;cursor:pointer;width:9px;height:16px;display:grid;place-items:end center}#strip button i{width:1.5px;height:10px;background:#e4d1a44d;transition:background .35s,height .35s,box-shadow .35s;border-radius:1px}#strip button:hover i{background:var(--gold);height:15px}#strip button.sel i{background:var(--gold-bright);height:17px;box-shadow:0 0 8px var(--gold-glow)}#strip button:focus-visible{outline:1px solid var(--gold);outline-offset:2px}@media(max-width:700px){#strip{display:none}}.surah-index{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.surah-index ol{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}.surah-index a{color:var(--gold-bright)}.stage-foot{position:fixed;left:var(--pad-x);bottom:14px;z-index:6;padding:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-faint)}.stage-foot a{color:var(--ink-dim)}.stage-foot a:hover{color:var(--gold-bright)}.m-surahs{display:none}@media(max-width:700px){body{overflow-x:hidden;overflow-y:auto}#stage,.surah-index{display:none}.stage-foot{position:static;padding:26px var(--pad-x) 40px;z-index:2}.m-surahs{display:block;position:relative;z-index:2;padding:calc(72px + env(safe-area-inset-top) + 4vh) var(--pad-x) 20px}}.m-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,9.5vw,46px);line-height:1.06}.m-head h1 em{font-style:normal;color:var(--gold-bright)}.m-head .dek{color:var(--ink-dim);font-weight:300;font-size:14.5px;line-height:1.7;margin-top:13px;max-width:36ch}.m-head .note{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--ink-faint);margin-top:14px}.m-head .note a{color:var(--gold-bright)}.m-group-h{display:flex;align-items:center;gap:11px;margin-top:40px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.m-gdot{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 9px currentColor}.m-gdot.b{background:var(--gold-bright);color:var(--gold-bright)}.m-gdot.i{background:var(--gold);color:var(--gold)}.m-gdot.a{background:var(--copper);color:var(--copper)}.m-group-h h2{font-family:var(--font-display);font-weight:400;font-size:20px}.m-gc{margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.m-slist{list-style:none}.m-surah{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 2px;border-bottom:1px solid var(--hairline-soft);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .25s var(--ease-out)}.m-surah:active{background:#e4d1a40d}.m-snum{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--gold)}.m-smid{min-width:0;display:flex;flex-direction:column;gap:3px}.m-sen{font-family:var(--font-display);font-size:16.5px;line-height:1.05;color:var(--ink)}.m-sv{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.m-sar{font-family:var(--font-quran);font-size:24px;line-height:1;color:var(--gold-bright);text-shadow:0 0 22px rgba(227,179,92,.28)}