@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.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:400;src:url(./noto-nastaliq-urdu-arabic-400-normal-BVDOj1dq.woff2)format("woff2"),url(./noto-nastaliq-urdu-arabic-400-normal-Df9iHKj9.woff)format("woff")}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-nastaliq-urdu-arabic-700-normal-CV4fHIsl.woff2)format("woff2"),url(./noto-nastaliq-urdu-arabic-700-normal-DLTMJhMG.woff)format("woff")}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./cairo-latin-ext-wght-normal-at8nfxId.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:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./cairo-latin-wght-normal-PfPtmrPZ.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}:root{--sky:#2b6ef2;--sky2:#5aa2ff;--ink:#1d2440;--ink2:#5a6382;--card:#fff;--bg:#eef3ff;--line:#dfe6f7;--yellow:#ffd23f;--orange:#ff8a1f;--green:#22b866;--green-bg:#e3f8ec;--red:#ef4155;--red-bg:#ffe8eb;--purple:#8b5cf6;--teal:#12b5a6;--radius:20px;--shadow:0 4px 0 #1d244014, 0 10px 24px #1d244014;--font:"Fredoka Variable", "Fredoka", "Cairo Variable", system-ui, sans-serif;--font-ur:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:17px;line-height:1.35}html[lang=ur] body{font-family:var(--font-ur), var(--font);font-size:16px;line-height:2.05}html[lang=ur] .num,html[lang=ur] .latin{font-family:var(--font)}html[lang=ar] body{line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{display:block}#app{max-width:620px;min-height:100%;padding:calc(var(--safe-t) + 12px) 16px calc(var(--safe-b) + 24px);margin:0 auto}.screen{animation:.22s ease-out in}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bar{align-items:center;gap:10px;min-height:52px;margin-bottom:10px;display:flex}.bar h1{flex:1;margin:0;font-size:22px;font-weight:700}.icon-btn{background:var(--card);width:48px;height:48px;box-shadow:var(--shadow);border-radius:16px;flex:none;place-items:center;font-size:22px;display:grid}.icon-btn:active{transform:translateY(2px)}.icon-btn svg{width:24px;height:24px}html[dir=rtl] .flip-rtl{transform:scaleX(-1)}.chip{background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:15px;font-weight:600;display:inline-flex}.chip .flag{font-size:20px}.hero{background:linear-gradient(160deg, var(--sky), var(--sky2));color:#fff;box-shadow:var(--shadow);border-radius:28px;padding:18px 18px 20px;position:relative;overflow:hidden}.hero .road{background:#3d4458;height:70px;position:absolute;inset:auto -20px -30px;transform:rotate(-4deg)}.hero .road:after{content:"";opacity:.8;border-top:5px dashed #fff;position:absolute;top:32px;left:0;right:0}.hero h2{margin:0 0 2px;font-size:28px;font-weight:700;position:relative}.hero p{opacity:.92;margin:0 0 14px;position:relative}.hero .row{flex-wrap:wrap;gap:8px;display:flex;position:relative}.hero .chip{color:var(--ink)}.hero .lane-car{background:var(--yellow);border-radius:9px;width:54px;height:30px;position:absolute;bottom:14px;right:26px;box-shadow:inset 0 -6px #0000001f}html[dir=rtl] .hero .lane-car{left:26px;right:auto}.hero .lane-car:before{content:"";background:#bfe3ff;border-radius:3px;width:12px;height:20px;position:absolute;top:5px;left:34px}.big-btn{border-radius:var(--radius);background:var(--orange);color:#fff;text-align:start;align-items:center;gap:14px;width:100%;min-height:84px;margin:18px 0 14px;padding:18px;display:flex;box-shadow:0 6px #d96a07,0 12px 22px #ff8a1f4d}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #d96a07}.big-btn .em{font-size:38px}.big-btn b{font-size:24px;display:block}.big-btn span{opacity:.95;font-size:15px}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:start;flex-direction:column;justify-content:space-between;gap:8px;min-height:108px;padding:16px 14px;display:flex;position:relative}.tile:active{transform:translateY(2px)}.tile .em{font-size:34px;line-height:1}.tile b{font-size:19px}.tile small{color:var(--ink2);font-size:14px}.tile.wide{flex-direction:row;grid-column:span 2;align-items:center;min-height:76px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.ready{align-items:center;gap:16px;margin-top:14px;display:flex}.ring{--p:0;background:conic-gradient(var(--c,var(--green)) calc(var(--p) * 1%), #e8edf8 0);border-radius:50%;flex:none;place-items:center;width:86px;height:86px;display:grid}.ring>div{background:#fff;border-radius:50%;place-items:center;width:66px;height:66px;font-size:22px;font-weight:700;display:grid}.ready h3{margin:0;font-size:18px}.ready p{color:var(--ink2);margin:2px 0 0;font-size:15px}.locked-blur{filter:blur(4px);opacity:.6}.lock-badge{top:10px;background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;position:absolute;inset-inline-end:10px}.note{color:var(--ink2);text-align:center;margin:18px 8px 0;font-size:13px}.draft{color:#7a5b00;background:#fff6d6;border-radius:12px;margin-top:10px;padding:6px 10px;font-size:13px;display:inline-block;position:relative}.list-btn{background:var(--card);width:100%;box-shadow:var(--shadow);text-align:start;border-radius:18px;align-items:center;gap:14px;min-height:68px;margin-bottom:10px;padding:14px 16px;display:flex}.list-btn:active{transform:translateY(2px)}.list-btn .em{text-align:center;flex:none;width:40px;font-size:28px}.list-btn .grow{flex:1;min-width:0}.list-btn b{font-size:18px;display:block}.list-btn small{color:var(--ink2);font-size:14px}.meter{background:#e8edf8;border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.meter i{background:var(--green);border-radius:4px;height:100%;display:block}.list-btn.primary{background:linear-gradient(160deg, var(--purple), #a78bfa);color:#fff}.list-btn.primary small{color:#fff;opacity:.9}.section-h{color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;margin:18px 4px 8px;font-size:15px;font-weight:600}html[lang=ur] .section-h{text-transform:none;letter-spacing:0}.progress{background:#dde5f7;border-radius:7px;flex:1;height:14px;overflow:hidden}.progress i{background:var(--green);border-radius:7px;height:100%;transition:width .3s;display:block}.timer{font-variant-numeric:tabular-nums;background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:12px;min-width:64px;padding:6px 10px;font-weight:700}.timer.low{color:var(--red)}.media{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);place-items:center;margin-bottom:14px;padding:12px;display:grid;position:relative;overflow:hidden}.media img.sign{aspect-ratio:1;filter:drop-shadow(0 4px 6px #00000026);width:min(46vw,170px);height:auto}.media canvas{touch-action:manipulation;border-radius:12px;max-width:100%}.mirror-chip{top:18px;background:var(--purple);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;position:absolute;inset-inline-start:18px}.qtext{margin:4px 2px 14px;font-size:21px;font-weight:600}html[lang=ur] .qtext{font-size:19px}.opts{gap:10px;display:grid}.opt{background:var(--card);box-shadow:0 3px 0 var(--line);border:2px solid var(--line);text-align:start;border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:12px 14px;font-size:18px;font-weight:500;display:flex}.opt .k{width:32px;height:32px;font-weight:700;font-family:var(--font);background:#eef3ff;border-radius:10px;flex:none;place-items:center;display:grid}.opt:active{transform:translateY(2px)}.opt.sel{border-color:var(--sky);background:#eaf2ff}.opt.ok{border-color:var(--green);background:var(--green-bg)}.opt.ok .k{background:var(--green);color:#fff}.opt.bad{border-color:var(--red);background:var(--red-bg);animation:.35s shake}.opt.bad .k{background:var(--red);color:#fff}.opt[disabled]{cursor:default}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{margin:16px -16px calc(-24px - var(--safe-b));padding:16px 16px calc(16px + var(--safe-b));border-radius:24px 24px 0 0;animation:.25s ease-out up;position:sticky;bottom:0}.feedback.ok{background:var(--green-bg)}.feedback.bad{background:var(--red-bg)}.feedback h3{margin:0 0 4px;font-size:22px}.feedback.ok h3{color:#13864a}.feedback p{margin:0 0 6px}.feedback .meta{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.feedback .meta button{color:var(--ink2);min-height:32px;font-size:13px;text-decoration:underline}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.cta{background:var(--green);color:#fff;border-radius:18px;width:100%;min-height:58px;margin-top:10px;font-size:20px;font-weight:700;box-shadow:0 5px #17904e}.cta:active{transform:translateY(3px);box-shadow:0 2px #17904e}.cta.blue{background:var(--sky);box-shadow:0 5px #1d4fb8}.cta.red{background:var(--red);box-shadow:0 5px #b72538}.cta.ghost{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--line)}.cta.orange{background:var(--orange);box-shadow:0 5px #d96a07}.cta[disabled]{opacity:.5}.result{text-align:center;padding:24px 16px}.result .big{margin:6px 0;font-size:46px;font-weight:700}.result .big.pass{color:var(--green)}.result .big.fail{color:var(--red)}.stars{letter-spacing:6px;font-size:44px}.stars .off{opacity:.2;filter:grayscale()}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0}.tabs{background:#dde5f7;border-radius:16px;gap:8px;margin-bottom:14px;padding:5px;display:flex}.tabs button{border-radius:12px;flex:1;min-height:46px;font-weight:600}.tabs button.on{background:var(--card);box-shadow:var(--shadow)}.sign-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.sign-tile{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-height:120px;padding:10px 8px;font-size:13px;font-weight:500;display:flex}.sign-tile img{width:64px;height:64px}html[lang=ur] .sign-tile{font-size:12px;line-height:1.9}.learn-card h3{margin:0 0 6px;font-size:19px}.learn-card p{margin:0}.learn-card .media{box-shadow:none;margin:10px 0 0;padding:0}table.limits{border-collapse:collapse;width:100%}table.limits td{border-bottom:1px solid var(--line);padding:10px 6px}table.limits td.v{text-align:end;white-space:nowrap;font-weight:700;font-family:var(--font)}table.limits small{color:var(--ink2);font-size:13px;display:block}.scrim{z-index:40;background:#141a3273;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg);width:100%;max-width:620px;padding:20px 16px calc(20px + var(--safe-b));border-radius:28px 28px 0 0;max-height:92vh;animation:.25s ease-out up;overflow:auto}.sheet h2{margin:0 0 6px;font-size:24px}.sheet .sign-big{width:160px;height:160px;margin:6px auto 12px}.sheet p{margin:0 0 10px}.row-set{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:12px 0;display:flex}.row-set:last-child{border-bottom:0}.row-set .grow{flex:1}.row-set small{color:var(--ink2);font-size:13px;display:block}.toggle{background:#cfd8ea;border-radius:16px;flex:none;width:56px;height:32px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(24px)}html[dir=rtl] .toggle:after{left:auto;right:3px}html[dir=rtl] .toggle.on:after{transform:translate(-24px)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{background:var(--card);box-shadow:0 2px 0 var(--line);border:2px solid var(--line);border-radius:12px;min-height:44px;padding:8px 14px;font-weight:600}.seg button.on{border-color:var(--sky);background:#eaf2ff}.game-wrap{position:relative}.game-canvas{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);touch-action:none;background:#86d06f;display:block}.game-hud{align-items:center;gap:10px;margin-bottom:10px;display:flex}.game-hud .pill{background:var(--card);box-shadow:var(--shadow);font-weight:700;font-family:var(--font);border-radius:12px;padding:6px 12px}.game-msg{text-align:center;place-items:center;min-height:2.6em;margin:10px 4px;font-size:18px;font-weight:600;display:grid}.game-msg.bad{color:var(--red)}.game-msg.ok{color:#13864a}.check-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.check-list span{background:var(--card);box-shadow:0 2px 0 var(--line);border-radius:999px;padding:6px 12px;font-size:15px;font-weight:600}.check-list span.done{background:var(--green);color:#fff;box-shadow:none}.rush-sign{filter:drop-shadow(0 6px 8px #0000002e);width:150px;height:150px;margin:0 auto}.rush-sign.pop{animation:.25s pop}@keyframes pop{0%{transform:scale(.6)}}.combo{top:6px;color:var(--orange);font-size:20px;font-weight:700;position:absolute;inset-inline-end:10px}.time-bar{background:#dde5f7;border-radius:5px;flex:1;height:10px;overflow:hidden}.time-bar i{background:linear-gradient(90deg, var(--orange), var(--yellow));height:100%;display:block}@media (min-width:700px){.qtext{font-size:23px}}body{background:linear-gradient(#d9e6ff 0,#eef3ff 340px,#f5f0ff 100%) fixed}.chip.streak{color:var(--ink2)}.chip.streak.on{color:#fff;background:linear-gradient(160deg,#ffb347,#ff7a1f);box-shadow:0 3px #d96a07}.hero2{border:4px solid #fff;border-radius:28px;height:230px;position:relative;overflow:hidden;box-shadow:0 6px #1d24401f,0 14px 30px #2b6ef22e}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:12px;right:12px}.logo{letter-spacing:.02em;color:#fff;text-shadow:0 3px #1d4fb8,0 0 12px #00000040;font-size:26px;font-weight:700;font-family:var(--font);background:#2b6ef2;border-radius:14px;padding:2px 12px 4px;transform:rotate(-3deg)}.logo span{color:var(--yellow)}.side-pill{background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.hero-bottom{align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;left:8px}html[dir=rtl] .hero-bottom{left:auto;right:8px}.mascot{filter:drop-shadow(0 4px 4px #0003);flex:none;width:92px;height:77px}.mascot svg,.stop-car svg,.fb-mascot svg{width:100%;height:100%;display:block}.bubble{background:#fff;border-radius:16px;max-width:190px;margin-bottom:30px;padding:8px 12px;font-size:15px;font-weight:600;position:relative;box-shadow:0 3px #0000001a}.bubble:before{content:"";border:7px solid #0000;border-left:0;border-right-color:#fff;position:absolute;bottom:10px;left:-7px}html[dir=rtl] .bubble:before{border-left:7px solid #fff;border-right:0;left:auto;right:-7px}.bob{animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-5px)}}.xp-row{align-items:center;gap:12px;margin:14px 2px 0;display:flex}.lv{color:#fff;width:46px;height:46px;font-size:22px;font-weight:700;font-family:var(--font);background:linear-gradient(160deg,#8b5cf6,#6d28d9);border-radius:14px;place-items:center;display:grid;transform:rotate(-4deg);box-shadow:0 4px #4c1d95}.xp-label{color:var(--ink2);justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.xp-label b{color:var(--ink)}.xp-bar{background:#dcd3fb;border-radius:7px;height:14px;overflow:hidden;box-shadow:inset 0 2px #0000000f}.xp-bar i{background:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:7px;min-width:14px;height:100%;display:block;box-shadow:inset 0 -3px #0000001f,inset 0 3px #ffffff59}.big-btn{background:linear-gradient(160deg,#22c66d,#14a55a);margin:16px 0 14px;box-shadow:0 6px #0f7d44,0 12px 22px #22b8664d}.big-btn:active{box-shadow:0 2px #0f7d44}.big-btn>div{flex:1}.go-light{background:#1d2440;border-radius:10px;flex:none;gap:3px;width:30px;height:70px;padding:5px;display:grid}.go-light i{background:#3a4160;border-radius:50%}.go-light i:first-child{animation:3s infinite lightR}.go-light i:nth-child(2){animation:3s infinite lightA}.go-light i:nth-child(3){animation:3s infinite lightG}@keyframes lightR{0%,30%{background:#ff3b30;box-shadow:0 0 8px #ff3b30}31%,to{background:#3a4160}}@keyframes lightA{0%,30%{background:#3a4160}31%,45%{background:#ffb300;box-shadow:0 0 8px #ffb300}46%,to{background:#3a4160}}@keyframes lightG{0%,45%{background:#3a4160}46%,to{background:#4cff8a;box-shadow:0 0 10px #4cff8a}}.go-arrow{font-size:30px;font-weight:700;animation:1.2s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(5px)}}html[dir=rtl] .go-arrow{animation-name:nudgeR}@keyframes nudgeR{0%,to{transform:scaleX(-1)}50%{transform:scaleX(-1)translate(5px)}}.tile{color:#fff;border:0;min-height:118px;overflow:hidden}.tile small{color:#ffffffe6}.tile:after{content:"";background:#ffffff24;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-18px;right:-18px}html[dir=rtl] .tile:after{left:-18px;right:auto}.tile-ic{width:44px;height:44px;display:block}.tile-ic svg{width:100%;height:100%}.c-orange{background:linear-gradient(160deg,#ffa24c,#ff7a1f);box-shadow:0 5px #d96a07}.c-pink{background:linear-gradient(160deg,#ff7eb3,#ec4899);box-shadow:0 5px #be185d}.c-blue{background:linear-gradient(160deg,#5aa2ff,#2b6ef2);box-shadow:0 5px #1d4fb8}.c-purple{background:linear-gradient(160deg,#a78bfa,#7c3aed);box-shadow:0 5px #5b21b6}.tile:active{box-shadow:none;transform:translateY(4px)}.card.ready-card{margin-top:14px}.journey{margin:6px 0 10px;position:relative}.journey-road{width:100%;height:100%;position:absolute;inset:0}.stop{flex-direction:column;align-items:center;gap:4px;width:140px;display:flex;position:absolute;transform:translate(-50%,-50%)}.stop .disc{background:var(--c);border:4px solid #fff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:32px;display:grid;box-shadow:0 6px #00000040,inset 0 -6px #0000001f,inset 0 4px #ffffff4d}.stop:active .disc{transform:translateY(3px);box-shadow:0 2px #00000040}.stop.done .disc{border-color:#ffd23f}@keyframes ping{0%{box-shadow:0 6px #00000040,0 0 #ffd23fe6}to{box-shadow:0 6px #00000040,0 0 0 18px #ffd23f00}}.stop-label{text-align:center;background:#fff;border-radius:12px;max-width:140px;padding:2px 10px 4px;font-size:13px;font-weight:600;line-height:1.25;box-shadow:0 3px #00000014}html[lang=ur] .stop-label{line-height:1.9}.stop-label .stars{letter-spacing:1px;color:#d6dbe8;font-size:13px;font-family:var(--font);display:block}.stop-label .stars i{font-style:normal}.stop-label .stars i.on{color:#ffb800}.stop-car{filter:drop-shadow(0 3px 3px #00000040);pointer-events:none;width:58px;height:48px;position:absolute;top:-50px}.ready-card .ring>div{font-size:20px}.track{background:#4b5160;border-radius:9px;flex:1;height:18px;position:relative;box-shadow:inset 0 -3px #0003}.track:before{content:"";border-top:2px dashed #fff9;position:absolute;top:8px;left:10px;right:26px}.track>i{background:linear-gradient(90deg,#4cd98a,#22b866);border-radius:9px;transition:width .4s;position:absolute;inset-block:0;inset-inline-start:0}.track-flag{inset-inline-end:2px;font-size:18px;position:absolute;top:-6px}.track-car{filter:drop-shadow(0 2px 2px #0000004d);width:36px;height:30px;transition:inset-inline-start .45s cubic-bezier(.3,1.4,.5,1);position:absolute;top:-16px}.track-car svg{width:100%;height:100%;display:block}.warmup{background:linear-gradient(160deg,#fff6d6,#ffe9a8);border-radius:18px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex;box-shadow:0 4px #f0cd5a}.warmup b{font-size:16px;display:block}.warmup small{color:#7a5b00}.combo-chip{color:#fff;background:linear-gradient(160deg,#ffb347,#ff7a1f);border-radius:999px;margin:0 0 10px;padding:4px 12px;font-weight:700;animation:.3s pop;display:inline-block;box-shadow:0 3px #d96a07}.media{border:4px solid #fff}.media.stage{background:linear-gradient(#bfe1ff 0,#e3f2ff 62%,#8fd673 62%,#7cc95f 100%);padding:18px 12px 0}.media.stage .post{flex-direction:column;align-items:center;display:flex}.media.stage .post:after{content:"";background:linear-gradient(90deg,#8b93a8,#c7ccd9,#8b93a8);border-radius:0 0 3px 3px;width:9px;height:46px;margin-top:-4px}.media.stage img.sign{width:min(42vw,156px)}.opt{animation:.3s backwards optIn;position:relative}@keyframes optIn{0%{opacity:0;transform:translateY(10px)}}.opt.ok{animation:.35s okPop}@keyframes okPop{40%{transform:scale(1.03)}}.xp-float{inset-inline-end:16px;color:#8b5cf6;pointer-events:none;font-weight:700;font-family:var(--font);animation:1s forwards floatUp;position:absolute;top:8px}@keyframes floatUp{to{opacity:0;transform:translateY(-34px)}}.feedback{border-top:5px solid;box-shadow:0 -8px 24px #1d24401f}.feedback.ok{background:linear-gradient(#d9f7e6,#f0fcf5);border-color:#22b866}.feedback.bad{background:linear-gradient(#ffe0d1,#fff4ee);border-color:#ff7a1f}.feedback.bad h3{color:#d9530a}.fb-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.fb-mascot{flex:none;width:64px;height:54px;animation:.35s pop}.fb-combo{color:#d96a07;font-weight:700}.result{padding-top:18px;position:relative}.result-mascot{width:120px;height:100px;margin:0 auto 4px}.result-mascot svg{width:100%;height:100%}.stars span.pop{animation:.5s backwards starPop;display:inline-block}@keyframes starPop{0%{transform:scale(0)rotate(-90deg)}70%{transform:scale(1.3)}}.result-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rpill{color:#fff;border-radius:999px;padding:6px 14px;font-weight:700}.rpill.xp{background:linear-gradient(160deg,#a78bfa,#7c3aed)}.rpill.fire{background:linear-gradient(160deg,#ffb347,#ff7a1f)}.rpill.combo{background:linear-gradient(160deg,#5aa2ff,#2b6ef2)}.num,.logo{direction:ltr;unicode-bidi:isolate}.list-btn.featured{background:linear-gradient(160deg,#ffd23f,#ffb300);box-shadow:0 5px #d99a00}.list-btn.featured small{color:#5a4300}.drive-intro{text-align:center;margin-bottom:12px}.drive-hero{font-size:64px;animation:1.6s ease-in-out infinite bob}.drive-how{box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:6px 14px;font-weight:600;display:inline-block}.drive-wrap{height:calc(100vh - 110px - var(--safe-t) - var(--safe-b));min-height:380px;box-shadow:var(--shadow);touch-action:none;-webkit-touch-callout:none;background:#9fd3ff;border-radius:24px;position:relative;overflow:hidden}.drive-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud-top{align-items:center;gap:10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.hud-limit{filter:drop-shadow(0 3px 4px #0000004d);flex:none;width:54px;height:54px;font-weight:700}.hud-limit img{width:100%;height:100%}.hud-prog{background:#fff9;border-radius:6px;flex:1;height:12px;overflow:hidden}.hud-prog i{background:linear-gradient(90deg,#4cd98a,#22b866);width:0;height:100%;display:block}.hud-pill{background:#ffffffeb;border-radius:999px;padding:4px 10px;font-weight:700}.speedo{bottom:70px;color:#fff;text-align:center;background:radial-gradient(circle,#1d2440 58%,#2b3355 60%);border:4px solid #fff;border-radius:50%;place-content:center;width:92px;height:92px;line-height:1;display:grid;position:absolute;inset-inline-end:14px;box-shadow:0 6px 14px #0000004d}.speedo b{font-size:32px;font-family:var(--font)}.speedo small{opacity:.8;font-size:11px}.speedo.over{background:radial-gradient(circle,#c22a3c 58%,#e04455 60%);animation:.3s infinite shake}.drive-toast{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#1d2440e0;border-radius:16px;max-width:88%;padding:8px 16px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:76px;left:50%;transform:translate(-50%,-10px)}.drive-toast.show{opacity:1;transform:translate(-50%)}.drive-toast.bad{background:#c22a3cf2}.drive-toast.ok{background:#13864af2}.drive-how-overlay{text-align:center;width:max-content;box-shadow:var(--shadow);background:#fffffff2;border-radius:18px;align-items:center;gap:10px;max-width:86%;padding:10px 16px;font-weight:600;transition:opacity .4s;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%)}.drive-how-overlay .thumb{font-size:30px;animation:1s ease-in-out infinite press}@keyframes press{50%{transform:translateY(5px)scale(.92)}}.drive-how-overlay.gone{opacity:0;pointer-events:none}.drive-flash{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 #ef415500}.drive-flash.on{animation:.6s redflash}@keyframes redflash{30%{background:#ef415526;box-shadow:inset 0 0 0 12px #ef4155cc}}.app-toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:60;color:#fff;text-align:center;background:#1d2440;border-radius:16px;max-width:min(92vw,520px);padding:12px 18px;font-weight:500;transition:opacity .35s;animation:.25s ease-out up;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.app-toast.gone{opacity:0}.journey-head{color:var(--ink2);justify-content:space-between;align-items:center;gap:8px;margin:18px 4px 6px;font-weight:600;display:flex}.journey-count{color:var(--ink);box-shadow:0 2px 0 var(--line);background:#fff;border-radius:999px;padding:4px 12px;font-size:14px}.stop .disc-ring{background:conic-gradient(#22b866 calc(var(--p) * 1%), #fff 0);border-radius:50%;padding:5px;position:relative;box-shadow:0 6px #0000002e}.stop .disc{border-width:3px;box-shadow:inset 0 -6px #0000001f,inset 0 4px #ffffff4d}.stop.done .disc-ring{background:conic-gradient(#ffb800 100%, #fff 0)}.disc-check{color:#fff;width:26px;height:26px;font-weight:800;font-family:var(--font);background:#22b866;border:3px solid #fff;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;bottom:0;right:-2px}html[dir=rtl] .disc-check{left:-2px;right:auto}.stop.done .disc-check{background:#ffb800}.stop.ahead .disc{filter:saturate(.55)brightness(1.05)}.stop.ahead .stop-label{color:var(--ink2);background:#f6f8fd}.stop.current .disc-ring{animation:1.6s ease-out infinite ping}.stop.current .disc{animation:none}.stop-label b{color:#13864a;font-size:12px}.perks{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.perks li{box-shadow:0 2px 0 var(--line);background:#fff;border-radius:14px;padding:10px 14px;font-weight:600}.policy{text-align:left;font-family:system-ui,sans-serif;font-size:15px;line-height:1.55}.policy h1{font-size:22px}.policy h2{margin:18px 0 4px;font-size:17px}.policy p{margin:0 0 10px}.mock-ad{z-index:100;color:#fff;background:#0a0e1eeb;place-items:center;display:grid;position:fixed;inset:0}.mock-ad-box{text-align:center;padding:24px}.mock-ad-tag{letter-spacing:.1em;color:#ffd23f;font-weight:700}.mock-ad-count{margin:10px 0;font-size:64px;font-weight:700}.mock-ad .btn{color:#1d2440;background:#fff;border-radius:14px;padding:12px 20px;font-weight:700}.seg.seg-col{flex-direction:column}.seg.seg-col button{text-align:start}.country-chip{min-width:0;max-width:46vw}.country-chip .chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-chip{box-shadow:0 3px 0 #f2c94c, var(--shadow);white-space:nowrap;background:#fff6d6;flex:none}.lang-pick{flex-direction:column;gap:10px;display:flex}.lang-titles{text-align:center;margin-bottom:4px}.lang-titles div{color:var(--ink2);font-size:16px;line-height:1.7}.lang-titles div.cur{color:var(--ink);font-size:22px;font-weight:700}.lang-opt{text-align:start;background:var(--card);border:3px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;min-height:72px;padding:14px 18px;display:flex;position:relative}.lang-opt b{font-size:24px}.lang-opt small{color:var(--ink2);font-size:15px}.lang-opt.on{border-color:var(--green);box-shadow:0 3px 0 var(--green)}.lang-tick{inset-inline-end:16px;background:var(--green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lang-opt[lang=ur] b,.lang-opt[lang=ur] small,.lang-titles [lang=ur]{font-family:var(--font-ur), var(--font);line-height:2}.lang-opt:not([lang=ur]) b,.lang-opt:not([lang=ur]) small,.lang-titles :not([lang=ur]),.lang-chip{font-family:var(--font);line-height:1.35}.drive-flash.spot{animation:.45s spotflash}@keyframes spotflash{0%{box-shadow:inset 0 0 #ffd23f00}30%{box-shadow:inset 0 0 0 10px #ffd23fe6}to{box-shadow:inset 0 0 #ffd23f00}}.rb-wrap{flex-direction:column;align-items:stretch;gap:10px;display:flex}.rb-canvas{aspect-ratio:1;width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:24px;align-self:center;display:block}.rb-prompt{text-align:center;flex-direction:column;gap:2px;font-size:17px;display:flex}.rb-prompt b{font-size:20px}.rb-controls{justify-content:center;gap:8px;display:flex}.rb-lane{border:3px solid var(--line);min-height:64px;box-shadow:0 4px 0 var(--line);background:#fff;border-radius:18px;flex:1;font-size:17px;font-weight:700}.rb-lane:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.rb-signal{color:#fff;background:#ff9f1c;border-radius:20px;flex:1;min-height:72px;font-size:20px;font-weight:800;box-shadow:0 5px #c97300}.rb-signal:active{transform:translateY(4px);box-shadow:0 1px #c97300}.rb-controls .cta{flex:1}.rb-feedback{text-align:center;min-height:24px;font-weight:600}.rb-feedback.ok{color:var(--green)}.rb-feedback.bad{color:var(--red)}.rb-pips{justify-content:center;gap:6px;display:flex}.rb-pips i{background:var(--line);border-radius:50%;width:14px;height:14px}.rb-pips i.ok{background:var(--green)}.rb-pips i.bad{background:var(--red)}.streak-sheet{text-align:center;flex-direction:column;gap:8px;display:flex}.streak-flame{background:var(--line);filter:grayscale(.6);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:4px auto;padding:10px 22px;font-size:64px;line-height:1;display:inline-flex}.streak-flame.on{filter:none;color:#fff;background:linear-gradient(160deg,#ffb347,#ff7a1f);box-shadow:0 4px #d96a07}.streak-flame b{font-size:40px;font-family:var(--font)}.streak-today{color:var(--ink2);font-weight:700}.streak-today.ok{color:var(--green)}.app-banner{background:var(--card,#fff);border-radius:18px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 10px 10px 12px;display:flex;box-shadow:0 3px #17213314,0 6px 18px #17213314}.app-banner-ic img{border-radius:12px;width:48px;height:48px;display:block}.app-banner .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-banner b{font-size:16px}.app-banner small{color:var(--ink2);font-size:12.5px;line-height:1.3}.app-banner-go{color:#fff;white-space:nowrap;background:#172133;border-radius:999px;flex:none;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none}.app-banner-x{width:32px;height:32px;color:var(--ink2);background:0 0;border:0;border-radius:50%;flex:none;font-size:16px}a.cta.play-link{text-align:center;color:#fff;background:#172133;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}@media (orientation:landscape) and (max-height:820px){.rb-canvas{max-width:min(420px,50vh)}.media img.sign,.media.stage img.sign{width:min(156px,24vh)}.media.stage .post:after{height:min(46px,5vh)}}@media (min-width:900px) and (orientation:landscape){#app:has(.quiz-screen){max-width:1120px}.quiz-screen:has(>.media){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:28px;display:grid}.quiz-screen:has(>.media)>*{grid-column:1/-1}.quiz-screen:has(>.media)>.media{grid-area:span 6/1;margin:0;position:sticky;top:12px}.quiz-screen:has(>.media)>.qtext{grid-column:2}.quiz-screen:has(>.media)>.opts{grid-column:2}.quiz-screen:has(>.media)>.feedback{grid-column:2}.quiz-screen:has(>.media)>.media~div:last-child{grid-column:2}.quiz-screen:has(>.media)>.qtext{margin-top:0}.quiz-screen:has(>.media)>.feedback{border-radius:20px;margin:12px 0 0;position:static}.quiz-screen .media img.sign,.quiz-screen .media.stage img.sign{width:min(190px,30vh)}}.seo-foot{max-width:620px;color:var(--ink2);text-align:center;margin:-8px auto 0;padding:0 16px 28px;font-size:13px;line-height:1.9;display:none}.seo-foot a{color:inherit}body.web #app:has(.hero2)~.seo-foot{display:block}
