{"id":13,"date":"2026-08-18T08:10:25","date_gmt":"2026-08-18T02:40:25","guid":{"rendered":"https:\/\/barakhadi.besthindipost.in\/?page_id=13"},"modified":"2026-08-18T08:10:25","modified_gmt":"2026-08-18T02:40:25","slug":"%e0%a4%ac%e0%a4%be%e0%a4%b0%e0%a4%b9%e0%a4%96%e0%a4%a1%e0%a4%bc%e0%a5%80-%e0%a4%ae%e0%a4%bf%e0%a4%b2%e0%a4%be%e0%a4%a8-%e0%a4%96%e0%a5%87%e0%a4%b2","status":"publish","type":"page","link":"https:\/\/barakhadi.besthindipost.in\/?page_id=13","title":{"rendered":"\u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940 &#8211; \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"hi\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>\u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940 &#8211; \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', 'Noto Sans Devanagari', sans-serif;\n            background: linear-gradient(145deg, #fef9f0 0%, #fff6e5 100%);\n            color: #2d2a24;\n            padding: 1.5rem;\n            min-height: 100vh;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: rgba(255, 249, 242, 0.7);\n            backdrop-filter: blur(2px);\n            border-radius: 60px 60px 40px 40px;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n            padding: 2rem 2rem 3rem;\n        }\n\n        h1 {\n            font-size: 2.8rem;\n            background: linear-gradient(135deg, #b45f2e, #d4874a);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            display: inline-block;\n            margin-bottom: 0.25rem;\n        }\n\n        h2 {\n            font-size: 2rem;\n            color: #7a4a2a;\n            border-left: 8px solid #e7b17d;\n            padding-left: 1.2rem;\n            margin: 2rem 0 1.5rem 0;\n        }\n\n        .subhead {\n            font-size: 1.1rem;\n            color: #6b4f36;\n            background: #f2e3d3;\n            display: inline-block;\n            padding: 0.3rem 1.5rem;\n            border-radius: 40px;\n            margin-bottom: 0.5rem;\n        }\n\n        .nav-tabs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.6rem 1.2rem;\n            background: #fffbf5;\n            padding: 1rem 1.8rem;\n            border-radius: 60px;\n            margin: 1.8rem 0 2.2rem 0;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03);\n            justify-content: center;\n        }\n\n        .nav-tabs a {\n            text-decoration: none;\n            color: #4d3724;\n            font-weight: 500;\n            padding: 0.3rem 0.8rem;\n            border-radius: 30px;\n            transition: 0.2s;\n            font-size: 1rem;\n            border: 1px solid transparent;\n        }\n\n        .nav-tabs a:hover {\n            background: #eaceb4;\n            border-color: #c8a887;\n            transform: scale(1.02);\n        }\n\n        .nav-tabs i {\n            margin-right: 6px;\n            color: #b87a4a;\n        }\n\n        \/* ----- Game Area ----- *\/\n        .game-container {\n            background: #fcf5ec;\n            border-radius: 40px;\n            padding: 2rem;\n            margin: 1.5rem 0;\n            box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.02);\n        }\n\n        .game-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .game-stats {\n            display: flex;\n            gap: 2rem;\n            font-size: 1.1rem;\n            background: #fffbf5;\n            padding: 0.5rem 1.5rem;\n            border-radius: 50px;\n        }\n\n        .game-stats span {\n            font-weight: 600;\n            color: #b87a4a;\n        }\n\n        .btn {\n            background: #b87a4a;\n            border: none;\n            color: #fff;\n            font-size: 1.1rem;\n            padding: 0.7rem 2rem;\n            border-radius: 60px;\n            font-weight: 600;\n            cursor: pointer;\n            box-shadow: 0 5px 0 #6f4a2a;\n            transition: 0.07s linear;\n        }\n\n        .btn:active {\n            transform: translateY(5px);\n            box-shadow: none;\n        }\n\n        .btn-secondary {\n            background: #8f6b4b;\n            box-shadow: 0 5px 0 #5f3e26;\n        }\n\n        .btn-success {\n            background: #4caf50;\n            box-shadow: 0 5px 0 #2e7d32;\n        }\n\n        .btn-success:disabled {\n            opacity: 0.6;\n            transform: translateY(5px);\n            box-shadow: none;\n            cursor: not-allowed;\n        }\n\n        .match-area {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n            margin: 1.5rem 0;\n        }\n\n        @media (max-width: 768px) {\n            .match-area {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n        }\n\n        .match-column {\n            background: #fffcf7;\n            border-radius: 30px;\n            padding: 1.5rem;\n            min-height: 300px;\n        }\n\n        .match-column h3 {\n            text-align: center;\n            margin-bottom: 1.5rem;\n            color: #5f3e26;\n            font-size: 1.3rem;\n        }\n\n        .match-items {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n            justify-content: center;\n        }\n\n        .match-item {\n            background: #f2e3d3;\n            padding: 0.8rem 1.5rem;\n            border-radius: 50px;\n            font-size: 1.5rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s;\n            border: 3px solid transparent;\n            user-select: none;\n            min-width: 60px;\n            text-align: center;\n        }\n\n        .match-item:hover {\n            transform: scale(1.05);\n            background: #eaceb4;\n        }\n\n        .match-item.selected {\n            border-color: #b87a4a;\n            background: #dbb594;\n            transform: scale(1.05);\n            box-shadow: 0 4px 12px rgba(184, 122, 74, 0.3);\n        }\n\n        .match-item.correct {\n            background: #4caf50;\n            color: white;\n            border-color: #2e7d32;\n            cursor: default;\n            opacity: 0.7;\n            transform: scale(0.95);\n        }\n\n        .match-item.correct:hover {\n            transform: scale(0.95);\n        }\n\n        .match-item.wrong {\n            background: #f44336;\n            color: white;\n            border-color: #c62828;\n            animation: shake 0.4s;\n        }\n\n        @keyframes shake {\n            0%, 100% { transform: translateX(0); }\n            25% { transform: translateX(-10px); }\n            75% { transform: translateX(10px); }\n        }\n\n        .match-item:disabled {\n            cursor: not-allowed;\n        }\n\n        .game-message {\n            text-align: center;\n            font-size: 1.2rem;\n            padding: 1rem;\n            margin: 1rem 0;\n            border-radius: 30px;\n            background: #fffbf5;\n        }\n\n        .game-message.success {\n            background: #c8e6c9;\n            color: #2e7d32;\n        }\n\n        .game-message.error {\n            background: #ffcdd2;\n            color: #c62828;\n        }\n\n        .game-complete {\n            text-align: center;\n            padding: 2rem;\n            background: #c8e6c9;\n            border-radius: 30px;\n            margin: 1rem 0;\n        }\n\n        .game-complete h3 {\n            font-size: 2rem;\n            color: #2e7d32;\n            margin-bottom: 0.5rem;\n        }\n\n        .progress-bar {\n            width: 100%;\n            height: 12px;\n            background: #e0d5c8;\n            border-radius: 20px;\n            overflow: hidden;\n            margin: 1rem 0;\n        }\n\n        .progress-bar-fill {\n            height: 100%;\n            background: linear-gradient(90deg, #b87a4a, #d4874a);\n            transition: width 0.5s ease;\n            border-radius: 20px;\n        }\n\n        .back-link {\n            display: inline-block;\n            margin-top: 1.5rem;\n            color: #7a4a2a;\n            text-decoration: none;\n            font-weight: 600;\n        }\n\n        .back-link:hover {\n            text-decoration: underline;\n        }\n\n        .footer {\n            margin-top: 3rem;\n            border-top: 2px solid #e2cfbb;\n            padding-top: 2rem;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            gap: 1rem;\n            color: #4f3d2c;\n            font-size: 0.95rem;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        <!-- Header -->\n        <div style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\n            <div>\n                <h1>\ud83c\udfaf \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932<\/h1>\n                <span class=\"subhead\"><i class=\"fas fa-pencil-alt\"><\/i> \u0905\u0915\u094d\u0937\u0930 \u0915\u094b \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u0947 \u0930\u0942\u092a \u0938\u0947 \u092e\u093f\u0932\u093e\u090f\u0901<\/span>\n            <\/div>\n            <a href=\"#game\" class=\"btn btn-secondary\" style=\"text-decoration: none; display: inline-block;\" onclick=\"resetGame()\">\n                <i class=\"fas fa-redo\"><\/i> \u0928\u092f\u093e \u0917\u0947\u092e\n            <\/a>\n        <\/div>\n\n        <!-- Navigation -->\n        <div class=\"nav-tabs\">\n            <a href=\"#game\"><i class=\"fas fa-gamepad\"><\/i> \u0917\u0947\u092e<\/a>\n            <a href=\"#chart\"><i class=\"fas fa-table\"><\/i> \u091a\u093e\u0930\u094d\u091f<\/a>\n            <a href=\"#examples\"><i class=\"fas fa-words\"><\/i> \u0936\u092c\u094d\u0926<\/a>\n            <a href=\"#worksheets\"><i class=\"fas fa-file-pdf\"><\/i> \u0935\u0930\u094d\u0915\u0936\u0940\u091f<\/a>\n        <\/div>\n\n        <!-- Game Area -->\n        <div class=\"game-container\" id=\"game\">\n            <!-- Game Stats -->\n            <div class=\"game-header\">\n                <div class=\"game-stats\">\n                    <div>\u2705 \u0938\u0939\u0940: <span id=\"scoreDisplay\">0<\/span><\/div>\n                    <div>\u274c \u0917\u0932\u0924: <span id=\"wrongDisplay\">0<\/span><\/div>\n                    <div>\ud83d\udcca \u092a\u094d\u0930\u0917\u0924\u093f: <span id=\"progressDisplay\">0\/10<\/span><\/div>\n                <\/div>\n                <button class=\"btn\" onclick=\"resetGame()\">\n                    <i class=\"fas fa-redo\"><\/i> \u0928\u092f\u093e \u0917\u0947\u092e\n                <\/button>\n            <\/div>\n\n            <!-- Progress Bar -->\n            <div class=\"progress-bar\">\n                <div class=\"progress-bar-fill\" id=\"progressBar\" style=\"width: 0%\"><\/div>\n            <\/div>\n\n            <!-- Game Message -->\n            <div class=\"game-message\" id=\"gameMessage\">\n                \ud83d\udca1 \u092c\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u090f\u0915 \u0905\u0915\u094d\u0937\u0930 \u091a\u0941\u0928\u0947\u0902, \u092b\u093f\u0930 \u0926\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u0909\u0938\u0915\u093e \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u093e \u0930\u0942\u092a \u091a\u0941\u0928\u0947\u0902\n            <\/div>\n\n            <!-- Match Area -->\n            <div class=\"match-area\">\n                <!-- Left Column: Base Letters -->\n                <div class=\"match-column\">\n                    <h3>\ud83d\udd24 \u0905\u0915\u094d\u0937\u0930 (\u0935\u094d\u092f\u0902\u091c\u0928)<\/h3>\n                    <div class=\"match-items\" id=\"leftItems\">\n                        <!-- Dynamically populated -->\n                    <\/div>\n                <\/div>\n\n                <!-- Right Column: Matra Forms -->\n                <div class=\"match-column\">\n                    <h3>\u2728 \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u0947 \u0930\u0942\u092a<\/h3>\n                    <div class=\"match-items\" id=\"rightItems\">\n                        <!-- Dynamically populated -->\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Game Complete Message (hidden initially) -->\n            <div id=\"gameComplete\" style=\"display: none;\" class=\"game-complete\">\n                <h3>\ud83c\udf89 \u092c\u0927\u093e\u0908 \u0939\u094b!<\/h3>\n                <p style=\"font-size: 1.2rem;\">\u0906\u092a\u0928\u0947 \u0938\u092d\u0940 \u0905\u0915\u094d\u0937\u0930\u094b\u0902 \u0915\u094b \u0938\u0939\u0940 \u0922\u0902\u0917 \u0938\u0947 \u092e\u093f\u0932\u093e \u0926\u093f\u092f\u093e!<\/p>\n                <button class=\"btn btn-success\" onclick=\"resetGame()\" style=\"margin-top: 1rem;\">\n                    <i class=\"fas fa-redo\"><\/i> \u092b\u093f\u0930 \u0938\u0947 \u0916\u0947\u0932\u0947\u0902\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Chart Section (for reference) -->\n        <h2 id=\"chart\"><i class=\"fas fa-table\" style=\"margin-right:12px; color:#b87a4a;\"><\/i> \u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940 \u091a\u093e\u0930\u094d\u091f (\u0938\u0902\u0926\u0930\u094d\u092d)<\/h2>\n        <div style=\"overflow-x: auto; background: #fcf5ec; border-radius: 30px; padding: 0.8rem;\">\n            <table style=\"width: 100%; border-collapse: collapse; font-size: 0.9rem; min-width: 600px;\">\n                <thead>\n                    <tr style=\"background: #dbb594;\">\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0935\u094d\u092f\u0902\u091c\u0928<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0905<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0906<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0907<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0908<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0909<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u090a<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u090f<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0910<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0913<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0914<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0905\u0902<\/th>\n                        <th style=\"padding: 0.5rem; border: 1px solid #dcc6b2;\">\u0905\u0903<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u0915<\/td><td>\u0915<\/td><td>\u0915\u093e<\/td><td>\u0915\u093f<\/td><td>\u0915\u0940<\/td><td>\u0915\u0941<\/td><td>\u0915\u0942<\/td><td>\u0915\u0947<\/td><td>\u0915\u0948<\/td><td>\u0915\u094b<\/td><td>\u0915\u094c<\/td><td>\u0915\u0902<\/td><td>\u0915\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u0917<\/td><td>\u0917<\/td><td>\u0917\u093e<\/td><td>\u0917\u093f<\/td><td>\u0917\u0940<\/td><td>\u0917\u0941<\/td><td>\u0917\u0942<\/td><td>\u0917\u0947<\/td><td>\u0917\u0948<\/td><td>\u0917\u094b<\/td><td>\u0917\u094c<\/td><td>\u0917\u0902<\/td><td>\u0917\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u091a<\/td><td>\u091a<\/td><td>\u091a\u093e<\/td><td>\u091a\u093f<\/td><td>\u091a\u0940<\/td><td>\u091a\u0941<\/td><td>\u091a\u0942<\/td><td>\u091a\u0947<\/td><td>\u091a\u0948<\/td><td>\u091a\u094b<\/td><td>\u091a\u094c<\/td><td>\u091a\u0902<\/td><td>\u091a\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u091c<\/td><td>\u091c<\/td><td>\u091c\u093e<\/td><td>\u091c\u093f<\/td><td>\u091c\u0940<\/td><td>\u091c\u0941<\/td><td>\u091c\u0942<\/td><td>\u091c\u0947<\/td><td>\u091c\u0948<\/td><td>\u091c\u094b<\/td><td>\u091c\u094c<\/td><td>\u091c\u0902<\/td><td>\u091c\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u091f<\/td><td>\u091f<\/td><td>\u091f\u093e<\/td><td>\u091f\u093f<\/td><td>\u091f\u0940<\/td><td>\u091f\u0941<\/td><td>\u091f\u0942<\/td><td>\u091f\u0947<\/td><td>\u091f\u0948<\/td><td>\u091f\u094b<\/td><td>\u091f\u094c<\/td><td>\u091f\u0902<\/td><td>\u091f\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u0924<\/td><td>\u0924<\/td><td>\u0924\u093e<\/td><td>\u0924\u093f<\/td><td>\u0924\u0940<\/td><td>\u0924\u0941<\/td><td>\u0924\u0942<\/td><td>\u0924\u0947<\/td><td>\u0924\u0948<\/td><td>\u0924\u094b<\/td><td>\u0924\u094c<\/td><td>\u0924\u0902<\/td><td>\u0924\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u0926<\/td><td>\u0926<\/td><td>\u0926\u093e<\/td><td>\u0926\u093f<\/td><td>\u0926\u0940<\/td><td>\u0926\u0941<\/td><td>\u0926\u0942<\/td><td>\u0926\u0947<\/td><td>\u0926\u0948<\/td><td>\u0926\u094b<\/td><td>\u0926\u094c<\/td><td>\u0926\u0902<\/td><td>\u0926\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u092a<\/td><td>\u092a<\/td><td>\u092a\u093e<\/td><td>\u092a\u093f<\/td><td>\u092a\u0940<\/td><td>\u092a\u0941<\/td><td>\u092a\u0942<\/td><td>\u092a\u0947<\/td><td>\u092a\u0948<\/td><td>\u092a\u094b<\/td><td>\u092a\u094c<\/td><td>\u092a\u0902<\/td><td>\u092a\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u092c<\/td><td>\u092c<\/td><td>\u092c\u093e<\/td><td>\u092c\u093f<\/td><td>\u092c\u0940<\/td><td>\u092c\u0941<\/td><td>\u092c\u0942<\/td><td>\u092c\u0947<\/td><td>\u092c\u0948<\/td><td>\u092c\u094b<\/td><td>\u092c\u094c<\/td><td>\u092c\u0902<\/td><td>\u092c\u0903<\/td><\/tr>\n                    <tr><td style=\"padding: 0.3rem; border: 1px solid #dcc6b2; background: #e6cfbb; font-weight: 600;\">\u092e<\/td><td>\u092e<\/td><td>\u092e\u093e<\/td><td>\u092e\u093f<\/td><td>\u092e\u0940<\/td><td>\u092e\u0941<\/td><td>\u092e\u0942<\/td><td>\u092e\u0947<\/td><td>\u092e\u0948<\/td><td>\u092e\u094b<\/td><td>\u092e\u094c<\/td><td>\u092e\u0902<\/td><td>\u092e\u0903<\/td><\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <!-- Examples -->\n        <h2 id=\"examples\"><i class=\"fas fa-edit\" style=\"margin-right:12px; color:#b87a4a;\"><\/i> \u0909\u0926\u093e\u0939\u0930\u0923 \u0936\u092c\u094d\u0926<\/h2>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem 1.2rem; background: #f2e4d6; padding: 1rem 1.8rem; border-radius: 60px;\">\n            <span><strong>\u0915<\/strong> \u2013 \u0915\u092e\u0932<\/span>\n            <span><strong>\u0917<\/strong> \u2013 \u0917\u092e\u0932\u093e<\/span>\n            <span><strong>\u091a<\/strong> \u2013 \u091a\u092e\u0915<\/span>\n            <span><strong>\u091c<\/strong> \u2013 \u091c\u0932<\/span>\n            <span><strong>\u0924<\/strong> \u2013 \u0924\u093e\u0932<\/span>\n            <span><strong>\u0926<\/strong> \u2013 \u0926\u093e\u0926\u093e<\/span>\n            <span><strong>\u092a<\/strong> \u2013 \u092a\u093e\u0928\u0940<\/span>\n            <span><strong>\u092c<\/strong> \u2013 \u092c\u093e\u0917<\/span>\n            <span><strong>\u092e<\/strong> \u2013 \u092e\u093e\u0932\u093e<\/span>\n        <\/div>\n\n        <!-- Worksheets -->\n        <h2 id=\"worksheets\"><i class=\"fas fa-download\" style=\"margin-right:12px; color:#b87a4a;\"><\/i> \u0935\u0930\u094d\u0915\u0936\u0940\u091f<\/h2>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; margin: 1.5rem 0;\">\n            <div style=\"background: #f2e3d3; border-radius: 40px; padding: 1.4rem 2.2rem; display: flex; align-items: center; gap: 1.2rem; border: 2px dashed #b87a4a; flex: 1 1 180px; justify-content: center;\">\n                <i class=\"fas fa-pen-fancy\" style=\"font-size: 2.5rem; color: #7a4a2a;\"><\/i>\n                <a href=\"#\" onclick=\"alert('\ud83d\udcc4 \u091f\u094d\u0930\u0947\u0938\u093f\u0902\u0917 \u0935\u0930\u094d\u0915\u0936\u0940\u091f \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0939\u094b\u0917\u0940 (PDF)'); return false;\" style=\"text-decoration: none; font-weight: 600; color: #3d2b1c;\">\u091f\u094d\u0930\u0947\u0938\u093f\u0902\u0917 \u0936\u0940\u091f<\/a>\n            <\/div>\n            <div style=\"background: #f2e3d3; border-radius: 40px; padding: 1.4rem 2.2rem; display: flex; align-items: center; gap: 1.2rem; border: 2px dashed #b87a4a; flex: 1 1 180px; justify-content: center;\">\n                <i class=\"fas fa-table\" style=\"font-size: 2.5rem; color: #7a4a2a;\"><\/i>\n                <a href=\"#\" onclick=\"alert('\ud83d\udcc4 \u0916\u093e\u0932\u0940 \u091a\u093e\u0930\u094d\u091f \u2013 \u092d\u0930\u0928\u0947 \u0915\u093e \u0905\u092d\u094d\u092f\u093e\u0938 (PDF)'); return false;\" style=\"text-decoration: none; font-weight: 600; color: #3d2b1c;\">\u0916\u093e\u0932\u0940 \u091a\u093e\u0930\u094d\u091f<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Footer -->\n        <footer class=\"footer\">\n            <div>\n                <strong>\u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940<\/strong> \u2013 \u0939\u093f\u0902\u0926\u0940 \u0938\u0940\u0916\u0928\u0947 \u0915\u093e \u0906\u0938\u093e\u0928 \u092e\u0902\u091a\n                <div style=\"margin-top:0.3rem;\">\n                    <i class=\"fas fa-child\"><\/i> \u092c\u091a\u094d\u091a\u0947 \u00b7 <i class=\"fas fa-user-friends\"><\/i> \u0905\u092d\u093f\u092d\u093e\u0935\u0915 \u00b7 <i class=\"fas fa-chalkboard-teacher\"><\/i> \u0936\u093f\u0915\u094d\u0937\u0915\n                <\/div>\n            <\/div>\n            <div>\n                <i class=\"fas fa-envelope\"><\/i> barakhadi@example.com <br>\n                <i class=\"fas fa-phone-alt\"><\/i> +91-98765-43210\n            <\/div>\n            <div style=\"text-align:right;\">\n                <i class=\"fas fa-copyright\"><\/i> 2026 \u00b7 \u0938\u092d\u0940 \u0905\u0927\u093f\u0915\u093e\u0930 \u0938\u0941\u0930\u0915\u094d\u0937\u093f\u0924\n            <\/div>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ ============================================\n        \/\/ GAME DATA\n        \/\/ ============================================\n        const gameData = [\n            { base: '\u0915', matraForms: ['\u0915\u093e', '\u0915\u093f', '\u0915\u0940', '\u0915\u0941', '\u0915\u0942', '\u0915\u0947', '\u0915\u0948', '\u0915\u094b', '\u0915\u094c'] },\n            { base: '\u0917', matraForms: ['\u0917\u093e', '\u0917\u093f', '\u0917\u0940', '\u0917\u0941', '\u0917\u0942', '\u0917\u0947', '\u0917\u0948', '\u0917\u094b', '\u0917\u094c'] },\n            { base: '\u091a', matraForms: ['\u091a\u093e', '\u091a\u093f', '\u091a\u0940', '\u091a\u0941', '\u091a\u0942', '\u091a\u0947', '\u091a\u0948', '\u091a\u094b', '\u091a\u094c'] },\n            { base: '\u091c', matraForms: ['\u091c\u093e', '\u091c\u093f', '\u091c\u0940', '\u091c\u0941', '\u091c\u0942', '\u091c\u0947', '\u091c\u0948', '\u091c\u094b', '\u091c\u094c'] },\n            { base: '\u091f', matraForms: ['\u091f\u093e', '\u091f\u093f', '\u091f\u0940', '\u091f\u0941', '\u091f\u0942', '\u091f\u0947', '\u091f\u0948', '\u091f\u094b', '\u091f\u094c'] },\n            { base: '\u0924', matraForms: ['\u0924\u093e', '\u0924\u093f', '\u0924\u0940', '\u0924\u0941', '\u0924\u0942', '\u0924\u0947', '\u0924\u0948', '\u0924\u094b', '\u0924\u094c'] },\n            { base: '\u0926', matraForms: ['\u0926\u093e', '\u0926\u093f', '\u0926\u0940', '\u0926\u0941', '\u0926\u0942', '\u0926\u0947', '\u0926\u0948', '\u0926\u094b', '\u0926\u094c'] },\n            { base: '\u092a', matraForms: ['\u092a\u093e', '\u092a\u093f', '\u092a\u0940', '\u092a\u0941', '\u092a\u0942', '\u092a\u0947', '\u092a\u0948', '\u092a\u094b', '\u092a\u094c'] },\n            { base: '\u092c', matraForms: ['\u092c\u093e', '\u092c\u093f', '\u092c\u0940', '\u092c\u0941', '\u092c\u0942', '\u092c\u0947', '\u092c\u0948', '\u092c\u094b', '\u092c\u094c'] },\n            { base: '\u092e', matraForms: ['\u092e\u093e', '\u092e\u093f', '\u092e\u0940', '\u092e\u0941', '\u092e\u0942', '\u092e\u0947', '\u092e\u0948', '\u092e\u094b', '\u092e\u094c'] }\n        ];\n\n        \/\/ Shuffle helper\n        function shuffleArray(arr) {\n            for (let i = arr.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [arr[i], arr[j]] = [arr[j], arr[i]];\n            }\n            return arr;\n        }\n\n        \/\/ Game state\n        let currentGame = [];\n        let leftItems = [];\n        let rightItems = [];\n        let selectedLeft = null;\n        let selectedLeftElement = null;\n        let score = 0;\n        let wrong = 0;\n        let totalPairs = 0;\n        let matchedPairs = 0;\n        let isProcessing = false;\n\n        \/\/ DOM elements\n        const leftContainer = document.getElementById('leftItems');\n        const rightContainer = document.getElementById('rightItems');\n        const scoreDisplay = document.getElementById('scoreDisplay');\n        const wrongDisplay = document.getElementById('wrongDisplay');\n        const progressDisplay = document.getElementById('progressDisplay');\n        const progressBar = document.getElementById('progressBar');\n        const gameMessage = document.getElementById('gameMessage');\n        const gameComplete = document.getElementById('gameComplete');\n\n        \/\/ ============================================\n        \/\/ GAME FUNCTIONS\n        \/\/ ============================================\n\n        function initGame() {\n            \/\/ Select 6 random pairs for the game\n            const shuffledData = shuffleArray([...gameData]);\n            currentGame = shuffledData.slice(0, 6);\n            totalPairs = currentGame.length;\n            matchedPairs = 0;\n            score = 0;\n            wrong = 0;\n            isProcessing = false;\n            selectedLeft = null;\n            selectedLeftElement = null;\n\n            \/\/ Build left items (base letters)\n            leftItems = currentGame.map(item => item.base);\n            \/\/ Shuffle left items\n            leftItems = shuffleArray(leftItems);\n\n            \/\/ Build right items (all matra forms)\n            rightItems = [];\n            currentGame.forEach(item => {\n                \/\/ Pick 3 random matra forms from each base\n                const shuffledMatras = shuffleArray([...item.matraForms]);\n                const selectedMatras = shuffledMatras.slice(0, 3);\n                rightItems.push(...selectedMatras);\n            });\n            \/\/ Shuffle right items\n            rightItems = shuffleArray(rightItems);\n\n            \/\/ Reset UI\n            gameComplete.style.display = 'none';\n            document.querySelector('.game-message').className = 'game-message';\n            updateStats();\n            renderItems();\n            setMessage('\ud83d\udca1 \u092c\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u090f\u0915 \u0905\u0915\u094d\u0937\u0930 \u091a\u0941\u0928\u0947\u0902, \u092b\u093f\u0930 \u0926\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u0909\u0938\u0915\u093e \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u093e \u0930\u0942\u092a \u091a\u0941\u0928\u0947\u0902', '');\n        }\n\n        function renderItems() {\n            \/\/ Render left items\n            leftContainer.innerHTML = '';\n            leftItems.forEach((item, index) => {\n                const div = document.createElement('div');\n                div.className = 'match-item';\n                div.textContent = item;\n                div.dataset.index = index;\n                div.dataset.value = item;\n                div.dataset.matched = 'false';\n                div.addEventListener('click', () => handleLeftClick(div));\n                leftContainer.appendChild(div);\n            });\n\n            \/\/ Render right items\n            rightContainer.innerHTML = '';\n            rightItems.forEach((item, index) => {\n                const div = document.createElement('div');\n                div.className = 'match-item';\n                div.textContent = item;\n                div.dataset.index = index;\n                div.dataset.value = item;\n                div.dataset.matched = 'false';\n                div.addEventListener('click', () => handleRightClick(div));\n                rightContainer.appendChild(div);\n            });\n        }\n\n        function handleLeftClick(element) {\n            if (isProcessing) return;\n            if (element.dataset.matched === 'true') return;\n\n            \/\/ Deselect previous\n            if (selectedLeftElement) {\n                selectedLeftElement.classList.remove('selected');\n            }\n\n            \/\/ Select new\n            element.classList.add('selected');\n            selectedLeft = element.dataset.value;\n            selectedLeftElement = element;\n            setMessage(`\u2705 \u091a\u0941\u0928\u093e: \"${selectedLeft}\" \u2014 \u0905\u092c \u0926\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u0938\u0939\u0940 \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u093e \u0930\u0942\u092a \u091a\u0941\u0928\u0947\u0902`, '');\n        }\n\n        function handleRightClick(element) {\n            if (isProcessing) return;\n            if (element.dataset.matched === 'true') return;\n            if (!selectedLeft) {\n                setMessage('\u26a0\ufe0f \u092a\u0939\u0932\u0947 \u092c\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u090f\u0915 \u0905\u0915\u094d\u0937\u0930 \u091a\u0941\u0928\u0947\u0902!', 'error');\n                return;\n            }\n\n            const rightValue = element.dataset.value;\n            const leftValue = selectedLeft;\n\n            \/\/ Find the base in currentGame\n            const baseItem = currentGame.find(item => item.base === leftValue);\n            if (!baseItem) {\n                setMessage('\u274c \u0915\u0941\u091b \u0917\u0921\u093c\u092c\u0921\u093c \u0939\u094b \u0917\u0908! \u092b\u093f\u0930 \u0938\u0947 try \u0915\u0930\u0947\u0902', 'error');\n                return;\n            }\n\n            \/\/ Check if rightValue is a valid matra form for this base\n            const isValid = baseItem.matraForms.includes(rightValue);\n\n            if (isValid) {\n                \/\/ Correct match!\n                element.dataset.matched = 'true';\n                element.classList.remove('selected');\n                element.classList.add('correct');\n                element.style.cursor = 'default';\n                element.onclick = null;\n\n                \/\/ Mark left as matched\n                selectedLeftElement.dataset.matched = 'true';\n                selectedLeftElement.classList.remove('selected');\n                selectedLeftElement.classList.add('correct');\n                selectedLeftElement.style.cursor = 'default';\n                selectedLeftElement.onclick = null;\n\n                score++;\n                matchedPairs++;\n                setMessage(`\u2705 \u0938\u0939\u0940! \"${leftValue}\" + \"${rightValue}\" \u092c\u093f\u0932\u094d\u0915\u0941\u0932 \u0938\u0939\u0940 \u0939\u0948! \ud83c\udf89`, 'success');\n                selectedLeft = null;\n                selectedLeftElement = null;\n                updateStats();\n\n                \/\/ Check if game complete\n                if (matchedPairs === totalPairs) {\n                    setTimeout(() => {\n                        gameComplete.style.display = 'block';\n                        setMessage('\ud83c\udf8a \u0936\u093e\u0928\u0926\u093e\u0930! \u0906\u092a\u0928\u0947 \u0938\u092d\u0940 \u0905\u0915\u094d\u0937\u0930 \u092e\u093f\u0932\u093e \u0926\u093f\u090f!', 'success');\n                    }, 500);\n                }\n            } else {\n                \/\/ Wrong match\n                wrong++;\n                element.classList.add('wrong');\n                if (selectedLeftElement) {\n                    selectedLeftElement.classList.add('wrong');\n                }\n                setMessage(`\u274c \u0917\u0932\u0924! \"${leftValue}\" \u0915\u093e \"${rightValue}\" \u0938\u0939\u0940 \u092e\u093f\u0932\u093e\u0928 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u092b\u093f\u0930 try \u0915\u0930\u0947\u0902`, 'error');\n                updateStats();\n\n                \/\/ Reset after animation\n                isProcessing = true;\n                setTimeout(() => {\n                    element.classList.remove('wrong');\n                    if (selectedLeftElement) {\n                        selectedLeftElement.classList.remove('wrong');\n                        selectedLeftElement.classList.remove('selected');\n                    }\n                    selectedLeft = null;\n                    selectedLeftElement = null;\n                    isProcessing = false;\n                    setMessage('\ud83d\udca1 \u092c\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u090f\u0915 \u0905\u0915\u094d\u0937\u0930 \u091a\u0941\u0928\u0947\u0902, \u092b\u093f\u0930 \u0926\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u0909\u0938\u0915\u093e \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u093e \u0930\u0942\u092a \u091a\u0941\u0928\u0947\u0902', '');\n                }, 600);\n            }\n        }\n\n        function updateStats() {\n            scoreDisplay.textContent = score;\n            wrongDisplay.textContent = wrong;\n            progressDisplay.textContent = `${matchedPairs}\/${totalPairs}`;\n            const progress = (matchedPairs \/ totalPairs) * 100;\n            progressBar.style.width = `${progress}%`;\n        }\n\n        function setMessage(text, type) {\n            gameMessage.textContent = text;\n            gameMessage.className = 'game-message';\n            if (type) {\n                gameMessage.classList.add(type);\n            }\n        }\n\n        function resetGame() {\n            \/\/ Reset all game state\n            initGame();\n            \/\/ Scroll to game\n            document.getElementById('game').scrollIntoView({ behavior: 'smooth' });\n        }\n\n        \/\/ ============================================\n        \/\/ INITIALIZE GAME\n        \/\/ ============================================\n        initGame();\n\n        \/\/ Also make resetGame globally available for the button\n        window.resetGame = resetGame;\n\n        \/\/ Console helper\n        console.log('\ud83c\udfaf \u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940 \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932 \u0936\u0941\u0930\u0942!');\n        console.log('\ud83d\udcda \u0915\u0941\u0932 \u092a\u0947\u092f\u0930:', totalPairs);\n        console.log('\ud83d\udca1 \u092c\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u0905\u0915\u094d\u0937\u0930 \u091a\u0941\u0928\u0947\u0902, \u092b\u093f\u0930 \u0926\u093e\u0908\u0902 \u0913\u0930 \u0938\u0947 \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u093e \u0930\u0942\u092a \u091a\u0941\u0928\u0947\u0902');\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u092c\u093e\u0930\u0939\u0916\u0921\u093c\u0940 &#8211; \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932 \ud83c\udfaf \u092e\u093f\u0932\u093e\u0928 \u0916\u0947\u0932 \u0905\u0915\u094d\u0937\u0930 \u0915\u094b \u092e\u093e\u0924\u094d\u0930\u093e \u0935\u093e\u0932\u0947 \u0930\u0942\u092a \u0938\u0947 \u092e\u093f\u0932\u093e\u090f\u0901 \u0928\u092f\u093e \u0917\u0947\u092e \u0917\u0947\u092e \u091a\u093e\u0930\u094d\u091f \u0936\u092c\u094d\u0926 \u0935\u0930\u094d\u0915\u0936\u0940\u091f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":1,"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/barakhadi.besthindipost.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}