WindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Malayalam:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #0a0f2c;\n --navy2: #111936;\n --navy3: #1a2448;\n --gold: #f5c842;\n --gold2: #e8b020;\n --teal: #22d3c8;\n --teal2: #16a89f;\n --red: #ff5c6a;\n --green: #2ecc71;\n --white: #f0f4ff;\n --muted: #8896c0;\n --card: #141c3a;\n --radius: 20px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n\n body {\n background: var(--navy);\n color: var(--white);\n font-family: 'Noto Sans Malayalam', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n background-image:\n radial-gradient(circle at 20% 20%, rgba(34,211,200,0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(245,200,66,0.05) 0%, transparent 50%);\n }\n\n \/* Math symbols background *\/\n body::before {\n content: '\u00f7 \u00d7 + \u2212 \u00bd \u00bc \u2153 \u00be \u03c0 \u2211 \u221e \u221a';\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n font-family: 'Space Mono', monospace;\n font-size: 24px;\n color: rgba(34,211,200,0.04);\n word-break: break-all;\n line-height: 2;\n letter-spacing: 20px;\n pointer-events: none;\n z-index: 0;\n }\n\n #windopedu-app {\n position: relative;\n z-index: 1;\n max-width: 480px;\n margin: 0 auto;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 Header \u2500\u2500 *\/\n .app-header {\n padding: 18px 20px 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid rgba(245,200,66,0.15);\n }\n .brand { font-family: 'Space Mono', monospace; font-size: 14px; color: var(--gold); letter-spacing: 2px; }\n .brand span { color: var(--teal); }\n .xp-badge {\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 30px;\n display: flex; align-items: center; gap: 5px;\n }\n .streak {\n font-size: 18px;\n display: flex; align-items: center; gap: 4px;\n color: var(--gold);\n font-weight: 700;\n font-size: 14px;\n }\n\n \/* \u2500\u2500 Progress Bar \u2500\u2500 *\/\n .progress-wrap {\n padding: 12px 20px 0;\n display: flex; align-items: center; gap: 10px;\n }\n .progress-track {\n flex: 1;\n height: 6px;\n background: var(--navy3);\n border-radius: 10px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--teal), var(--gold));\n border-radius: 10px;\n transition: width 0.5s cubic-bezier(.4,0,.2,1);\n }\n .progress-label {\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n white-space: nowrap;\n }\n\n \/* \u2500\u2500 Topic Banner \u2500\u2500 *\/\n .topic-banner {\n margin: 16px 20px;\n background: var(--card);\n border: 1px solid rgba(245,200,66,0.2);\n border-radius: var(--radius);\n padding: 16px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .topic-icon {\n width: 52px; height: 52px;\n background: linear-gradient(135deg, var(--teal), var(--teal2));\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n font-size: 26px;\n flex-shrink: 0;\n }\n .topic-title { font-size: 18px; font-weight: 700; color: var(--white); line-height: 1.3; }\n .topic-sub { font-size: 13px; color: var(--muted); margin-top: 3px; }\n .activity-tag {\n background: rgba(34,211,200,0.15);\n color: var(--teal);\n border: 1px solid rgba(34,211,200,0.3);\n font-size: 11px;\n padding: 3px 10px;\n border-radius: 20px;\n margin-top: 6px;\n display: inline-block;\n font-family: 'Space Mono', monospace;\n }\n\n \/* \u2500\u2500 Screens \u2500\u2500 *\/\n .screen { display: none; flex: 1; padding: 0 20px 24px; animation: fadeIn 0.3s ease; }\n .screen.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* \u2500\u2500 Section Label \u2500\u2500 *\/\n .section-label {\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 16px; margin-top: 4px;\n }\n .section-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .section-text { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }\n\n \/* \u2500\u2500 Cards \u2500\u2500 *\/\n .card {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: var(--radius);\n padding: 20px;\n margin-bottom: 14px;\n }\n .card-accent-top { border-top: 3px solid var(--teal); }\n .card-accent-gold { border-top: 3px solid var(--gold); }\n .card-accent-red { border-top: 3px solid var(--red); }\n\n \/* \u2500\u2500 Question Text \u2500\u2500 *\/\n .q-number {\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n margin-bottom: 10px;\n display: flex; align-items: center; gap: 6px;\n }\n .q-number::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.06); }\n .q-text {\n font-size: 17px;\n line-height: 1.9;\n color: var(--white);\n margin-bottom: 18px;\n font-weight: 600;\n }\n .q-highlight {\n background: rgba(245,200,66,0.12);\n border-left: 3px solid var(--gold);\n padding: 10px 14px;\n border-radius: 0 10px 10px 0;\n margin-bottom: 16px;\n font-size: 15px;\n line-height: 1.8;\n }\n\n \/* \u2500\u2500 Options \u2500\u2500 *\/\n .options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .option-btn {\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.08);\n border-radius: 14px;\n padding: 14px 10px;\n text-align: center;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--white);\n cursor: pointer;\n transition: all 0.2s ease;\n min-height: 54px;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n overflow: hidden;\n }\n .option-btn::after {\n content: '';\n position: absolute; inset: 0;\n background: rgba(255,255,255,0);\n transition: background 0.15s;\n }\n .option-btn:active::after { background: rgba(255,255,255,0.06); }\n .option-btn.correct {\n background: rgba(46,204,113,0.18);\n border-color: var(--green);\n color: var(--green);\n animation: pulse-green 0.4s ease;\n }\n .option-btn.wrong {\n background: rgba(255,92,106,0.15);\n border-color: var(--red);\n color: var(--red);\n animation: shake 0.3s ease;\n }\n .option-btn.reveal-correct {\n background: rgba(46,204,113,0.18);\n border-color: var(--green);\n color: var(--green);\n }\n .option-btn:disabled { cursor: default; }\n\n @keyframes pulse-green {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n @keyframes shake {\n 0%,100% { transform: translateX(0); }\n 25% { transform: translateX(-6px); }\n 75% { transform: translateX(6px); }\n }\n\n \/* \u2500\u2500 Explanation Box \u2500\u2500 *\/\n .explanation {\n display: none;\n margin-top: 14px;\n background: rgba(34,211,200,0.08);\n border: 1px solid rgba(34,211,200,0.25);\n border-radius: 14px;\n padding: 14px 16px;\n font-size: 14px;\n line-height: 2;\n animation: fadeIn 0.3s ease;\n }\n .explanation.show { display: block; }\n .explanation .step {\n display: flex; gap: 10px; margin-bottom: 6px;\n align-items: flex-start;\n }\n .step-num {\n background: var(--teal);\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n font-weight: 700;\n width: 22px; height: 22px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 2px;\n }\n .step-text { color: var(--white); font-size: 14px; line-height: 1.9; }\n .psc-tip {\n margin-top: 10px;\n background: rgba(245,200,66,0.1);\n border-left: 3px solid var(--gold);\n padding: 8px 12px;\n border-radius: 0 10px 10px 0;\n font-size: 13px;\n color: var(--gold);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 Next \/ Continue Buttons \u2500\u2500 *\/\n .btn-next {\n width: 100%;\n background: linear-gradient(135deg, var(--teal), var(--teal2));\n color: var(--navy);\n border: none;\n border-radius: 16px;\n padding: 16px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n margin-top: 14px;\n transition: transform 0.15s, opacity 0.15s;\n display: none;\n letter-spacing: 0.5px;\n }\n .btn-next.show { display: block; }\n .btn-next:active { transform: scale(0.97); opacity: 0.9; }\n\n .btn-primary {\n width: 100%;\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n border: none;\n border-radius: 16px;\n padding: 16px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n margin-top: 12px;\n transition: transform 0.15s;\n letter-spacing: 0.5px;\n }\n .btn-primary:active { transform: scale(0.97); }\n\n \/* \u2500\u2500 Flip Card \u2500\u2500 *\/\n .flip-scene {\n perspective: 1000px;\n height: 160px;\n cursor: pointer;\n margin-bottom: 12px;\n }\n .flip-card {\n width: 100%; height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transition: transform 0.55s cubic-bezier(.4,0,.2,1);\n }\n .flip-card.flipped { transform: rotateY(180deg); }\n .flip-face {\n position: absolute; inset: 0;\n backface-visibility: hidden;\n border-radius: 18px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n padding: 20px;\n text-align: center;\n }\n .flip-front {\n background: var(--navy3);\n border: 2px solid rgba(245,200,66,0.25);\n }\n .flip-back {\n background: linear-gradient(135deg, rgba(34,211,200,0.15), rgba(34,211,200,0.05));\n border: 2px solid rgba(34,211,200,0.4);\n transform: rotateY(180deg);\n }\n .flip-label {\n font-size: 11px;\n font-family: 'Space Mono', monospace;\n letter-spacing: 1.5px;\n color: var(--muted);\n margin-bottom: 10px;\n }\n .flip-content { font-size: 17px; font-weight: 700; line-height: 1.8; }\n .flip-formula {\n font-family: 'Space Mono', monospace;\n font-size: 18px;\n color: var(--teal);\n background: rgba(34,211,200,0.1);\n padding: 8px 18px;\n border-radius: 10px;\n margin-top: 8px;\n letter-spacing: 1px;\n }\n .flip-hint {\n font-size: 12px;\n color: var(--gold);\n margin-top: 10px;\n display: flex; align-items: center; gap: 5px;\n }\n .flip-nav {\n display: flex; gap: 8px; margin-bottom: 14px;\n }\n .flip-dot {\n flex: 1; height: 4px; border-radius: 4px;\n background: var(--navy3);\n cursor: pointer;\n transition: background 0.2s;\n }\n .flip-dot.active { background: var(--gold); }\n\n \/* \u2500\u2500 Swipe Card (True\/False) \u2500\u2500 *\/\n .swipe-card {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 22px;\n padding: 28px 22px 22px;\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 14px;\n transition: transform 0.2s, opacity 0.2s;\n }\n .swipe-card.swipe-left {\n animation: swipeLeft 0.4s ease forwards;\n }\n .swipe-card.swipe-right {\n animation: swipeRight 0.4s ease forwards;\n }\n @keyframes swipeLeft {\n to { transform: translateX(-120%) rotate(-15deg); opacity: 0; }\n }\n @keyframes swipeRight {\n to { transform: translateX(120%) rotate(15deg); opacity: 0; }\n }\n .swipe-statement {\n font-size: 17px;\n font-weight: 600;\n line-height: 1.9;\n margin-bottom: 24px;\n }\n .swipe-btns { display: flex; gap: 12px; }\n .swipe-btn {\n flex: 1;\n border: none;\n border-radius: 14px;\n padding: 14px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n transition: transform 0.15s;\n min-height: 54px;\n }\n .swipe-btn:active { transform: scale(0.95); }\n .btn-true { background: rgba(46,204,113,0.2); color: var(--green); border: 2px solid var(--green); }\n .btn-false { background: rgba(255,92,106,0.2); color: var(--red); border: 2px solid var(--red); }\n .swipe-counter {\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n color: var(--muted);\n text-align: center;\n margin-bottom: 16px;\n }\n\n \/* \u2500\u2500 Error Spotter \u2500\u2500 *\/\n .steps-container { margin-bottom: 16px; }\n .step-row {\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.06);\n border-radius: 14px;\n padding: 14px 16px;\n margin-bottom: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 12px;\n transition: all 0.2s;\n }\n .step-row:active { transform: scale(0.98); }\n .step-row.correct-step { border-color: var(--green); background: rgba(46,204,113,0.1); }\n .step-row.wrong-step { border-color: var(--red); background: rgba(255,92,106,0.12); animation: shake 0.3s ease; }\n .step-row.disabled { pointer-events: none; opacity: 0.6; }\n .step-badge {\n background: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n padding: 4px 8px;\n border-radius: 8px;\n flex-shrink: 0;\n }\n .step-math {\n font-family: 'Space Mono', monospace;\n font-size: 14px;\n color: var(--white);\n line-height: 1.6;\n flex: 1;\n }\n\n \/* \u2500\u2500 Rapid Fire \u2500\u2500 *\/\n .rapid-question {\n text-align: center;\n padding: 30px 20px;\n background: var(--card);\n border-radius: 22px;\n margin-bottom: 16px;\n border: 1px solid rgba(255,255,255,0.07);\n }\n .rapid-math {\n font-family: 'Space Mono', monospace;\n font-size: 32px;\n font-weight: 700;\n color: var(--teal);\n margin: 10px 0;\n letter-spacing: 2px;\n }\n .timer-ring-wrap {\n display: flex;\n justify-content: center;\n margin: 14px 0 8px;\n }\n .timer-ring {\n position: relative;\n width: 64px; height: 64px;\n }\n .timer-ring svg { transform: rotate(-90deg); }\n .timer-ring circle {\n fill: none;\n stroke-width: 5;\n stroke-linecap: round;\n }\n .timer-ring .bg { stroke: var(--navy3); }\n .timer-ring .fill { stroke: var(--gold); transition: stroke-dashoffset 1s linear; }\n .timer-num {\n position: absolute;\n inset: 0;\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 18px;\n font-weight: 700;\n color: var(--gold);\n }\n .rapid-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n\n \/* \u2500\u2500 Score Toast \u2500\u2500 *\/\n .score-toast {\n position: fixed;\n top: 80px; left: 50%;\n transform: translateX(-50%) translateY(-20px);\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-weight: 700;\n font-size: 14px;\n padding: 10px 22px;\n border-radius: 30px;\n opacity: 0;\n pointer-events: none;\n z-index: 1000;\n transition: opacity 0.3s, transform 0.3s;\n }\n .score-toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n }\n\n \/* \u2500\u2500 Confetti \u2500\u2500 *\/\n .confetti-piece {\n position: fixed;\n width: 10px; height: 10px;\n border-radius: 2px;\n pointer-events: none;\n z-index: 9999;\n animation: confettiFall 2.5s ease-out forwards;\n }\n @keyframes confettiFall {\n 0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n }\n\n \/* \u2500\u2500 Activity Nav \u2500\u2500 *\/\n .activity-nav {\n display: flex;\n gap: 6px;\n padding: 16px 20px 8px;\n overflow-x: auto;\n scrollbar-width: none;\n }\n .activity-nav::-webkit-scrollbar { display: none; }\n .nav-pill {\n flex-shrink: 0;\n padding: 8px 14px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n border: 2px solid rgba(255,255,255,0.1);\n background: transparent;\n color: var(--muted);\n transition: all 0.2s;\n font-family: 'Noto Sans Malayalam', sans-serif;\n display: flex; align-items: center; gap: 5px;\n }\n .nav-pill.active {\n background: var(--navy3);\n border-color: var(--teal);\n color: var(--teal);\n }\n .nav-pill.done {\n border-color: var(--green);\n color: var(--green);\n }\n .nav-pill.done::before { content: '\u2713 '; }\n\n \/* \u2500\u2500 Result Screen \u2500\u2500 *\/\n .result-screen {\n text-align: center;\n padding: 40px 20px;\n }\n .result-emoji { font-size: 72px; margin-bottom: 20px; }\n .result-title { font-size: 26px; font-weight: 700; margin-bottom: 10px; }\n .result-score {\n font-family: 'Space Mono', monospace;\n font-size: 48px;\n font-weight: 700;\n background: linear-gradient(135deg, var(--gold), var(--teal));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px;\n }\n .result-stats {\n display: flex;\n gap: 14px;\n justify-content: center;\n margin-bottom: 30px;\n }\n .stat-box {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 16px 20px;\n text-align: center;\n }\n .stat-num { font-family: 'Space Mono', monospace; font-size: 24px; font-weight: 700; color: var(--teal); }\n .stat-label { font-size: 12px; color: var(--muted); margin-top: 4px; }\n .badges-row {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 24px;\n }\n .badge {\n background: rgba(245,200,66,0.1);\n border: 1px solid rgba(245,200,66,0.3);\n border-radius: 12px;\n padding: 10px 14px;\n font-size: 13px;\n color: var(--gold);\n display: flex; align-items: center; gap: 6px;\n }\n\n \/* \u2500\u2500 Fraction Bar Visual \u2500\u2500 *\/\n .fraction-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 12px 0;\n }\n .fraction-display {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n font-family: 'Space Mono', monospace;\n font-size: 20px;\n font-weight: 700;\n color: var(--teal);\n margin: 0 12px;\n }\n .fraction-bar {\n width: 100%;\n height: 2px;\n background: var(--gold);\n margin: 4px 0;\n }\n\n \/* Logic identifier *\/\n .logic-btns { display: flex; gap: 10px; }\n .logic-btn {\n flex: 1;\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 14px;\n padding: 14px 10px;\n color: var(--white);\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n text-align: center;\n transition: all 0.2s;\n min-height: 54px;\n display: flex; align-items: center; justify-content: center;\n }\n .logic-btn.correct { background: rgba(46,204,113,0.18); border-color: var(--green); color: var(--green); }\n .logic-btn.wrong { background: rgba(255,92,106,0.15); border-color: var(--red); color: var(--red); }\n .logic-btn:disabled { cursor: default; }\n\n .info-box {\n background: rgba(34,211,200,0.06);\n border: 1px solid rgba(34,211,200,0.2);\n border-radius: 14px;\n padding: 14px 16px;\n margin-bottom: 14px;\n font-size: 14px;\n line-height: 2;\n color: var(--muted);\n }\n .info-box strong { color: var(--white); }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"windopedu-app\">\n\n \n <div class=\"app-header\">\n <div class=\"brand\">WINDOP<span>EDU<\/span><\/div>\n <div class=\"streak\">\ud83d\udd25 <span id=\"streakCount\">0<\/span><\/div>\n <div class=\"xp-badge\">\u2b50 <span id=\"xpCount\">0<\/span> XP<\/div>\n <\/div>\n\n \n <div style=\"padding: 0 20px;\">\n <div class=\"topic-banner\">\n <div class=\"topic-icon\">\u00bd<\/div>\n <div>\n <div class=\"topic-title\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e<\/div>\n <div class=\"topic-sub\">Fractions \u2014 Session 3<\/div>\n <span class=\"activity-tag\">5 ACTIVITIES<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-wrap\">\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progressBar\" style=\"width:0%\"><\/div>\n <\/div>\n <div class=\"progress-label\" id=\"progressLabel\">0 \/ 5<\/div>\n <\/div>\n\n \n <div class=\"activity-nav\" id=\"activityNav\">\n <button class=\"nav-pill active\" onclick=\"goToActivity(0)\">\ud83d\udcd7 Formula Flip<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(1)\">\u2705 True\/False<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(2)\">\ud83c\udfaf Logic Identifier<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(3)\">\ud83d\udd0d Error Spotter<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(4)\">\u26a1 PSC Practice<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen active\" id=\"screen-0\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--teal)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--teal)\">\ud83d\udcd7 Concept & Logic \u2014 Formula Flip<\/div>\n <\/div>\n\n <div class=\"card card-accent-top\">\n <div class=\"q-number\">Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46<\/div>\n\n <div class=\"flip-nav\" id=\"flipNav\">\n <div class=\"flip-dot active\" onclick=\"showFlip(0)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(1)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(2)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(3)\"><\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-0\" onclick=\"flipCard(0)\">\n <div class=\"flip-card\" id=\"flipCard-0\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">FORMULA<\/div>\n <div class=\"flip-content\" style=\"font-size:14px;color:var(--muted)\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00f7 = Reciprocal \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00d7<\/div>\n <div class=\"flip-formula\">(a\/b) \u00f7 (c\/d) = (a\u00d7d)\/(b\u00d7c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-1\" style=\"display:none\" onclick=\"flipCard(1)\">\n <div class=\"flip-card\" id=\"flipCard-1\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">Reciprocal (\u0d24\u0d32\u0d24\u0d3f\u0d30\u0d3f\u0d1e\u0d4d\u0d1e \u0d30\u0d42\u0d2a\u0d02) \u0d09\u0d23\u0d4d\u0d1f\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d35\u0d34\u0d3f?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">FORMULA<\/div>\n <div class=\"fraction-visual\">\n <span style=\"color:var(--muted);font-size:14px\">a\/b \u2192 <\/span>\n <div class=\"fraction-display\">\n <span>b<\/span>\n <div class=\"fraction-bar\" style=\"width:30px\"><\/div>\n <span>a<\/span>\n <\/div>\n <\/div>\n <div style=\"font-size:13px;color:var(--muted);text-align:center\">\u0d05\u0d02\u0d36\u0d35\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d35\u0d41\u0d02 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d3f\u0d2f\u0d3f\u0d1f\u0d41\u0d15<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-2\" style=\"display:none\" onclick=\"flipCard(2)\">\n <div class=\"flip-card\" id=\"flipCard-2\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">PSC-\u0d2f\u0d3f\u0d7d \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d28\u0d4d\u0d28 Method?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">SHORTCUT<\/div>\n <div class=\"flip-formula\" style=\"font-size:14px;padding:12px\">\u0d13\u0d2a\u0d4d\u0d37\u0d7b \u0d35\u0d46\u0d30\u0d3f\u0d2b\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d37\u0d7b<br\/>(Substitution Method)<\/div>\n <div style=\"font-size:13px;color:var(--muted);text-align:center;margin-top:8px\">x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d24\u0d46 \u0d13\u0d30\u0d4b Option \u0d28\u0d47\u0d30\u0d3f\u0d1f\u0d4d\u0d1f\u0d4d \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-3\" style=\"display:none\" onclick=\"flipCard(3)\">\n <div class=\"flip-card\" id=\"flipCard-3\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">BODMAS-\u0d7d \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d09\u0d33\u0d4d\u0d33\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e \u0d06\u0d26\u0d4d\u0d2f\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">ORDER<\/div>\n <div style=\"text-align:center\">\n <div style=\"display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px\">\n <span style=\"background:rgba(245,200,66,0.15);border:1px solid var(--gold);color:var(--gold);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">B rackets<\/span>\n <span style=\"background:rgba(34,211,200,0.1);border:1px solid var(--teal);color:var(--teal);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">O f<\/span>\n <span style=\"background:rgba(255,92,106,0.1);border:1px solid var(--red);color:var(--red);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">D \u00f7<\/span>\n <span style=\"background:rgba(46,204,113,0.1);border:1px solid var(--green);color:var(--green);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">M \u00d7<\/span>\n <span style=\"color:var(--muted);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,0.1)\">A +<\/span>\n <span style=\"color:var(--muted);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,0.1)\">S \u2212<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"btn-primary\" onclick=\"completeActivity(0)\">\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24 Activity \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-1\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--teal)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--teal)\">\u2705 True \/ False Property<\/div>\n <\/div>\n\n <div class=\"swipe-counter\" id=\"tfCounter\">\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 1 \/ 5<\/div>\n\n <div id=\"tfCardWrap\">\n <div class=\"swipe-card\" id=\"tfCard\">\n <div class=\"swipe-statement\" id=\"tfStatement\">Loading…<\/div>\n <div class=\"swipe-btns\">\n <button class=\"swipe-btn btn-true\" onclick=\"answerTF(true)\">\u2713 \u0d36\u0d30\u0d3f<\/button>\n <button class=\"swipe-btn btn-false\" onclick=\"answerTF(false)\">\u2717 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"explanation\" id=\"tfExplanation\">\n <div class=\"psc-tip\" id=\"tfTip\"><\/div>\n <\/div>\n <button class=\"btn-next\" id=\"tfNext\" onclick=\"nextTF()\">\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-2\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--gold)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--gold)\">\ud83c\udfaf Logic Identifier<\/div>\n <\/div>\n\n <div class=\"info-box\">\n <strong>\u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d02:<\/strong> \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u0d15\u0d23\u0d4d\u0d1f\u0d3e\u0d32\u0d41\u0d1f\u0d7b \u2014 <strong>BODMAS<\/strong> \u0d06\u0d23\u0d4b <strong>Option Verification<\/strong> \u0d06\u0d23\u0d4b \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d \u0d0e\u0d28\u0d4d\u0d28\u0d4d \u0d24\u0d3f\u0d30\u0d3f\u0d1a\u0d4d\u0d1a\u0d31\u0d3f\u0d2f\u0d41\u0d15.\n <\/div>\n\n <div id=\"liQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"liDoneBtn\" style=\"display:none\" onclick=\"completeActivity(2)\">Activity \u0d24\u0d40\u0d7c\u0d28\u0d4d\u0d28\u0d41 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-3\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--red)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--red)\">\ud83d\udd0d Error Spotter<\/div>\n <\/div>\n\n <div id=\"esQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"esDoneBtn\" style=\"display:none\" onclick=\"completeActivity(3)\">Activity \u0d24\u0d40\u0d7c\u0d28\u0d4d\u0d28\u0d41 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-4\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--gold)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--gold)\">\u26a1 PSC Practice \u2014 Option Verification<\/div>\n <\/div>\n\n <div id=\"pscQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"pscDoneBtn\" style=\"display:none\" onclick=\"completeActivity(4)\">\ud83c\udfc6 Activity Complete!<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-result\">\n <div class=\"result-screen\">\n <div class=\"result-emoji\">\ud83c\udf89<\/div>\n <div class=\"result-title\">\u0d17\u0d02\u0d2d\u0d40\u0d30\u0d02! Session Complete!<\/div>\n <div class=\"result-score\" id=\"finalScore\">0 XP<\/div>\n <div class=\"result-stats\">\n <div class=\"stat-box\">\n <div class=\"stat-num\" id=\"finalCorrect\">0<\/div>\n <div class=\"stat-label\">\u0d36\u0d30\u0d3f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\" id=\"finalStreak\">0<\/div>\n <div class=\"stat-label\">Max Streak \ud83d\udd25<\/div>\n <\/div>\n <\/div>\n <div class=\"badges-row\" id=\"badgesRow\">\n <div class=\"badge\">\ud83c\udfc5 Fraction Master<\/div>\n <div class=\"badge\">\u26a1 PSC Ready<\/div>\n <\/div>\n <button class=\"btn-primary\" onclick=\"resetAll()\">\ud83d\udd04 \u0d35\u0d40\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<div class=\"score-toast\" id=\"scoreToast\">+10 XP<\/div>\n\n<script>\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ STATE\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nlet xp = 0, streak = 0, maxStreak = 0, correct = 0;\nlet currentActivity = 0;\nlet completedActivities = new Set();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ FLIP CARD DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nlet currentFlip = 0;\nfunction showFlip(idx) {\n document.querySelectorAll('.flip-scene').forEach((el, i) => {\n el.style.display = i === idx ? 'block' : 'none';\n });\n document.querySelectorAll('.flip-dot').forEach((el, i) => {\n el.classList.toggle('active', i === idx);\n });\n currentFlip = idx;\n}\nfunction flipCard(idx) {\n const card = document.getElementById('flipCard-' + idx);\n card.classList.toggle('flipped');\n addXP(5, '+5 XP \ud83c\udccf');\n \/\/ Auto advance after flip\n setTimeout(() => {\n const next = (idx + 1) % 4;\n showFlip(next);\n }, 1200);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ TRUE \/ FALSE DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst tfData = [\n {\n statement: '(a\/b) \u00f7 (c\/d) = (a\u00d7d)\/(b\u00d7c) \u2014 \u0d07\u0d24\u0d4d \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d',\n answer: true,\n tip: '\u2705 \u0d36\u0d30\u0d3f! \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u00f7 = Reciprocal \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00d7. (c\/d)-\u0d28\u0d4d\u0d31\u0d46 Reciprocal = (d\/c).'\n },\n {\n statement: '\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4d PSC-\u0d7d x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d33\u0d4d\u0d33 Algebra Method \u0d06\u0d23\u0d4d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! Option Verification (Substitution) Method \u0d06\u0d23\u0d4d PSC-\u0d7d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02 \u2014 x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d3f\u0d32\u0d4d\u0d32.'\n },\n {\n statement: 'BODMAS-\u0d7d \u0d17\u0d41\u0d23\u0d28\u0d02 (\u00d7) \u0d39\u0d30\u0d23\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4d (\u00f7) \u0d2e\u0d41\u0d7b\u0d17\u0d23\u0d28 \u0d09\u0d23\u0d4d\u0d1f\u0d4d',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! BODMAS-\u0d7d \u00d7 \u0d09\u0d02 \u00f7 \u0d09\u0d02 \u0d12\u0d30\u0d47 level. \u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d41\u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d \u0d35\u0d32\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d4d\u0d1f\u0d4d \u0d15\u0d4d\u0d30\u0d2e\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d02.'\n },\n {\n statement: '5\/12 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 Reciprocal 12\/5 \u0d06\u0d23\u0d4d',\n answer: true,\n tip: '\u2705 \u0d36\u0d30\u0d3f! Reciprocal = \u0d05\u0d02\u0d36\u0d35\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d35\u0d41\u0d02 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d3f\u0d2f\u0d3f\u0d1f\u0d41\u0d15. 5\/12 \u2192 12\/5.'\n },\n {\n statement: 'BODMAS-\u0d7d Brackets \u0d06\u0d26\u0d4d\u0d2f\u0d02, Division \u0d05\u0d35\u0d38\u0d3e\u0d28\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d23\u0d02',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! Brackets \u0d06\u0d26\u0d4d\u0d2f\u0d02 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d. \u0d2a\u0d15\u0d4d\u0d37\u0d47 Division, Multiplication-\u0d28\u0d4d \u0d36\u0d47\u0d37\u0d02 Addition, Subtraction \u2014 \u0d12\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d32\u0d41\u0d02 Division \u0d05\u0d35\u0d38\u0d3e\u0d28\u0d2e\u0d32\u0d4d\u0d32.'\n }\n];\nlet tfIndex = 0;\nfunction renderTF() {\n if (tfIndex >= tfData.length) {\n completeActivity(1); return;\n }\n const d = tfData[tfIndex];\n document.getElementById('tfStatement').textContent = d.statement;\n document.getElementById('tfCounter').textContent = `\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${tfIndex+1} \/ ${tfData.length}`;\n document.getElementById('tfExplanation').classList.remove('show');\n document.getElementById('tfNext').classList.remove('show');\n document.querySelectorAll('.swipe-btn').forEach(b => b.disabled = false);\n}\nfunction answerTF(val) {\n const d = tfData[tfIndex];\n const isCorrect = val === d.answer;\n document.querySelectorAll('.swipe-btn').forEach(b => b.disabled = true);\n const card = document.getElementById('tfCard');\n if (isCorrect) {\n addXP(10, '+10 XP \u2705');\n awardStreak();\n card.style.borderColor = 'var(--green)';\n } else {\n resetStreak();\n card.style.borderColor = 'var(--red)';\n }\n document.getElementById('tfTip').textContent = d.tip;\n document.getElementById('tfExplanation').classList.add('show');\n document.getElementById('tfNext').classList.add('show');\n}\nfunction nextTF() {\n tfIndex++;\n const card = document.getElementById('tfCard');\n card.style.borderColor = '';\n document.getElementById('tfExplanation').classList.remove('show');\n document.getElementById('tfNext').classList.remove('show');\n renderTF();\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ LOGIC IDENTIFIER DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst liData = [\n {\n question: '[1\/2 + 3\/4 - 5\/8] \u00d7 16\/15 \u00f7 4\/3 = ?',\n hint: '\u0d28\u0d47\u0d30\u0d3f\u0d1f\u0d4d\u0d1f\u0d4d \u0d12\u0d30\u0d41 Expression \u0d15\u0d4a\u0d1f\u0d41\u0d24\u0d4d\u0d24\u0d3f\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41 \u2014 operators \u0d09\u0d23\u0d4d\u0d1f\u0d4d',\n answer: 'bodmas',\n explanation: 'Brackets \u0d09\u0d33\u0d4d\u0d33 Expression \u0d06\u0d23\u0d4d. BODMAS \u0d15\u0d4d\u0d30\u0d2e\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d23\u0d02.'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d 1 \u0d15\u0d41\u0d31\u0d1a\u0d4d\u0d1a\u0d3e\u0d7d 1\/3 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4b\u0d1f\u0d4d 8 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/4 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41.',\n hint: '\u0d12\u0d30\u0d41 Unknown \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d23\u0d02',\n answer: 'opverify',\n explanation: 'Unknown \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d7d \u2014 Option Verification (A, B, C, D \u0d13\u0d30\u0d4b\u0d28\u0d4d\u0d28\u0d41\u0d02 Condition-\u0d7d Check \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15) \u0d06\u0d23\u0d4d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02.'\n },\n {\n question: '(4\/5 - 1\/10) \u00f7 7\/5 \u00d7 2\/3 = ?',\n hint: '\u0d12\u0d30\u0d41 Calculation Expression',\n answer: 'bodmas',\n explanation: 'Pure calculation \u2014 BODMAS \u0d15\u0d4d\u0d30\u0d2e\u0d02: \u0d06\u0d26\u0d4d\u0d2f\u0d02 Brackets, \u0d2a\u0d3f\u0d28\u0d4d\u0d28\u0d46 \u00f7 \u00d7.'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d4b\u0d1f\u0d4d 2 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 9\/11 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02. 3 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 5\/6 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02.',\n hint: 'Conditions \u0d15\u0d4a\u0d1f\u0d41\u0d24\u0d4d\u0d24\u0d4d Unknown \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d7d',\n answer: 'opverify',\n explanation: 'Option Verification: \u0d13\u0d30\u0d4b Option-\u0d09\u0d02 2 Conditions-\u0d7d Test \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u2014 \u0d30\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u2713 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28 Option \u0d06\u0d23\u0d4d \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02.'\n }\n];\nlet liAnswered = 0;\nfunction renderLI() {\n const wrap = document.getElementById('liQuestions');\n wrap.innerHTML = '';\n liData.forEach((d, i) => {\n const div = document.createElement('div');\n div.className = 'card card-accent-gold';\n div.style.marginBottom = '14px';\n div.innerHTML = `\n <div class=\"q-number\">\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${i+1}<\/div>\n <div class=\"q-text\" style=\"font-size:15px;line-height:2\">${d.question}<\/div>\n <div style=\"font-size:12px;color:var(--muted);margin-bottom:14px\">\ud83d\udca1 ${d.hint}<\/div>\n <div class=\"logic-btns\" id=\"li-btns-${i}\">\n <button class=\"logic-btn\" onclick=\"answerLI(${i},'bodmas')\" id=\"li-bodmas-${i}\">\ud83d\udcd0 BODMAS<\/button>\n <button class=\"logic-btn\" onclick=\"answerLI(${i},'opverify')\" id=\"li-opverify-${i}\">\ud83d\udd0d Option Verification<\/button>\n <\/div>\n <div class=\"explanation\" id=\"li-exp-${i}\">\n <div class=\"step\"><div class=\"step-num\">\u2713<\/div><div class=\"step-text\">${d.explanation}<\/div><\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerLI(i, val) {\n const d = liData[i];\n const isCorrect = val === d.answer;\n document.querySelectorAll(`#li-btns-${i} button`).forEach(b => b.disabled = true);\n document.getElementById(`li-${val}-${i}`).classList.add(isCorrect ? 'correct' : 'wrong');\n if (!isCorrect) {\n document.getElementById(`li-${d.answer}-${i}`).classList.add('reveal-correct');\n }\n document.getElementById(`li-exp-${i}`).classList.add('show');\n if (isCorrect) { addXP(10, '+10 XP \ud83c\udfaf'); awardStreak(); }\n else resetStreak();\n liAnswered++;\n if (liAnswered >= liData.length) {\n setTimeout(() => document.getElementById('liDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ ERROR SPOTTER DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst esData = [\n {\n question: '[2\/3 \u00d7 9\/4 + 1\/2] \u00f7 8\/3 \u0d32\u0d46 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42:',\n steps: [\n { text: '2\/3 \u00d7 9\/4 = 18\/12 = 3\/2', isError: false, label: 'Step 1' },\n { text: '3\/2 + 1\/2 = 4\/4 = 1', isError: true, label: 'Step 2' }, \/\/ Error: 4\/2 = 2\n { text: '1 \u00f7 8\/3 = 1 \u00d7 3\/8 = 3\/8', isError: false, label: 'Step 3' }\n ],\n explanation: 'Step 2-\u0d7d \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d: 3\/2 + 1\/2 = 4\/2 = 2 (4\/4 = 1 \u0d05\u0d32\u0d4d\u0d32). \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02: 2 \u00d7 3\/8 = 6\/8 = 3\/4'\n },\n {\n question: '(4\/5 - 1\/10) \u00f7 7\/5 \u00d7 2\/3 \u0d32\u0d46 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42:',\n steps: [\n { text: '4\/5 - 1\/10: LCM = 10 \u2192 8\/10 - 1\/10 = 7\/10', isError: false, label: 'Step 1' },\n { text: '7\/10 \u00f7 7\/5 = 7\/10 \u00f7 5\/7 = 49\/50', isError: true, label: 'Step 2' }, \/\/ Error: flip wrong\n { text: '49\/50 \u00d7 2\/3 = 98\/150', isError: false, label: 'Step 3' }\n ],\n explanation: 'Step 2-\u0d7d \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d: \u00f7 7\/5 = \u00d7 5\/7 (Reciprocal). \u0d36\u0d30\u0d3f: 7\/10 \u00d7 5\/7 = 35\/70 = 1\/2. Step 3: 1\/2 \u00d7 2\/3 = 1\/3.'\n }\n];\nlet esAnswered = 0;\nfunction renderES() {\n const wrap = document.getElementById('esQuestions');\n wrap.innerHTML = '';\n esData.forEach((d, qi) => {\n const div = document.createElement('div');\n div.className = 'card card-accent-red';\n div.style.marginBottom = '16px';\n const stepsHtml = d.steps.map((s, si) => `\n <div class=\"step-row\" id=\"es-step-${qi}-${si}\" onclick=\"answerES(${qi},${si})\">\n <span class=\"step-badge\">${s.label}<\/span>\n <span class=\"step-math\">${s.text}<\/span>\n <\/div>\n `).join('');\n div.innerHTML = `\n <div class=\"q-number\">Error Spotter ${qi+1}<\/div>\n <div class=\"q-text\" style=\"font-size:15px;margin-bottom:14px\">${d.question}<\/div>\n <div class=\"steps-container\">${stepsHtml}<\/div>\n <div class=\"explanation\" id=\"es-exp-${qi}\">\n <div class=\"step\">\n <div class=\"step-num\">!<\/div>\n <div class=\"step-text\">${d.explanation}<\/div>\n <\/div>\n <div class=\"psc-tip\">PSC Tip: \u00f7 \u0d1a\u0d3f\u0d39\u0d4d\u0d28\u0d02 \u0d15\u0d23\u0d4d\u0d1f\u0d3e\u0d7d Reciprocal-\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d4d convert \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u2713 \u0d09\u0d31\u0d2a\u0d4d\u0d2a\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerES(qi, si) {\n const d = esData[qi];\n const s = d.steps[si];\n \/\/ Disable all steps of this question\n d.steps.forEach((_, i) => {\n const el = document.getElementById(`es-step-${qi}-${i}`);\n if (el) el.classList.add('disabled');\n });\n const el = document.getElementById(`es-step-${qi}-${si}`);\n if (s.isError) {\n el.classList.add('correct-step');\n addXP(15, '+15 XP \ud83d\udd0d');\n awardStreak();\n } else {\n el.classList.add('wrong-step');\n resetStreak();\n \/\/ Reveal correct\n d.steps.forEach((s2, i) => {\n if (s2.isError) document.getElementById(`es-step-${qi}-${i}`).classList.add('correct-step');\n });\n }\n document.getElementById(`es-exp-${qi}`).classList.add('show');\n esAnswered++;\n if (esAnswered >= esData.length) {\n setTimeout(() => document.getElementById('esDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ PSC PRACTICE (Option Verification)\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst pscData = [\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d 1 \u0d15\u0d41\u0d31\u0d1a\u0d4d\u0d1a\u0d3e\u0d7d 1\/3 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4b\u0d1f\u0d4d 8 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/4 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['3\/12', '4\/12', '5\/12', '7\/12'],\n answer: 2,\n steps: [\n 'Option (C) = 5\/12 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n 'Condition 1: (5-1)\/12 = 4\/12 = 1\/3 \u2705',\n 'Condition 2: 5\/(12+8) = 5\/20 = 1\/4 \u2705',\n '\u0d30\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u2713 \u2192 \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 5\/12'\n ],\n tip: 'Option C-\u0d2f\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d Start \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 (Middle Value) \u2014 PSC Strategy!'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d1b\u0d47\u0d26\u0d02 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d47\u0d15\u0d4d\u0d15\u0d3e\u0d7e 4 \u0d15\u0d42\u0d1f\u0d41\u0d24\u0d32\u0d3e\u0d23\u0d4d. \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 1 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/2 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['3\/7', '5\/9', '7\/11', '1\/5'],\n answer: 0,\n steps: [\n 'Option (A) = 3\/7 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n '\u0d1b\u0d47\u0d26\u0d02 - \u0d05\u0d02\u0d36\u0d02 = 7 - 3 = 4 \u2705',\n '(3+1)\/(7+1) = 4\/8 = 1\/2 \u2705',\n '\u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 3\/7'\n ],\n tip: '\u0d30\u0d23\u0d4d\u0d1f\u0d4d Conditions \u0d09\u0d33\u0d4d\u0d33\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e Option (A)-\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d \u0d06\u0d26\u0d4d\u0d2f Condition Check \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d35\u0d47\u0d17\u0d02 Eliminate \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d3e\u0d02!'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d4b\u0d1f\u0d4d 2 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 9\/11, 3 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 5\/6 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['7\/9', '11\/13', '5\/7', '8\/10'],\n answer: 0,\n steps: [\n 'Option (A) = 7\/9 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n '(7+2)\/(9+2) = 9\/11 \u2705',\n '(7+3)\/(9+3) = 10\/12 = 5\/6 \u2705',\n '\u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 7\/9'\n ],\n tip: 'Pattern: \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d12\u0d30\u0d47 number \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d41\u0d28\u0d4d\u0d28 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u2014 Option Verification \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 Fast!'\n }\n];\nlet pscAnswered = 0;\nfunction renderPSC() {\n const wrap = document.getElementById('pscQuestions');\n wrap.innerHTML = '';\n pscData.forEach((d, qi) => {\n const optHtml = d.options.map((o, i) => `\n <button class=\"option-btn\" id=\"psc-opt-${qi}-${i}\" onclick=\"answerPSC(${qi},${i})\">\n <span style=\"font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);margin-right:6px\">${String.fromCharCode(65+i)}<\/span>${o}\n <\/button>\n `).join('');\n const stepsHtml = d.steps.map((s, si) => `\n <div class=\"step\">\n <div class=\"step-num\">${si+1}<\/div>\n <div class=\"step-text\">${s}<\/div>\n <\/div>\n `).join('');\n const div = document.createElement('div');\n div.className = 'card card-accent-gold';\n div.style.marginBottom = '16px';\n div.innerHTML = `\n <div class=\"q-number\">PSC \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${qi+1}<\/div>\n <div class=\"q-highlight\">${d.question}<\/div>\n <div class=\"options\" id=\"psc-opts-${qi}\">${optHtml}<\/div>\n <div class=\"explanation\" id=\"psc-exp-${qi}\">\n ${stepsHtml}\n <div class=\"psc-tip\">\ud83d\udca1 PSC Tip: ${d.tip}<\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerPSC(qi, sel) {\n const d = pscData[qi];\n const isCorrect = sel === d.answer;\n document.querySelectorAll(`#psc-opts-${qi} button`).forEach(b => b.disabled = true);\n document.getElementById(`psc-opt-${qi}-${sel}`).classList.add(isCorrect ? 'correct' : 'wrong');\n if (!isCorrect) {\n document.getElementById(`psc-opt-${qi}-${d.answer}`).classList.add('reveal-correct');\n resetStreak();\n } else {\n addXP(20, '+20 XP \u2b50');\n awardStreak();\n }\n document.getElementById(`psc-exp-${qi}`).classList.add('show');\n pscAnswered++;\n if (pscAnswered >= pscData.length) {\n setTimeout(() => document.getElementById('pscDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ GAMIFICATION\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction addXP(pts, msg) {\n xp += pts;\n correct++;\n document.getElementById('xpCount').textContent = xp;\n showToast(msg);\n}\nfunction awardStreak() {\n streak++;\n maxStreak = Math.max(maxStreak, streak);\n document.getElementById('streakCount').textContent = streak;\n}\nfunction resetStreak() { streak = 0; document.getElementById('streakCount').textContent = 0; }\nfunction showToast(msg) {\n const t = document.getElementById('scoreToast');\n t.textContent = msg;\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 1500);\n}\nfunction confetti() {\n const colors = ['#f5c842','#22d3c8','#ff5c6a','#2ecc71','#a855f7'];\n for (let i = 0; i < 40; i++) {\n const el = document.createElement('div');\n el.className = 'confetti-piece';\n el.style.cssText = `\n left:${Math.random()*100}vw;\n top:-20px;\n background:${colors[Math.floor(Math.random()*colors.length)]};\n width:${6+Math.random()*8}px;\n height:${6+Math.random()*8}px;\n border-radius:${Math.random()>0.5?'50%':'2px'};\n animation-delay:${Math.random()*0.8}s;\n animation-duration:${2+Math.random()*1.5}s;\n `;\n document.body.appendChild(el);\n setTimeout(() => el.remove(), 4000);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ ACTIVITY NAVIGATION\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction goToActivity(idx) {\n currentActivity = idx;\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById(`screen-${idx}`).classList.add('active');\n document.querySelectorAll('.nav-pill').forEach((p, i) => {\n p.classList.remove('active');\n if (i === idx) p.classList.add('active');\n });\n window.scrollTo(0, 0);\n}\nfunction completeActivity(idx) {\n if (!completedActivities.has(idx)) {\n completedActivities.add(idx);\n addXP(25, '+25 XP Activity Complete! \ud83c\udf8a');\n confetti();\n \/\/ Update nav pill\n document.querySelectorAll('.nav-pill')[idx].classList.add('done');\n }\n const progress = completedActivities.size;\n document.getElementById('progressBar').style.width = (progress\/5*100) + '%';\n document.getElementById('progressLabel').textContent = `${progress} \/ 5`;\n if (completedActivities.size >= 5) {\n setTimeout(() => showResult(), 600);\n } else {\n const next = idx + 1;\n if (next < 5) setTimeout(() => goToActivity(next), 400);\n }\n}\nfunction showResult() {\n confetti();\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById('screen-result').classList.add('active');\n document.getElementById('finalScore').textContent = xp + ' XP';\n document.getElementById('finalCorrect').textContent = correct;\n document.getElementById('finalStreak').textContent = maxStreak;\n if (xp >= 100) {\n document.getElementById('badgesRow').innerHTML += '<div class=\"badge\">\ud83c\udf1f High Scorer<\/div>';\n }\n}\nfunction resetAll() {\n xp = 0; streak = 0; maxStreak = 0; correct = 0;\n tfIndex = 0; liAnswered = 0; esAnswered = 0; pscAnswered = 0;\n completedActivities.clear();\n document.getElementById('xpCount').textContent = 0;\n document.getElementById('streakCount').textContent = 0;\n document.getElementById('progressBar').style.width = '0%';\n document.getElementById('progressLabel').textContent = '0 \/ 5';\n document.querySelectorAll('.nav-pill').forEach(p => { p.classList.remove('done', 'active'); });\n document.querySelectorAll('.nav-pill')[0].classList.add('active');\n renderLI(); renderES(); renderPSC(); renderTF();\n goToActivity(0);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ INIT\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nrenderTF();\nrenderLI();\nrenderES();\nrenderPSC();\nshowFlip(0);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>WindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e WINDOPEDU \ud83d\udd25 0 \u2b50 0 XP \u00bd \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e Fractions \u2014 Session 3 5 ACTIVITIES 0 \/ 5 \ud83d\udcd7 Formula Flip \u2705 True\/False \ud83c\udfaf Logic Identifier \ud83d\udd0d Error Spotter \u26a1 PSC Practice \ud83d\udcd7 Concept & Logic \u2014 Formula Flip Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46 QUESTION \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02? \ud83d\udc46 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3184","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"WindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e WINDOPEDU \ud83d\udd25 0 \u2b50 0 XP \u00bd \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e Fractions \u2014 Session 3 5 ACTIVITIES 0 \/ 5 \ud83d\udcd7 Formula Flip \u2705 True\/False \ud83c\udfaf Logic Identifier \ud83d\udd0d Error Spotter \u26a1 PSC Practice \ud83d\udcd7 Concept & Logic \u2014 Formula Flip Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46 QUESTION \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02? \ud83d\udc46…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3184"}],"version-history":[{"count":1,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184\/revisions"}],"predecessor-version":[{"id":3185,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184\/revisions\/3185"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3184,"date":"2026-04-23T14:16:02","date_gmt":"2026-04-23T10:16:02","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=3184"},"modified":"2026-04-23T14:16:04","modified_gmt":"2026-04-23T10:16:04","slug":"pyq_scert-maths-activity-1-2","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=3184","title":{"rendered":"pyq_scert maths activity 1.2"},"content":{"rendered":"\n\n\n\n\n\nWindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Malayalam:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #0a0f2c;\n --navy2: #111936;\n --navy3: #1a2448;\n --gold: #f5c842;\n --gold2: #e8b020;\n --teal: #22d3c8;\n --teal2: #16a89f;\n --red: #ff5c6a;\n --green: #2ecc71;\n --white: #f0f4ff;\n --muted: #8896c0;\n --card: #141c3a;\n --radius: 20px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n\n body {\n background: var(--navy);\n color: var(--white);\n font-family: 'Noto Sans Malayalam', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n background-image:\n radial-gradient(circle at 20% 20%, rgba(34,211,200,0.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(245,200,66,0.05) 0%, transparent 50%);\n }\n\n \/* Math symbols background *\/\n body::before {\n content: '\u00f7 \u00d7 + \u2212 \u00bd \u00bc \u2153 \u00be \u03c0 \u2211 \u221e \u221a';\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n font-family: 'Space Mono', monospace;\n font-size: 24px;\n color: rgba(34,211,200,0.04);\n word-break: break-all;\n line-height: 2;\n letter-spacing: 20px;\n pointer-events: none;\n z-index: 0;\n }\n\n #windopedu-app {\n position: relative;\n z-index: 1;\n max-width: 480px;\n margin: 0 auto;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 Header \u2500\u2500 *\/\n .app-header {\n padding: 18px 20px 14px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid rgba(245,200,66,0.15);\n }\n .brand { font-family: 'Space Mono', monospace; font-size: 14px; color: var(--gold); letter-spacing: 2px; }\n .brand span { color: var(--teal); }\n .xp-badge {\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 30px;\n display: flex; align-items: center; gap: 5px;\n }\n .streak {\n font-size: 18px;\n display: flex; align-items: center; gap: 4px;\n color: var(--gold);\n font-weight: 700;\n font-size: 14px;\n }\n\n \/* \u2500\u2500 Progress Bar \u2500\u2500 *\/\n .progress-wrap {\n padding: 12px 20px 0;\n display: flex; align-items: center; gap: 10px;\n }\n .progress-track {\n flex: 1;\n height: 6px;\n background: var(--navy3);\n border-radius: 10px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--teal), var(--gold));\n border-radius: 10px;\n transition: width 0.5s cubic-bezier(.4,0,.2,1);\n }\n .progress-label {\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n white-space: nowrap;\n }\n\n \/* \u2500\u2500 Topic Banner \u2500\u2500 *\/\n .topic-banner {\n margin: 16px 20px;\n background: var(--card);\n border: 1px solid rgba(245,200,66,0.2);\n border-radius: var(--radius);\n padding: 16px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .topic-icon {\n width: 52px; height: 52px;\n background: linear-gradient(135deg, var(--teal), var(--teal2));\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n font-size: 26px;\n flex-shrink: 0;\n }\n .topic-title { font-size: 18px; font-weight: 700; color: var(--white); line-height: 1.3; }\n .topic-sub { font-size: 13px; color: var(--muted); margin-top: 3px; }\n .activity-tag {\n background: rgba(34,211,200,0.15);\n color: var(--teal);\n border: 1px solid rgba(34,211,200,0.3);\n font-size: 11px;\n padding: 3px 10px;\n border-radius: 20px;\n margin-top: 6px;\n display: inline-block;\n font-family: 'Space Mono', monospace;\n }\n\n \/* \u2500\u2500 Screens \u2500\u2500 *\/\n .screen { display: none; flex: 1; padding: 0 20px 24px; animation: fadeIn 0.3s ease; }\n .screen.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n \/* \u2500\u2500 Section Label \u2500\u2500 *\/\n .section-label {\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 16px; margin-top: 4px;\n }\n .section-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .section-text { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }\n\n \/* \u2500\u2500 Cards \u2500\u2500 *\/\n .card {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: var(--radius);\n padding: 20px;\n margin-bottom: 14px;\n }\n .card-accent-top { border-top: 3px solid var(--teal); }\n .card-accent-gold { border-top: 3px solid var(--gold); }\n .card-accent-red { border-top: 3px solid var(--red); }\n\n \/* \u2500\u2500 Question Text \u2500\u2500 *\/\n .q-number {\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n margin-bottom: 10px;\n display: flex; align-items: center; gap: 6px;\n }\n .q-number::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.06); }\n .q-text {\n font-size: 17px;\n line-height: 1.9;\n color: var(--white);\n margin-bottom: 18px;\n font-weight: 600;\n }\n .q-highlight {\n background: rgba(245,200,66,0.12);\n border-left: 3px solid var(--gold);\n padding: 10px 14px;\n border-radius: 0 10px 10px 0;\n margin-bottom: 16px;\n font-size: 15px;\n line-height: 1.8;\n }\n\n \/* \u2500\u2500 Options \u2500\u2500 *\/\n .options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .option-btn {\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.08);\n border-radius: 14px;\n padding: 14px 10px;\n text-align: center;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--white);\n cursor: pointer;\n transition: all 0.2s ease;\n min-height: 54px;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n overflow: hidden;\n }\n .option-btn::after {\n content: '';\n position: absolute; inset: 0;\n background: rgba(255,255,255,0);\n transition: background 0.15s;\n }\n .option-btn:active::after { background: rgba(255,255,255,0.06); }\n .option-btn.correct {\n background: rgba(46,204,113,0.18);\n border-color: var(--green);\n color: var(--green);\n animation: pulse-green 0.4s ease;\n }\n .option-btn.wrong {\n background: rgba(255,92,106,0.15);\n border-color: var(--red);\n color: var(--red);\n animation: shake 0.3s ease;\n }\n .option-btn.reveal-correct {\n background: rgba(46,204,113,0.18);\n border-color: var(--green);\n color: var(--green);\n }\n .option-btn:disabled { cursor: default; }\n\n @keyframes pulse-green {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n @keyframes shake {\n 0%,100% { transform: translateX(0); }\n 25% { transform: translateX(-6px); }\n 75% { transform: translateX(6px); }\n }\n\n \/* \u2500\u2500 Explanation Box \u2500\u2500 *\/\n .explanation {\n display: none;\n margin-top: 14px;\n background: rgba(34,211,200,0.08);\n border: 1px solid rgba(34,211,200,0.25);\n border-radius: 14px;\n padding: 14px 16px;\n font-size: 14px;\n line-height: 2;\n animation: fadeIn 0.3s ease;\n }\n .explanation.show { display: block; }\n .explanation .step {\n display: flex; gap: 10px; margin-bottom: 6px;\n align-items: flex-start;\n }\n .step-num {\n background: var(--teal);\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n font-weight: 700;\n width: 22px; height: 22px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n margin-top: 2px;\n }\n .step-text { color: var(--white); font-size: 14px; line-height: 1.9; }\n .psc-tip {\n margin-top: 10px;\n background: rgba(245,200,66,0.1);\n border-left: 3px solid var(--gold);\n padding: 8px 12px;\n border-radius: 0 10px 10px 0;\n font-size: 13px;\n color: var(--gold);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 Next \/ Continue Buttons \u2500\u2500 *\/\n .btn-next {\n width: 100%;\n background: linear-gradient(135deg, var(--teal), var(--teal2));\n color: var(--navy);\n border: none;\n border-radius: 16px;\n padding: 16px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n margin-top: 14px;\n transition: transform 0.15s, opacity 0.15s;\n display: none;\n letter-spacing: 0.5px;\n }\n .btn-next.show { display: block; }\n .btn-next:active { transform: scale(0.97); opacity: 0.9; }\n\n .btn-primary {\n width: 100%;\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n border: none;\n border-radius: 16px;\n padding: 16px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n margin-top: 12px;\n transition: transform 0.15s;\n letter-spacing: 0.5px;\n }\n .btn-primary:active { transform: scale(0.97); }\n\n \/* \u2500\u2500 Flip Card \u2500\u2500 *\/\n .flip-scene {\n perspective: 1000px;\n height: 160px;\n cursor: pointer;\n margin-bottom: 12px;\n }\n .flip-card {\n width: 100%; height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transition: transform 0.55s cubic-bezier(.4,0,.2,1);\n }\n .flip-card.flipped { transform: rotateY(180deg); }\n .flip-face {\n position: absolute; inset: 0;\n backface-visibility: hidden;\n border-radius: 18px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n padding: 20px;\n text-align: center;\n }\n .flip-front {\n background: var(--navy3);\n border: 2px solid rgba(245,200,66,0.25);\n }\n .flip-back {\n background: linear-gradient(135deg, rgba(34,211,200,0.15), rgba(34,211,200,0.05));\n border: 2px solid rgba(34,211,200,0.4);\n transform: rotateY(180deg);\n }\n .flip-label {\n font-size: 11px;\n font-family: 'Space Mono', monospace;\n letter-spacing: 1.5px;\n color: var(--muted);\n margin-bottom: 10px;\n }\n .flip-content { font-size: 17px; font-weight: 700; line-height: 1.8; }\n .flip-formula {\n font-family: 'Space Mono', monospace;\n font-size: 18px;\n color: var(--teal);\n background: rgba(34,211,200,0.1);\n padding: 8px 18px;\n border-radius: 10px;\n margin-top: 8px;\n letter-spacing: 1px;\n }\n .flip-hint {\n font-size: 12px;\n color: var(--gold);\n margin-top: 10px;\n display: flex; align-items: center; gap: 5px;\n }\n .flip-nav {\n display: flex; gap: 8px; margin-bottom: 14px;\n }\n .flip-dot {\n flex: 1; height: 4px; border-radius: 4px;\n background: var(--navy3);\n cursor: pointer;\n transition: background 0.2s;\n }\n .flip-dot.active { background: var(--gold); }\n\n \/* \u2500\u2500 Swipe Card (True\/False) \u2500\u2500 *\/\n .swipe-card {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 22px;\n padding: 28px 22px 22px;\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 14px;\n transition: transform 0.2s, opacity 0.2s;\n }\n .swipe-card.swipe-left {\n animation: swipeLeft 0.4s ease forwards;\n }\n .swipe-card.swipe-right {\n animation: swipeRight 0.4s ease forwards;\n }\n @keyframes swipeLeft {\n to { transform: translateX(-120%) rotate(-15deg); opacity: 0; }\n }\n @keyframes swipeRight {\n to { transform: translateX(120%) rotate(15deg); opacity: 0; }\n }\n .swipe-statement {\n font-size: 17px;\n font-weight: 600;\n line-height: 1.9;\n margin-bottom: 24px;\n }\n .swipe-btns { display: flex; gap: 12px; }\n .swipe-btn {\n flex: 1;\n border: none;\n border-radius: 14px;\n padding: 14px;\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 16px;\n font-weight: 700;\n cursor: pointer;\n transition: transform 0.15s;\n min-height: 54px;\n }\n .swipe-btn:active { transform: scale(0.95); }\n .btn-true { background: rgba(46,204,113,0.2); color: var(--green); border: 2px solid var(--green); }\n .btn-false { background: rgba(255,92,106,0.2); color: var(--red); border: 2px solid var(--red); }\n .swipe-counter {\n font-family: 'Space Mono', monospace;\n font-size: 13px;\n color: var(--muted);\n text-align: center;\n margin-bottom: 16px;\n }\n\n \/* \u2500\u2500 Error Spotter \u2500\u2500 *\/\n .steps-container { margin-bottom: 16px; }\n .step-row {\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.06);\n border-radius: 14px;\n padding: 14px 16px;\n margin-bottom: 10px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 12px;\n transition: all 0.2s;\n }\n .step-row:active { transform: scale(0.98); }\n .step-row.correct-step { border-color: var(--green); background: rgba(46,204,113,0.1); }\n .step-row.wrong-step { border-color: var(--red); background: rgba(255,92,106,0.12); animation: shake 0.3s ease; }\n .step-row.disabled { pointer-events: none; opacity: 0.6; }\n .step-badge {\n background: var(--navy);\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n color: var(--muted);\n padding: 4px 8px;\n border-radius: 8px;\n flex-shrink: 0;\n }\n .step-math {\n font-family: 'Space Mono', monospace;\n font-size: 14px;\n color: var(--white);\n line-height: 1.6;\n flex: 1;\n }\n\n \/* \u2500\u2500 Rapid Fire \u2500\u2500 *\/\n .rapid-question {\n text-align: center;\n padding: 30px 20px;\n background: var(--card);\n border-radius: 22px;\n margin-bottom: 16px;\n border: 1px solid rgba(255,255,255,0.07);\n }\n .rapid-math {\n font-family: 'Space Mono', monospace;\n font-size: 32px;\n font-weight: 700;\n color: var(--teal);\n margin: 10px 0;\n letter-spacing: 2px;\n }\n .timer-ring-wrap {\n display: flex;\n justify-content: center;\n margin: 14px 0 8px;\n }\n .timer-ring {\n position: relative;\n width: 64px; height: 64px;\n }\n .timer-ring svg { transform: rotate(-90deg); }\n .timer-ring circle {\n fill: none;\n stroke-width: 5;\n stroke-linecap: round;\n }\n .timer-ring .bg { stroke: var(--navy3); }\n .timer-ring .fill { stroke: var(--gold); transition: stroke-dashoffset 1s linear; }\n .timer-num {\n position: absolute;\n inset: 0;\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Mono', monospace;\n font-size: 18px;\n font-weight: 700;\n color: var(--gold);\n }\n .rapid-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n\n \/* \u2500\u2500 Score Toast \u2500\u2500 *\/\n .score-toast {\n position: fixed;\n top: 80px; left: 50%;\n transform: translateX(-50%) translateY(-20px);\n background: linear-gradient(135deg, var(--gold), var(--gold2));\n color: var(--navy);\n font-family: 'Space Mono', monospace;\n font-weight: 700;\n font-size: 14px;\n padding: 10px 22px;\n border-radius: 30px;\n opacity: 0;\n pointer-events: none;\n z-index: 1000;\n transition: opacity 0.3s, transform 0.3s;\n }\n .score-toast.show {\n opacity: 1;\n transform: translateX(-50%) translateY(0);\n }\n\n \/* \u2500\u2500 Confetti \u2500\u2500 *\/\n .confetti-piece {\n position: fixed;\n width: 10px; height: 10px;\n border-radius: 2px;\n pointer-events: none;\n z-index: 9999;\n animation: confettiFall 2.5s ease-out forwards;\n }\n @keyframes confettiFall {\n 0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n }\n\n \/* \u2500\u2500 Activity Nav \u2500\u2500 *\/\n .activity-nav {\n display: flex;\n gap: 6px;\n padding: 16px 20px 8px;\n overflow-x: auto;\n scrollbar-width: none;\n }\n .activity-nav::-webkit-scrollbar { display: none; }\n .nav-pill {\n flex-shrink: 0;\n padding: 8px 14px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n border: 2px solid rgba(255,255,255,0.1);\n background: transparent;\n color: var(--muted);\n transition: all 0.2s;\n font-family: 'Noto Sans Malayalam', sans-serif;\n display: flex; align-items: center; gap: 5px;\n }\n .nav-pill.active {\n background: var(--navy3);\n border-color: var(--teal);\n color: var(--teal);\n }\n .nav-pill.done {\n border-color: var(--green);\n color: var(--green);\n }\n .nav-pill.done::before { content: '\u2713 '; }\n\n \/* \u2500\u2500 Result Screen \u2500\u2500 *\/\n .result-screen {\n text-align: center;\n padding: 40px 20px;\n }\n .result-emoji { font-size: 72px; margin-bottom: 20px; }\n .result-title { font-size: 26px; font-weight: 700; margin-bottom: 10px; }\n .result-score {\n font-family: 'Space Mono', monospace;\n font-size: 48px;\n font-weight: 700;\n background: linear-gradient(135deg, var(--gold), var(--teal));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px;\n }\n .result-stats {\n display: flex;\n gap: 14px;\n justify-content: center;\n margin-bottom: 30px;\n }\n .stat-box {\n background: var(--card);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 16px 20px;\n text-align: center;\n }\n .stat-num { font-family: 'Space Mono', monospace; font-size: 24px; font-weight: 700; color: var(--teal); }\n .stat-label { font-size: 12px; color: var(--muted); margin-top: 4px; }\n .badges-row {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 24px;\n }\n .badge {\n background: rgba(245,200,66,0.1);\n border: 1px solid rgba(245,200,66,0.3);\n border-radius: 12px;\n padding: 10px 14px;\n font-size: 13px;\n color: var(--gold);\n display: flex; align-items: center; gap: 6px;\n }\n\n \/* \u2500\u2500 Fraction Bar Visual \u2500\u2500 *\/\n .fraction-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 12px 0;\n }\n .fraction-display {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n font-family: 'Space Mono', monospace;\n font-size: 20px;\n font-weight: 700;\n color: var(--teal);\n margin: 0 12px;\n }\n .fraction-bar {\n width: 100%;\n height: 2px;\n background: var(--gold);\n margin: 4px 0;\n }\n\n \/* Logic identifier *\/\n .logic-btns { display: flex; gap: 10px; }\n .logic-btn {\n flex: 1;\n background: var(--navy3);\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 14px;\n padding: 14px 10px;\n color: var(--white);\n font-family: 'Noto Sans Malayalam', sans-serif;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n text-align: center;\n transition: all 0.2s;\n min-height: 54px;\n display: flex; align-items: center; justify-content: center;\n }\n .logic-btn.correct { background: rgba(46,204,113,0.18); border-color: var(--green); color: var(--green); }\n .logic-btn.wrong { background: rgba(255,92,106,0.15); border-color: var(--red); color: var(--red); }\n .logic-btn:disabled { cursor: default; }\n\n .info-box {\n background: rgba(34,211,200,0.06);\n border: 1px solid rgba(34,211,200,0.2);\n border-radius: 14px;\n padding: 14px 16px;\n margin-bottom: 14px;\n font-size: 14px;\n line-height: 2;\n color: var(--muted);\n }\n .info-box strong { color: var(--white); }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"windopedu-app\">\n\n \n <div class=\"app-header\">\n <div class=\"brand\">WINDOP<span>EDU<\/span><\/div>\n <div class=\"streak\">\ud83d\udd25 <span id=\"streakCount\">0<\/span><\/div>\n <div class=\"xp-badge\">\u2b50 <span id=\"xpCount\">0<\/span> XP<\/div>\n <\/div>\n\n \n <div style=\"padding: 0 20px;\">\n <div class=\"topic-banner\">\n <div class=\"topic-icon\">\u00bd<\/div>\n <div>\n <div class=\"topic-title\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e<\/div>\n <div class=\"topic-sub\">Fractions \u2014 Session 3<\/div>\n <span class=\"activity-tag\">5 ACTIVITIES<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-wrap\">\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progressBar\" style=\"width:0%\"><\/div>\n <\/div>\n <div class=\"progress-label\" id=\"progressLabel\">0 \/ 5<\/div>\n <\/div>\n\n \n <div class=\"activity-nav\" id=\"activityNav\">\n <button class=\"nav-pill active\" onclick=\"goToActivity(0)\">\ud83d\udcd7 Formula Flip<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(1)\">\u2705 True\/False<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(2)\">\ud83c\udfaf Logic Identifier<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(3)\">\ud83d\udd0d Error Spotter<\/button>\n <button class=\"nav-pill\" onclick=\"goToActivity(4)\">\u26a1 PSC Practice<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen active\" id=\"screen-0\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--teal)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--teal)\">\ud83d\udcd7 Concept & Logic \u2014 Formula Flip<\/div>\n <\/div>\n\n <div class=\"card card-accent-top\">\n <div class=\"q-number\">Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46<\/div>\n\n <div class=\"flip-nav\" id=\"flipNav\">\n <div class=\"flip-dot active\" onclick=\"showFlip(0)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(1)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(2)\"><\/div>\n <div class=\"flip-dot\" onclick=\"showFlip(3)\"><\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-0\" onclick=\"flipCard(0)\">\n <div class=\"flip-card\" id=\"flipCard-0\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">FORMULA<\/div>\n <div class=\"flip-content\" style=\"font-size:14px;color:var(--muted)\">\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00f7 = Reciprocal \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00d7<\/div>\n <div class=\"flip-formula\">(a\/b) \u00f7 (c\/d) = (a\u00d7d)\/(b\u00d7c)<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-1\" style=\"display:none\" onclick=\"flipCard(1)\">\n <div class=\"flip-card\" id=\"flipCard-1\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">Reciprocal (\u0d24\u0d32\u0d24\u0d3f\u0d30\u0d3f\u0d1e\u0d4d\u0d1e \u0d30\u0d42\u0d2a\u0d02) \u0d09\u0d23\u0d4d\u0d1f\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28 \u0d35\u0d34\u0d3f?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">FORMULA<\/div>\n <div class=\"fraction-visual\">\n <span style=\"color:var(--muted);font-size:14px\">a\/b \u2192 <\/span>\n <div class=\"fraction-display\">\n <span>b<\/span>\n <div class=\"fraction-bar\" style=\"width:30px\"><\/div>\n <span>a<\/span>\n <\/div>\n <\/div>\n <div style=\"font-size:13px;color:var(--muted);text-align:center\">\u0d05\u0d02\u0d36\u0d35\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d35\u0d41\u0d02 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d3f\u0d2f\u0d3f\u0d1f\u0d41\u0d15<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-2\" style=\"display:none\" onclick=\"flipCard(2)\">\n <div class=\"flip-card\" id=\"flipCard-2\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">PSC-\u0d2f\u0d3f\u0d7d \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d28\u0d4d\u0d28 Method?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">SHORTCUT<\/div>\n <div class=\"flip-formula\" style=\"font-size:14px;padding:12px\">\u0d13\u0d2a\u0d4d\u0d37\u0d7b \u0d35\u0d46\u0d30\u0d3f\u0d2b\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d37\u0d7b<br\/>(Substitution Method)<\/div>\n <div style=\"font-size:13px;color:var(--muted);text-align:center;margin-top:8px\">x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d3e\u0d24\u0d46 \u0d13\u0d30\u0d4b Option \u0d28\u0d47\u0d30\u0d3f\u0d1f\u0d4d\u0d1f\u0d4d \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flip-scene\" id=\"flip-3\" style=\"display:none\" onclick=\"flipCard(3)\">\n <div class=\"flip-card\" id=\"flipCard-3\">\n <div class=\"flip-face flip-front\">\n <div class=\"flip-label\">QUESTION<\/div>\n <div class=\"flip-content\">BODMAS-\u0d7d \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d09\u0d33\u0d4d\u0d33\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e \u0d06\u0d26\u0d4d\u0d2f\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d?<\/div>\n <div class=\"flip-hint\">\ud83d\udc46 Tap to flip<\/div>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"flip-label\">ORDER<\/div>\n <div style=\"text-align:center\">\n <div style=\"display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px\">\n <span style=\"background:rgba(245,200,66,0.15);border:1px solid var(--gold);color:var(--gold);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">B rackets<\/span>\n <span style=\"background:rgba(34,211,200,0.1);border:1px solid var(--teal);color:var(--teal);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">O f<\/span>\n <span style=\"background:rgba(255,92,106,0.1);border:1px solid var(--red);color:var(--red);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">D \u00f7<\/span>\n <span style=\"background:rgba(46,204,113,0.1);border:1px solid var(--green);color:var(--green);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700\">M \u00d7<\/span>\n <span style=\"color:var(--muted);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,0.1)\">A +<\/span>\n <span style=\"color:var(--muted);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,0.1)\">S \u2212<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"btn-primary\" onclick=\"completeActivity(0)\">\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24 Activity \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-1\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--teal)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--teal)\">\u2705 True \/ False Property<\/div>\n <\/div>\n\n <div class=\"swipe-counter\" id=\"tfCounter\">\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 1 \/ 5<\/div>\n\n <div id=\"tfCardWrap\">\n <div class=\"swipe-card\" id=\"tfCard\">\n <div class=\"swipe-statement\" id=\"tfStatement\">Loading…<\/div>\n <div class=\"swipe-btns\">\n <button class=\"swipe-btn btn-true\" onclick=\"answerTF(true)\">\u2713 \u0d36\u0d30\u0d3f<\/button>\n <button class=\"swipe-btn btn-false\" onclick=\"answerTF(false)\">\u2717 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"explanation\" id=\"tfExplanation\">\n <div class=\"psc-tip\" id=\"tfTip\"><\/div>\n <\/div>\n <button class=\"btn-next\" id=\"tfNext\" onclick=\"nextTF()\">\u0d05\u0d1f\u0d41\u0d24\u0d4d\u0d24 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-2\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--gold)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--gold)\">\ud83c\udfaf Logic Identifier<\/div>\n <\/div>\n\n <div class=\"info-box\">\n <strong>\u0d32\u0d15\u0d4d\u0d37\u0d4d\u0d2f\u0d02:<\/strong> \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u0d15\u0d23\u0d4d\u0d1f\u0d3e\u0d32\u0d41\u0d1f\u0d7b \u2014 <strong>BODMAS<\/strong> \u0d06\u0d23\u0d4b <strong>Option Verification<\/strong> \u0d06\u0d23\u0d4b \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d4d \u0d0e\u0d28\u0d4d\u0d28\u0d4d \u0d24\u0d3f\u0d30\u0d3f\u0d1a\u0d4d\u0d1a\u0d31\u0d3f\u0d2f\u0d41\u0d15.\n <\/div>\n\n <div id=\"liQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"liDoneBtn\" style=\"display:none\" onclick=\"completeActivity(2)\">Activity \u0d24\u0d40\u0d7c\u0d28\u0d4d\u0d28\u0d41 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-3\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--red)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--red)\">\ud83d\udd0d Error Spotter<\/div>\n <\/div>\n\n <div id=\"esQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"esDoneBtn\" style=\"display:none\" onclick=\"completeActivity(3)\">Activity \u0d24\u0d40\u0d7c\u0d28\u0d4d\u0d28\u0d41 \u2192<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-4\">\n <div class=\"section-label\" style=\"margin-top:12px\">\n <div class=\"section-dot\" style=\"background:var(--gold)\"><\/div>\n <div class=\"section-text\" style=\"color:var(--gold)\">\u26a1 PSC Practice \u2014 Option Verification<\/div>\n <\/div>\n\n <div id=\"pscQuestions\">\n \n <\/div>\n <button class=\"btn-primary\" id=\"pscDoneBtn\" style=\"display:none\" onclick=\"completeActivity(4)\">\ud83c\udfc6 Activity Complete!<\/button>\n <\/div>\n\n \n \n \n <div class=\"screen\" id=\"screen-result\">\n <div class=\"result-screen\">\n <div class=\"result-emoji\">\ud83c\udf89<\/div>\n <div class=\"result-title\">\u0d17\u0d02\u0d2d\u0d40\u0d30\u0d02! Session Complete!<\/div>\n <div class=\"result-score\" id=\"finalScore\">0 XP<\/div>\n <div class=\"result-stats\">\n <div class=\"stat-box\">\n <div class=\"stat-num\" id=\"finalCorrect\">0<\/div>\n <div class=\"stat-label\">\u0d36\u0d30\u0d3f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\" id=\"finalStreak\">0<\/div>\n <div class=\"stat-label\">Max Streak \ud83d\udd25<\/div>\n <\/div>\n <\/div>\n <div class=\"badges-row\" id=\"badgesRow\">\n <div class=\"badge\">\ud83c\udfc5 Fraction Master<\/div>\n <div class=\"badge\">\u26a1 PSC Ready<\/div>\n <\/div>\n <button class=\"btn-primary\" onclick=\"resetAll()\">\ud83d\udd04 \u0d35\u0d40\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<div class=\"score-toast\" id=\"scoreToast\">+10 XP<\/div>\n\n<script>\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ STATE\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nlet xp = 0, streak = 0, maxStreak = 0, correct = 0;\nlet currentActivity = 0;\nlet completedActivities = new Set();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ FLIP CARD DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nlet currentFlip = 0;\nfunction showFlip(idx) {\n document.querySelectorAll('.flip-scene').forEach((el, i) => {\n el.style.display = i === idx ? 'block' : 'none';\n });\n document.querySelectorAll('.flip-dot').forEach((el, i) => {\n el.classList.toggle('active', i === idx);\n });\n currentFlip = idx;\n}\nfunction flipCard(idx) {\n const card = document.getElementById('flipCard-' + idx);\n card.classList.toggle('flipped');\n addXP(5, '+5 XP \ud83c\udccf');\n \/\/ Auto advance after flip\n setTimeout(() => {\n const next = (idx + 1) % 4;\n showFlip(next);\n }, 1200);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ TRUE \/ FALSE DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst tfData = [\n {\n statement: '(a\/b) \u00f7 (c\/d) = (a\u00d7d)\/(b\u00d7c) \u2014 \u0d07\u0d24\u0d4d \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d',\n answer: true,\n tip: '\u2705 \u0d36\u0d30\u0d3f! \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u00f7 = Reciprocal \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u00d7. (c\/d)-\u0d28\u0d4d\u0d31\u0d46 Reciprocal = (d\/c).'\n },\n {\n statement: '\u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d19\u0d4d\u0d19\u0d7e\u0d15\u0d4d\u0d15\u0d4d PSC-\u0d7d x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d1a\u0d4d\u0d1a\u0d41\u0d33\u0d4d\u0d33 Algebra Method \u0d06\u0d23\u0d4d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! Option Verification (Substitution) Method \u0d06\u0d23\u0d4d PSC-\u0d7d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02 \u2014 x, y \u0d09\u0d2a\u0d2f\u0d4b\u0d17\u0d3f\u0d15\u0d4d\u0d15\u0d47\u0d23\u0d4d\u0d1f\u0d24\u0d3f\u0d32\u0d4d\u0d32.'\n },\n {\n statement: 'BODMAS-\u0d7d \u0d17\u0d41\u0d23\u0d28\u0d02 (\u00d7) \u0d39\u0d30\u0d23\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4d (\u00f7) \u0d2e\u0d41\u0d7b\u0d17\u0d23\u0d28 \u0d09\u0d23\u0d4d\u0d1f\u0d4d',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! BODMAS-\u0d7d \u00d7 \u0d09\u0d02 \u00f7 \u0d09\u0d02 \u0d12\u0d30\u0d47 level. \u0d07\u0d1f\u0d24\u0d4d\u0d24\u0d41\u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d \u0d35\u0d32\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d4d\u0d1f\u0d4d \u0d15\u0d4d\u0d30\u0d2e\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d02.'\n },\n {\n statement: '5\/12 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 Reciprocal 12\/5 \u0d06\u0d23\u0d4d',\n answer: true,\n tip: '\u2705 \u0d36\u0d30\u0d3f! Reciprocal = \u0d05\u0d02\u0d36\u0d35\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d35\u0d41\u0d02 \u0d2e\u0d3e\u0d31\u0d4d\u0d31\u0d3f\u0d2f\u0d3f\u0d1f\u0d41\u0d15. 5\/12 \u2192 12\/5.'\n },\n {\n statement: 'BODMAS-\u0d7d Brackets \u0d06\u0d26\u0d4d\u0d2f\u0d02, Division \u0d05\u0d35\u0d38\u0d3e\u0d28\u0d02 \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d23\u0d02',\n answer: false,\n tip: '\u274c \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d! Brackets \u0d06\u0d26\u0d4d\u0d2f\u0d02 \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d23\u0d4d. \u0d2a\u0d15\u0d4d\u0d37\u0d47 Division, Multiplication-\u0d28\u0d4d \u0d36\u0d47\u0d37\u0d02 Addition, Subtraction \u2014 \u0d12\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d32\u0d41\u0d02 Division \u0d05\u0d35\u0d38\u0d3e\u0d28\u0d2e\u0d32\u0d4d\u0d32.'\n }\n];\nlet tfIndex = 0;\nfunction renderTF() {\n if (tfIndex >= tfData.length) {\n completeActivity(1); return;\n }\n const d = tfData[tfIndex];\n document.getElementById('tfStatement').textContent = d.statement;\n document.getElementById('tfCounter').textContent = `\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${tfIndex+1} \/ ${tfData.length}`;\n document.getElementById('tfExplanation').classList.remove('show');\n document.getElementById('tfNext').classList.remove('show');\n document.querySelectorAll('.swipe-btn').forEach(b => b.disabled = false);\n}\nfunction answerTF(val) {\n const d = tfData[tfIndex];\n const isCorrect = val === d.answer;\n document.querySelectorAll('.swipe-btn').forEach(b => b.disabled = true);\n const card = document.getElementById('tfCard');\n if (isCorrect) {\n addXP(10, '+10 XP \u2705');\n awardStreak();\n card.style.borderColor = 'var(--green)';\n } else {\n resetStreak();\n card.style.borderColor = 'var(--red)';\n }\n document.getElementById('tfTip').textContent = d.tip;\n document.getElementById('tfExplanation').classList.add('show');\n document.getElementById('tfNext').classList.add('show');\n}\nfunction nextTF() {\n tfIndex++;\n const card = document.getElementById('tfCard');\n card.style.borderColor = '';\n document.getElementById('tfExplanation').classList.remove('show');\n document.getElementById('tfNext').classList.remove('show');\n renderTF();\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ LOGIC IDENTIFIER DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst liData = [\n {\n question: '[1\/2 + 3\/4 - 5\/8] \u00d7 16\/15 \u00f7 4\/3 = ?',\n hint: '\u0d28\u0d47\u0d30\u0d3f\u0d1f\u0d4d\u0d1f\u0d4d \u0d12\u0d30\u0d41 Expression \u0d15\u0d4a\u0d1f\u0d41\u0d24\u0d4d\u0d24\u0d3f\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41 \u2014 operators \u0d09\u0d23\u0d4d\u0d1f\u0d4d',\n answer: 'bodmas',\n explanation: 'Brackets \u0d09\u0d33\u0d4d\u0d33 Expression \u0d06\u0d23\u0d4d. BODMAS \u0d15\u0d4d\u0d30\u0d2e\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d23\u0d02.'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d 1 \u0d15\u0d41\u0d31\u0d1a\u0d4d\u0d1a\u0d3e\u0d7d 1\/3 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4b\u0d1f\u0d4d 8 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/4 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41.',\n hint: '\u0d12\u0d30\u0d41 Unknown \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d23\u0d02',\n answer: 'opverify',\n explanation: 'Unknown \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d7d \u2014 Option Verification (A, B, C, D \u0d13\u0d30\u0d4b\u0d28\u0d4d\u0d28\u0d41\u0d02 Condition-\u0d7d Check \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15) \u0d06\u0d23\u0d4d \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 \u0d35\u0d47\u0d17\u0d02.'\n },\n {\n question: '(4\/5 - 1\/10) \u00f7 7\/5 \u00d7 2\/3 = ?',\n hint: '\u0d12\u0d30\u0d41 Calculation Expression',\n answer: 'bodmas',\n explanation: 'Pure calculation \u2014 BODMAS \u0d15\u0d4d\u0d30\u0d2e\u0d02: \u0d06\u0d26\u0d4d\u0d2f\u0d02 Brackets, \u0d2a\u0d3f\u0d28\u0d4d\u0d28\u0d46 \u00f7 \u00d7.'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d4b\u0d1f\u0d4d 2 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 9\/11 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02. 3 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 5\/6 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02.',\n hint: 'Conditions \u0d15\u0d4a\u0d1f\u0d41\u0d24\u0d4d\u0d24\u0d4d Unknown \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d7d',\n answer: 'opverify',\n explanation: 'Option Verification: \u0d13\u0d30\u0d4b Option-\u0d09\u0d02 2 Conditions-\u0d7d Test \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 \u2014 \u0d30\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u2713 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28 Option \u0d06\u0d23\u0d4d \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02.'\n }\n];\nlet liAnswered = 0;\nfunction renderLI() {\n const wrap = document.getElementById('liQuestions');\n wrap.innerHTML = '';\n liData.forEach((d, i) => {\n const div = document.createElement('div');\n div.className = 'card card-accent-gold';\n div.style.marginBottom = '14px';\n div.innerHTML = `\n <div class=\"q-number\">\u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${i+1}<\/div>\n <div class=\"q-text\" style=\"font-size:15px;line-height:2\">${d.question}<\/div>\n <div style=\"font-size:12px;color:var(--muted);margin-bottom:14px\">\ud83d\udca1 ${d.hint}<\/div>\n <div class=\"logic-btns\" id=\"li-btns-${i}\">\n <button class=\"logic-btn\" onclick=\"answerLI(${i},'bodmas')\" id=\"li-bodmas-${i}\">\ud83d\udcd0 BODMAS<\/button>\n <button class=\"logic-btn\" onclick=\"answerLI(${i},'opverify')\" id=\"li-opverify-${i}\">\ud83d\udd0d Option Verification<\/button>\n <\/div>\n <div class=\"explanation\" id=\"li-exp-${i}\">\n <div class=\"step\"><div class=\"step-num\">\u2713<\/div><div class=\"step-text\">${d.explanation}<\/div><\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerLI(i, val) {\n const d = liData[i];\n const isCorrect = val === d.answer;\n document.querySelectorAll(`#li-btns-${i} button`).forEach(b => b.disabled = true);\n document.getElementById(`li-${val}-${i}`).classList.add(isCorrect ? 'correct' : 'wrong');\n if (!isCorrect) {\n document.getElementById(`li-${d.answer}-${i}`).classList.add('reveal-correct');\n }\n document.getElementById(`li-exp-${i}`).classList.add('show');\n if (isCorrect) { addXP(10, '+10 XP \ud83c\udfaf'); awardStreak(); }\n else resetStreak();\n liAnswered++;\n if (liAnswered >= liData.length) {\n setTimeout(() => document.getElementById('liDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ ERROR SPOTTER DATA\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst esData = [\n {\n question: '[2\/3 \u00d7 9\/4 + 1\/2] \u00f7 8\/3 \u0d32\u0d46 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42:',\n steps: [\n { text: '2\/3 \u00d7 9\/4 = 18\/12 = 3\/2', isError: false, label: 'Step 1' },\n { text: '3\/2 + 1\/2 = 4\/4 = 1', isError: true, label: 'Step 2' }, \/\/ Error: 4\/2 = 2\n { text: '1 \u00f7 8\/3 = 1 \u00d7 3\/8 = 3\/8', isError: false, label: 'Step 3' }\n ],\n explanation: 'Step 2-\u0d7d \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d: 3\/2 + 1\/2 = 4\/2 = 2 (4\/4 = 1 \u0d05\u0d32\u0d4d\u0d32). \u0d36\u0d30\u0d3f\u0d2f\u0d3e\u0d2f \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02: 2 \u00d7 3\/8 = 6\/8 = 3\/4'\n },\n {\n question: '(4\/5 - 1\/10) \u00f7 7\/5 \u00d7 2\/3 \u0d32\u0d46 \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42:',\n steps: [\n { text: '4\/5 - 1\/10: LCM = 10 \u2192 8\/10 - 1\/10 = 7\/10', isError: false, label: 'Step 1' },\n { text: '7\/10 \u00f7 7\/5 = 7\/10 \u00f7 5\/7 = 49\/50', isError: true, label: 'Step 2' }, \/\/ Error: flip wrong\n { text: '49\/50 \u00d7 2\/3 = 98\/150', isError: false, label: 'Step 3' }\n ],\n explanation: 'Step 2-\u0d7d \u0d24\u0d46\u0d31\u0d4d\u0d31\u0d4d: \u00f7 7\/5 = \u00d7 5\/7 (Reciprocal). \u0d36\u0d30\u0d3f: 7\/10 \u00d7 5\/7 = 35\/70 = 1\/2. Step 3: 1\/2 \u00d7 2\/3 = 1\/3.'\n }\n];\nlet esAnswered = 0;\nfunction renderES() {\n const wrap = document.getElementById('esQuestions');\n wrap.innerHTML = '';\n esData.forEach((d, qi) => {\n const div = document.createElement('div');\n div.className = 'card card-accent-red';\n div.style.marginBottom = '16px';\n const stepsHtml = d.steps.map((s, si) => `\n <div class=\"step-row\" id=\"es-step-${qi}-${si}\" onclick=\"answerES(${qi},${si})\">\n <span class=\"step-badge\">${s.label}<\/span>\n <span class=\"step-math\">${s.text}<\/span>\n <\/div>\n `).join('');\n div.innerHTML = `\n <div class=\"q-number\">Error Spotter ${qi+1}<\/div>\n <div class=\"q-text\" style=\"font-size:15px;margin-bottom:14px\">${d.question}<\/div>\n <div class=\"steps-container\">${stepsHtml}<\/div>\n <div class=\"explanation\" id=\"es-exp-${qi}\">\n <div class=\"step\">\n <div class=\"step-num\">!<\/div>\n <div class=\"step-text\">${d.explanation}<\/div>\n <\/div>\n <div class=\"psc-tip\">PSC Tip: \u00f7 \u0d1a\u0d3f\u0d39\u0d4d\u0d28\u0d02 \u0d15\u0d23\u0d4d\u0d1f\u0d3e\u0d7d Reciprocal-\u0d32\u0d47\u0d15\u0d4d\u0d15\u0d4d convert \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u2713 \u0d09\u0d31\u0d2a\u0d4d\u0d2a\u0d3e\u0d15\u0d4d\u0d15\u0d41\u0d15<\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerES(qi, si) {\n const d = esData[qi];\n const s = d.steps[si];\n \/\/ Disable all steps of this question\n d.steps.forEach((_, i) => {\n const el = document.getElementById(`es-step-${qi}-${i}`);\n if (el) el.classList.add('disabled');\n });\n const el = document.getElementById(`es-step-${qi}-${si}`);\n if (s.isError) {\n el.classList.add('correct-step');\n addXP(15, '+15 XP \ud83d\udd0d');\n awardStreak();\n } else {\n el.classList.add('wrong-step');\n resetStreak();\n \/\/ Reveal correct\n d.steps.forEach((s2, i) => {\n if (s2.isError) document.getElementById(`es-step-${qi}-${i}`).classList.add('correct-step');\n });\n }\n document.getElementById(`es-exp-${qi}`).classList.add('show');\n esAnswered++;\n if (esAnswered >= esData.length) {\n setTimeout(() => document.getElementById('esDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ PSC PRACTICE (Option Verification)\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nconst pscData = [\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d 1 \u0d15\u0d41\u0d31\u0d1a\u0d4d\u0d1a\u0d3e\u0d7d 1\/3 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d3f\u0d28\u0d4b\u0d1f\u0d4d 8 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/4 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['3\/12', '4\/12', '5\/12', '7\/12'],\n answer: 2,\n steps: [\n 'Option (C) = 5\/12 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n 'Condition 1: (5-1)\/12 = 4\/12 = 1\/3 \u2705',\n 'Condition 2: 5\/(12+8) = 5\/20 = 1\/4 \u2705',\n '\u0d30\u0d23\u0d4d\u0d1f\u0d41\u0d02 \u2713 \u2192 \u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 5\/12'\n ],\n tip: 'Option C-\u0d2f\u0d3f\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d Start \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d41\u0d15 (Middle Value) \u2014 PSC Strategy!'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d2f\u0d41\u0d1f\u0d46 \u0d1b\u0d47\u0d26\u0d02 \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d47\u0d15\u0d4d\u0d15\u0d3e\u0d7e 4 \u0d15\u0d42\u0d1f\u0d41\u0d24\u0d32\u0d3e\u0d23\u0d4d. \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 1 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 1\/2 \u0d06\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d41. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['3\/7', '5\/9', '7\/11', '1\/5'],\n answer: 0,\n steps: [\n 'Option (A) = 3\/7 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n '\u0d1b\u0d47\u0d26\u0d02 - \u0d05\u0d02\u0d36\u0d02 = 7 - 3 = 4 \u2705',\n '(3+1)\/(7+1) = 4\/8 = 1\/2 \u2705',\n '\u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 3\/7'\n ],\n tip: '\u0d30\u0d23\u0d4d\u0d1f\u0d4d Conditions \u0d09\u0d33\u0d4d\u0d33\u0d2a\u0d4d\u0d2a\u0d4b\u0d7e Option (A)-\u0d7d \u0d28\u0d3f\u0d28\u0d4d\u0d28\u0d4d \u0d06\u0d26\u0d4d\u0d2f Condition Check \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d35\u0d47\u0d17\u0d02 Eliminate \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d3e\u0d02!'\n },\n {\n question: '\u0d12\u0d30\u0d41 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d4b\u0d1f\u0d4d 2 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 9\/11, 3 \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d3f\u0d2f\u0d3e\u0d7d 5\/6 \u0d15\u0d3f\u0d1f\u0d4d\u0d1f\u0d41\u0d02. \u0d06 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d0f\u0d24\u0d4d?',\n options: ['7\/9', '11\/13', '5\/7', '8\/10'],\n answer: 0,\n steps: [\n 'Option (A) = 7\/9 \u0d2a\u0d30\u0d3f\u0d36\u0d4b\u0d27\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d15',\n '(7+2)\/(9+2) = 9\/11 \u2705',\n '(7+3)\/(9+3) = 10\/12 = 5\/6 \u2705',\n '\u0d09\u0d24\u0d4d\u0d24\u0d30\u0d02 7\/9'\n ],\n tip: 'Pattern: \u0d05\u0d02\u0d36\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d1b\u0d47\u0d26\u0d24\u0d4d\u0d24\u0d4b\u0d1f\u0d41\u0d02 \u0d12\u0d30\u0d47 number \u0d15\u0d42\u0d1f\u0d4d\u0d1f\u0d41\u0d28\u0d4d\u0d28 \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 \u2014 Option Verification \u0d0f\u0d31\u0d4d\u0d31\u0d35\u0d41\u0d02 Fast!'\n }\n];\nlet pscAnswered = 0;\nfunction renderPSC() {\n const wrap = document.getElementById('pscQuestions');\n wrap.innerHTML = '';\n pscData.forEach((d, qi) => {\n const optHtml = d.options.map((o, i) => `\n <button class=\"option-btn\" id=\"psc-opt-${qi}-${i}\" onclick=\"answerPSC(${qi},${i})\">\n <span style=\"font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);margin-right:6px\">${String.fromCharCode(65+i)}<\/span>${o}\n <\/button>\n `).join('');\n const stepsHtml = d.steps.map((s, si) => `\n <div class=\"step\">\n <div class=\"step-num\">${si+1}<\/div>\n <div class=\"step-text\">${s}<\/div>\n <\/div>\n `).join('');\n const div = document.createElement('div');\n div.className = 'card card-accent-gold';\n div.style.marginBottom = '16px';\n div.innerHTML = `\n <div class=\"q-number\">PSC \u0d1a\u0d4b\u0d26\u0d4d\u0d2f\u0d02 ${qi+1}<\/div>\n <div class=\"q-highlight\">${d.question}<\/div>\n <div class=\"options\" id=\"psc-opts-${qi}\">${optHtml}<\/div>\n <div class=\"explanation\" id=\"psc-exp-${qi}\">\n ${stepsHtml}\n <div class=\"psc-tip\">\ud83d\udca1 PSC Tip: ${d.tip}<\/div>\n <\/div>\n `;\n wrap.appendChild(div);\n });\n}\nfunction answerPSC(qi, sel) {\n const d = pscData[qi];\n const isCorrect = sel === d.answer;\n document.querySelectorAll(`#psc-opts-${qi} button`).forEach(b => b.disabled = true);\n document.getElementById(`psc-opt-${qi}-${sel}`).classList.add(isCorrect ? 'correct' : 'wrong');\n if (!isCorrect) {\n document.getElementById(`psc-opt-${qi}-${d.answer}`).classList.add('reveal-correct');\n resetStreak();\n } else {\n addXP(20, '+20 XP \u2b50');\n awardStreak();\n }\n document.getElementById(`psc-exp-${qi}`).classList.add('show');\n pscAnswered++;\n if (pscAnswered >= pscData.length) {\n setTimeout(() => document.getElementById('pscDoneBtn').style.display = 'block', 400);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ GAMIFICATION\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction addXP(pts, msg) {\n xp += pts;\n correct++;\n document.getElementById('xpCount').textContent = xp;\n showToast(msg);\n}\nfunction awardStreak() {\n streak++;\n maxStreak = Math.max(maxStreak, streak);\n document.getElementById('streakCount').textContent = streak;\n}\nfunction resetStreak() { streak = 0; document.getElementById('streakCount').textContent = 0; }\nfunction showToast(msg) {\n const t = document.getElementById('scoreToast');\n t.textContent = msg;\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 1500);\n}\nfunction confetti() {\n const colors = ['#f5c842','#22d3c8','#ff5c6a','#2ecc71','#a855f7'];\n for (let i = 0; i < 40; i++) {\n const el = document.createElement('div');\n el.className = 'confetti-piece';\n el.style.cssText = `\n left:${Math.random()*100}vw;\n top:-20px;\n background:${colors[Math.floor(Math.random()*colors.length)]};\n width:${6+Math.random()*8}px;\n height:${6+Math.random()*8}px;\n border-radius:${Math.random()>0.5?'50%':'2px'};\n animation-delay:${Math.random()*0.8}s;\n animation-duration:${2+Math.random()*1.5}s;\n `;\n document.body.appendChild(el);\n setTimeout(() => el.remove(), 4000);\n }\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ ACTIVITY NAVIGATION\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nfunction goToActivity(idx) {\n currentActivity = idx;\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById(`screen-${idx}`).classList.add('active');\n document.querySelectorAll('.nav-pill').forEach((p, i) => {\n p.classList.remove('active');\n if (i === idx) p.classList.add('active');\n });\n window.scrollTo(0, 0);\n}\nfunction completeActivity(idx) {\n if (!completedActivities.has(idx)) {\n completedActivities.add(idx);\n addXP(25, '+25 XP Activity Complete! \ud83c\udf8a');\n confetti();\n \/\/ Update nav pill\n document.querySelectorAll('.nav-pill')[idx].classList.add('done');\n }\n const progress = completedActivities.size;\n document.getElementById('progressBar').style.width = (progress\/5*100) + '%';\n document.getElementById('progressLabel').textContent = `${progress} \/ 5`;\n if (completedActivities.size >= 5) {\n setTimeout(() => showResult(), 600);\n } else {\n const next = idx + 1;\n if (next < 5) setTimeout(() => goToActivity(next), 400);\n }\n}\nfunction showResult() {\n confetti();\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById('screen-result').classList.add('active');\n document.getElementById('finalScore').textContent = xp + ' XP';\n document.getElementById('finalCorrect').textContent = correct;\n document.getElementById('finalStreak').textContent = maxStreak;\n if (xp >= 100) {\n document.getElementById('badgesRow').innerHTML += '<div class=\"badge\">\ud83c\udf1f High Scorer<\/div>';\n }\n}\nfunction resetAll() {\n xp = 0; streak = 0; maxStreak = 0; correct = 0;\n tfIndex = 0; liAnswered = 0; esAnswered = 0; pscAnswered = 0;\n completedActivities.clear();\n document.getElementById('xpCount').textContent = 0;\n document.getElementById('streakCount').textContent = 0;\n document.getElementById('progressBar').style.width = '0%';\n document.getElementById('progressLabel').textContent = '0 \/ 5';\n document.querySelectorAll('.nav-pill').forEach(p => { p.classList.remove('done', 'active'); });\n document.querySelectorAll('.nav-pill')[0].classList.add('active');\n renderLI(); renderES(); renderPSC(); renderTF();\n goToActivity(0);\n}\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ INIT\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nrenderTF();\nrenderLI();\nrenderES();\nrenderPSC();\nshowFlip(0);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>WindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e WINDOPEDU \ud83d\udd25 0 \u2b50 0 XP \u00bd \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e Fractions \u2014 Session 3 5 ACTIVITIES 0 \/ 5 \ud83d\udcd7 Formula Flip \u2705 True\/False \ud83c\udfaf Logic Identifier \ud83d\udd0d Error Spotter \u26a1 PSC Practice \ud83d\udcd7 Concept & Logic \u2014 Formula Flip Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46 QUESTION \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02? \ud83d\udc46 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3184","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"WindopEdu \u2014 \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e WINDOPEDU \ud83d\udd25 0 \u2b50 0 XP \u00bd \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f\u0d15\u0d7e Fractions \u2014 Session 3 5 ACTIVITIES 0 \/ 5 \ud83d\udcd7 Formula Flip \u2705 True\/False \ud83c\udfaf Logic Identifier \ud83d\udd0d Error Spotter \u26a1 PSC Practice \ud83d\udcd7 Concept & Logic \u2014 Formula Flip Formula Flip \u2014 \u0d1f\u0d3e\u0d2a\u0d4d\u0d2a\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d24\u0d4d \u0d2b\u0d4b\u0d7c\u0d2e\u0d41\u0d32 \u0d15\u0d23\u0d4d\u0d1f\u0d46\u0d24\u0d4d\u0d24\u0d42 \ud83d\udc46 QUESTION \u0d2d\u0d3f\u0d28\u0d4d\u0d28\u0d38\u0d02\u0d16\u0d4d\u0d2f \u0d15\u0d4a\u0d23\u0d4d\u0d1f\u0d4d \u0d39\u0d30\u0d3f\u0d15\u0d4d\u0d15\u0d41\u0d28\u0d4d\u0d28\u0d24\u0d3f\u0d28\u0d4d\u0d31\u0d46 \u0d28\u0d3f\u0d2f\u0d2e\u0d02? \ud83d\udc46…","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3184"}],"version-history":[{"count":1,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184\/revisions"}],"predecessor-version":[{"id":3185,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3184\/revisions\/3185"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}