@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-nastaliq-urdu-arabic-600-normal-Bim-T0zK.woff2)format("woff2"),url(/assets/noto-nastaliq-urdu-arabic-600-normal-CV1nlLWd.woff)format("woff")}:root{--night:#150d07;--bark:#2a1a0e;--cream:#f4e9d6;--sand:#cdb48f;--saffron:#f0b323;--chilli:#c4261b;--pista:#8ea548;--display:"Anton", "Arial Narrow", Impact, sans-serif;--text:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--urdu:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif}*{box-sizing:border-box}html{background:var(--night)}body{background:var(--night);color:var(--cream);font:400 16px/1.5 var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}body.locked{height:100svh;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}.stage{height:100vh;-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100svh;min-height:520px;position:relative;overflow:hidden}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.bar{z-index:3;padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 32px) 0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.mark{align-items:baseline;gap:12px;margin:0;display:flex}.mark-ur{font:600 26px/1.9 var(--urdu);color:var(--saffron)}.mark-en{font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--sand)}.bar-acts{gap:8px;display:flex}.chip{color:var(--cream);cursor:pointer;background:#150d078c;border:1px solid #f4e9d647;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.chip:hover{border-color:var(--saffron);color:var(--saffron)}.say{z-index:2;text-align:center;pointer-events:none;opacity:0;padding-inline:16px;position:absolute;top:clamp(52px,7svh,96px);left:0;right:0;transform:translateY(10px)}.say.in{opacity:1;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);transform:none}.say-ur{font:600 clamp(32px, min(6.4vw, 8.4svh), 72px)/1.9 var(--urdu);color:var(--cream);margin:0;padding-bottom:.3em}.say-en{font:400 clamp(15px, 1.9vw, 22px)/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--sand);margin:2px 0 0}.say.big .say-ur{color:var(--saffron)}.say.big .say-en{color:var(--cream)}.ask{z-index:2;text-align:center;opacity:0;pointer-events:none;justify-items:center;gap:12px;padding-inline:16px;transition:opacity .25s;display:grid;position:absolute;bottom:clamp(84px,13svh,130px);left:0;right:0}.ask.in{opacity:1;pointer-events:auto}.hint{min-height:1.5em;margin:0;font-size:clamp(16px,1.6vw,19px);font-weight:600}.hint:empty{display:none}.btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{border:2px solid var(--cream);cursor:pointer;background:#150d0780;border-radius:6px;min-height:50px;padding:13px 24px;font-size:16px;font-weight:700}.btn.solid{background:var(--saffron);border-color:var(--saffron);color:#1b1006}.btn:hover{border-color:var(--saffron)}.btn.solid:hover{background:#ffc53d}.note{max-width:40ch;color:var(--sand);min-height:1.4em;margin:0;font-size:13.5px}.note:empty{display:none}.steps{z-index:2;left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));justify-content:center;gap:clamp(6px,1.6vw,18px);margin:0;padding:0 12px;list-style:none;transition:opacity .4s;display:flex;position:absolute}.steps.gone{opacity:0;pointer-events:none}.steps li{color:#f4e9d66b;border-bottom:3px solid #f4e9d629;justify-items:center;gap:0;min-width:54px;padding:4px 8px 7px;display:grid}.steps span{font:600 17px/1.9 var(--urdu)}.steps em{font:600 10.5px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;font-style:normal}.steps li[data-state=now]{color:var(--cream);border-color:var(--saffron)}.steps li[data-state=failed]{color:#f4e9d680;border-color:var(--chilli)}.steps li[data-state=failed] span{text-decoration:line-through;-webkit-text-decoration-color:var(--chilli);text-decoration-color:var(--chilli);text-decoration-thickness:2px}.steps li[data-state=done]{color:var(--saffron);border-color:var(--pista)}.ripple{z-index:2;border:2px solid var(--cream);pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.55s ease-out forwards ripple;position:absolute}@keyframes ripple{to{opacity:0;transform:scale(5)}}.cam{z-index:2;aspect-ratio:1;object-fit:cover;border:3px solid var(--saffron);background:#000;border-radius:50%;width:clamp(92px,14vw,150px);position:absolute;bottom:clamp(190px,28svh,250px);right:clamp(12px,3vw,32px);transform:scaleX(-1)}.open{z-index:2;text-align:center;opacity:0;justify-items:center;padding-inline:16px;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:clamp(58px,9svh,100px);left:0;right:0;transform:translateY(12px)}.open.in{opacity:1;transform:none}.open-ur{font:600 clamp(40px, 7vw, 86px)/1.9 var(--urdu);color:var(--saffron);margin:0}.open-en{font:400 clamp(15px, 1.9vw, 22px)/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase;margin:0}.open-go{background:var(--saffron);color:#1b1006;border-radius:6px;align-items:center;min-height:50px;margin-top:18px;padding:13px 26px;font-weight:700;text-decoration:none;display:inline-flex}.open-go:hover{background:#ffc53d}.open-again{color:var(--sand);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:8px 10px;font-size:14px;text-decoration:underline}.load{z-index:5;background:var(--night);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.load.done{opacity:0;pointer-events:none}.load-bar{background:#f4e9d626;width:120px;height:3px;position:relative;overflow:hidden}.load-bar:after{content:"";background:var(--saffron);animation:1.1s ease-in-out infinite load;position:absolute;inset:0;transform:translate(-100%)}@keyframes load{to{transform:translate(100%)}}.nojs{padding:24px}@media (max-width:640px){.mark-en{display:none}.chip{padding:8px 12px;font-size:12.5px}.steps li{min-width:46px;padding-inline:5px}}@media (prefers-reduced-motion:reduce){.say.in,.open,.ask{transition:none}.ripple{animation-duration:10ms}}