TALITHA KUM – Wheel of Safety<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;600;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Kanit', sans-serif;\n background: linear-gradient(135deg, #fff5f0 0%, #ffe8d6 100%);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 15px;\n overflow-x: hidden;\n }\n \n .header {\n text-align: center;\n margin-bottom: 25px;\n }\n \n .title {\n font-size: 2.8rem;\n font-weight: 700;\n color: #d2691e;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n }\n \n .subtitle {\n font-size: 1.3rem;\n color: #cd853f;\n font-weight: 400;\n }\n \n .game-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 50px;\n width: 100%;\n max-width: 1000px;\n }\n \n .wheel-container {\n position: relative;\n width: 350px;\n height: 350px;\n }\n \n .wheel {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 8px solid #d2691e;\n position: relative;\n transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);\n background: conic-gradient(\n white 0deg 60deg,\n #ff8c1a 60deg 120deg,\n white 120deg 180deg,\n #ff8c1a 180deg 240deg,\n white 240deg 300deg,\n #ff8c1a 300deg 360deg\n );\n box-shadow: 0 10px 30px rgba(210, 105, 30, 0.3);\n animation: wheel-glow 3s ease-in-out infinite;\n }\n \n .wheel::before {\n content: '';\n position: absolute;\n top: -12px;\n left: -12px;\n right: -12px;\n bottom: -12px;\n border-radius: 50%;\n background: conic-gradient(\n white 0deg 60deg,\n #ff8c1a 60deg 120deg,\n white 120deg 180deg,\n #ff8c1a 180deg 240deg,\n white 240deg 300deg,\n #ff8c1a 300deg 360deg\n );\n z-index: -1;\n animation: wheel-border-rotate 4s linear infinite;\n }\n \n .wheel::after {\n content: '';\n position: absolute;\n top: 20px;\n left: 20px;\n right: 20px;\n bottom: 20px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3), transparent 50%);\n pointer-events: none;\n animation: wheel-shine 2s ease-in-out infinite alternate;\n }\n \n .wheel-pointer {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 15px solid transparent;\n border-right: 15px solid transparent;\n border-top: 30px solid #d2691e;\n z-index: 10;\n }\n \n .wheel-center {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #d2691e, #ff8c1a);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 1.2rem;\n z-index: 5;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n animation: wheel-center-pulse 2s ease-in-out infinite;\n }\n \n .wheel-center::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n border-radius: 50%;\n background: linear-gradient(45deg, #ff8c1a, #d2691e, #ff8c1a);\n z-index: -1;\n animation: wheel-center-border 3s linear infinite;\n }\n \n .controls-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 25px;\n }\n \n .spin-btn {\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n color: white;\n border: none;\n padding: 18px 45px;\n font-size: 1.4rem;\n font-weight: 600;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 6px 20px rgba(210, 105, 30, 0.3);\n font-family: 'Kanit', sans-serif;\n }\n \n .spin-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(210, 105, 30, 0.4);\n }\n \n .spin-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n }\n \n .question-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .question-content {\n background: white;\n padding: 30px;\n border-radius: 20px;\n max-width: 600px;\n width: 100%;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n border: 3px solid #ffb366;\n }\n \n .question-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #d2691e;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .question-text {\n font-size: 1rem;\n color: #333;\n margin-bottom: 20px;\n line-height: 1.6;\n }\n \n .question-icon {\n font-size: 4rem;\n text-align: center;\n margin-bottom: 20px;\n animation: bounce 2s infinite;\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-10px);\n }\n 60% {\n transform: translateY(-5px);\n }\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes shake {\n 0%, 100% {\n transform: translateX(0);\n }\n 10%, 30%, 50%, 70%, 90% {\n transform: translateX(-5px);\n }\n 20%, 40%, 60%, 80% {\n transform: translateX(5px);\n }\n }\n \n @keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n \n @keyframes spin-slow {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n \n .icon-link {\n animation: pulse 2s infinite;\n }\n \n .icon-password {\n animation: shake 2s infinite;\n }\n \n .icon-shopping {\n animation: float 3s ease-in-out infinite;\n }\n \n .icon-game {\n animation: pulse 2s infinite;\n }\n \n .icon-stranger {\n animation: bounce 2s infinite;\n }\n \n .countdown-timer {\n position: absolute;\n top: 20px;\n right: 20px;\n background: rgba(210, 105, 30, 0.9);\n color: white;\n padding: 10px 15px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 1rem;\n animation: pulse 1s infinite;\n }\n \n .countdown-timer.warning {\n background: rgba(255, 0, 0, 0.9);\n animation: shake 0.5s infinite;\n }\n \n .sparkle {\n font-size: 1.3rem;\n font-weight: 600;\n color: #d2691e;\n animation: sparkle 2s infinite;\n margin-bottom: 15px;\n }\n \n .explanation {\n font-size: 1rem;\n color: #666;\n background: #f8f9fa;\n padding: 15px;\n border-radius: 10px;\n border-left: 4px solid #d2691e;\n margin-top: 10px;\n line-height: 1.5;\n }\n \n @keyframes sparkle {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 25% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n 50% {\n transform: scale(1.05);\n opacity: 1;\n }\n 75% {\n transform: scale(1.15);\n opacity: 0.9;\n }\n }\n \n @keyframes wheel-glow {\n 0%, 100% {\n box-shadow: 0 10px 30px rgba(210, 105, 30, 0.3);\n }\n 50% {\n box-shadow: 0 15px 40px rgba(210, 105, 30, 0.6), 0 0 20px rgba(255, 140, 26, 0.4);\n }\n }\n \n @keyframes wheel-border-rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n @keyframes wheel-shine {\n 0% {\n opacity: 0.2;\n transform: scale(1);\n }\n 100% {\n opacity: 0.4;\n transform: scale(1.1);\n }\n }\n \n @keyframes wheel-center-pulse {\n 0%, 100% {\n transform: translate(-50%, -50%) scale(1);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n }\n 50% {\n transform: translate(-50%, -50%) scale(1.1);\n box-shadow: 0 6px 20px rgba(210, 105, 30, 0.4);\n }\n }\n \n @keyframes wheel-center-border {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n @keyframes falling-stars {\n 0% {\n transform: translateY(-100vh) translateX(0) rotate(0deg);\n opacity: 1;\n }\n 100% {\n transform: translateY(100vh) translateX(100px) rotate(360deg);\n opacity: 0;\n }\n }\n \n @keyframes twinkle {\n 0%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 50% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n \n .falling-star {\n position: fixed;\n font-size: 2rem;\n color: #ffd700;\n pointer-events: none;\n z-index: 9999;\n animation: falling-stars 3s linear infinite;\n }\n \n .twinkle-star {\n position: fixed;\n font-size: 1.5rem;\n color: #ffd700;\n pointer-events: none;\n z-index: 9999;\n animation: twinkle 1.5s ease-in-out infinite;\n }\n \n .options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n }\n \n .option {\n background: #fff5f0;\n border: 2px solid #ffb366;\n padding: 12px 20px;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Kanit', sans-serif;\n }\n \n .option:hover {\n background: #ffb366;\n color: white;\n }\n \n .option.selected {\n background: #d2691e;\n color: white;\n border-color: #d2691e;\n }\n \n\n \n .result-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 1001;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .result-content {\n background: white;\n padding: 40px;\n border-radius: 20px;\n text-align: center;\n max-width: 400px;\n width: 100%;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n border: 3px solid #ffb366;\n }\n \n .result-title {\n font-size: 2rem;\n font-weight: 700;\n color: #d2691e;\n margin-bottom: 20px;\n }\n \n .result-text {\n font-size: 1.2rem;\n color: #333;\n margin-bottom: 30px;\n line-height: 1.6;\n }\n \n .play-again-btn {\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n color: white;\n border: none;\n padding: 12px 30px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n font-family: 'Kanit', sans-serif;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .play-again-btn.winner {\n background: linear-gradient(135deg, #ff4444, #cc0000);\n box-shadow: 0 4px 15px rgba(255, 68, 68, 0.4);\n }\n \n .play-again-btn.winner:hover {\n background: linear-gradient(135deg, #ff6666, #dd0000);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(255, 68, 68, 0.5);\n }\n \n .score-display {\n text-align: center;\n margin-top: 0;\n }\n \n .score-text {\n font-size: 1.5rem;\n font-weight: 600;\n color: #d2691e;\n margin-bottom: 15px;\n }\n \n .progress-bar {\n width: 250px;\n height: 25px;\n background: #fff5f0;\n border: 3px solid #ffb366;\n border-radius: 15px;\n overflow: hidden;\n margin: 0 auto;\n }\n \n .progress-fill {\n height: 100%;\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n width: 0%;\n transition: width 0.5s ease;\n border-radius: 8px;\n }\n \n @media (max-width: 1024px) and (orientation: portrait) {\n .game-container {\n flex-direction: column;\n gap: 30px;\n }\n \n .title {\n font-size: 2.5rem;\n }\n \n .wheel-container {\n width: 320px;\n height: 320px;\n }\n \n .spin-btn {\n padding: 16px 40px;\n font-size: 1.3rem;\n }\n }\n \n @media (max-width: 768px) {\n .game-container {\n flex-direction: column;\n gap: 25px;\n }\n \n .title {\n font-size: 2rem;\n }\n \n .wheel-container {\n width: 280px;\n height: 280px;\n }\n \n .question-content {\n padding: 20px;\n }\n \n .spin-btn {\n padding: 14px 35px;\n font-size: 1.2rem;\n }\n \n .score-text {\n font-size: 1.3rem;\n }\n \n .progress-bar {\n width: 200px;\n height: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"header\">\n <h1 class=\"title\">TALITHA KUM<\/h1>\n <p class=\"subtitle\">“STOP HUMAN TRAFFICKING”<\/p>\n <\/div>\n \n <div class=\"game-container\">\n <div class=\"wheel-container\">\n <div class=\"wheel-pointer\"><\/div>\n <div class=\"wheel\" id=\"wheel\">\n <div class=\"wheel-center\">\u270b<\/div>\n <\/div>\n <\/div>\n \n <div class=\"controls-section\">\n <button class=\"spin-btn\" id=\"spinBtn\">\u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d<\/button>\n \n <div class=\"score-display\">\n <div class=\"score-text\">\u0e04\u0e30\u0e41\u0e19\u0e19: <span id=\"scoreCount\">0\/5<\/span><\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"question-modal\" id=\"questionModal\">\n <div class=\"question-content\">\n <h3 class=\"question-title\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\n <div class=\"question-icon\" id=\"questionIcon\"><\/div>\n <p class=\"question-text\" id=\"questionText\"><\/p>\n <div class=\"options\" id=\"optionsContainer\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"result-modal\" id=\"resultModal\">\n <div class=\"result-content\">\n <div class=\"countdown-timer\" id=\"countdownTimer\">60<\/div>\n <h2 class=\"result-title\" id=\"resultTitle\">\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21!<\/h2>\n <p class=\"result-text\" id=\"resultText\">\u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30<\/p>\n <button class=\"play-again-btn\" id=\"playAgainBtn\">\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/button>\n <\/div>\n <\/div>\n\n <script>\n const questions = [\n {\n question: \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e2a\u0e48\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 \\\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e22! \u0e44\u0e14\u0e49\u0e40\u0e07\u0e34\u0e19\u0e1f\u0e23\u0e35 1000 \u0e1a\u0e32\u0e17 \u0e07\u0e48\u0e32\u0e22 \u0e46 \u0e41\u0e04\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\\\" \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e04\u0e25\u0e34\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e19\u0e30\u0e19\u0e33\",\n \"B) \u0e44\u0e21\u0e48\u0e04\u0e25\u0e34\u0e01 \u0e41\u0e25\u0e30\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e2d\u0e32\u0e08\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e31\u0e01\",\n \"C) \u0e04\u0e25\u0e34\u0e01\u0e14\u0e39 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\",\n \"D) \u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e19\u0e2d\u0e37\u0e48\u0e19 \u0e46\"\n ],\n correct: 1,\n icon: \"\ud83d\udd17\",\n iconClass: \"icon-link\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e41\u0e25\u0e30\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e19\u0e35\u0e49\u0e21\u0e31\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e31\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e42\u0e21\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\"\n },\n {\n question: \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17\u0e02\u0e2d\u0e22\u0e37\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19 Facebook \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\",\n \"B) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17\",\n \"C) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e43\u0e0a\u0e49\u0e40\u0e2a\u0e23\u0e47\u0e08\",\n \"D) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e21\u0e48\"\n ],\n correct: 0,\n icon: \"\ud83d\udd10\",\n iconClass: \"icon-password\",\n explanation: \"\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e41\u0e0a\u0e23\u0e4c\u0e43\u0e2b\u0e49\u0e43\u0e04\u0e23\u0e41\u0e21\u0e49\u0e41\u0e15\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17 \u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e40\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\"\n },\n {\n question: \"\u0e40\u0e08\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e02\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01\u0e21\u0e32\u0e01 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e44\u0e14\u0e49\u0e22\u0e34\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e0b\u0e37\u0e49\u0e2d\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e23\u0e32\u0e04\u0e32\u0e14\u0e35\",\n \"B) \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e35\u0e27\u0e34\u0e27\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e01\u0e48\u0e2d\u0e19\",\n \"C) \u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e15\u0e48\u0e42\u0e2d\u0e19\u0e04\u0e23\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e46 \u0e43\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\"\n ],\n correct: 1,\n icon: \"\ud83d\uded2\",\n iconClass: \"icon-shopping\",\n explanation: \"\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e35\u0e27\u0e34\u0e27\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e16\u0e39\u0e01\u0e2b\u0e25\u0e2d\u0e01\u0e25\u0e27\u0e07\u0e08\u0e32\u0e01\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e1b\u0e25\u0e2d\u0e21\"\n },\n {\n question: \"\u0e21\u0e35\u0e41\u0e2d\u0e1b\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e2d\u0e49\u0e32\u0e07\u0e27\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e07\u0e34\u0e19\u0e1f\u0e23\u0e35 \u0e41\u0e15\u0e48\u0e02\u0e2d\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\",\n \"B) \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\",\n \"C) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e46 \u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e44\u0e21\u0e48\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e23\u0e32\u0e2d\u0e32\u0e08\u0e16\u0e39\u0e01\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\"\n ],\n correct: 3,\n icon: \"\ud83d\udcf1\",\n iconClass: \"icon-game\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e2d\u0e1b\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e21\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e2d\u0e32\u0e08\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e34\u0e14\"\n },\n\n {\n question: \"\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e08\u0e32\u0e01\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e27\u0e48\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e16\u0e39\u0e01\u0e23\u0e30\u0e07\u0e31\u0e1a \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\",\n \"B) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\",\n \"C) \u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e39\",\n \"D) \u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n ],\n correct: 1,\n icon: \"\ud83c\udfe6\",\n iconClass: \"icon-link\",\n explanation: \"\u0e01\u0e32\u0e23\u0e42\u0e17\u0e23\u0e44\u0e1b\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e1b\u0e25\u0e2d\u0e21\u0e08\u0e32\u0e01\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e25\u0e42\u0e01\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22\"\n },\n {\n question: \"\u0e21\u0e35\u0e04\u0e19\u0e42\u0e17\u0e23\u0e21\u0e32\u0e2d\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e23\u0e31\u0e10 \u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\",\n \"B) \u0e02\u0e2d\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\",\n \"C) \u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e1b\u0e0f\u0e34\u0e40\u0e2a\u0e18\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e2a\u0e32\u0e22\"\n ],\n correct: 1,\n icon: \"\ud83d\udcde\",\n iconClass: \"icon-password\",\n explanation: \"\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e21\u0e31\u0e01\u0e41\u0e2d\u0e1a\u0e2d\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n },\n\n {\n question: \"\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 SMS \u0e27\u0e48\u0e32\u0e0a\u0e19\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e25\u0e47\u0e2d\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 500,000 \u0e1a\u0e32\u0e17 \u0e43\u0e2b\u0e49\u0e42\u0e17\u0e23\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\",\n \"B) \u0e44\u0e21\u0e48\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\",\n \"C) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e44\u0e2b\u0e21\",\n \"D) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e16\u0e32\u0e21\u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n ],\n correct: 1,\n icon: \"\ud83c\udfb0\",\n iconClass: \"icon-shopping\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e19\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e25\u0e42\u0e01\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2b\u0e25\u0e2d\u0e01\u0e40\u0e07\u0e34\u0e19\"\n },\n {\n question: \"\u0e21\u0e35\u0e04\u0e19\u0e43\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\u0e40\u0e2a\u0e19\u0e2d\u0e07\u0e32\u0e19\u0e17\u0e33\u0e17\u0e35\u0e48\u0e1a\u0e49\u0e32\u0e19 \u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e01\u0e48\u0e2d\u0e19 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35\",\n \"B) \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e43\u0e14\u0e46 \u0e01\u0e48\u0e2d\u0e19\",\n \"C) \u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e02\u0e2d\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e19\"\n ],\n correct: 1,\n icon: \"\ud83d\udcbc\",\n iconClass: \"icon-game\",\n explanation: \"\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e43\u0e14\u0e46 \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\"\n }\n ];\n\n let currentQuestion = null;\n let selectedOption = null;\n let isSpinning = false;\n let countdownTimer = null;\n let timeLeft = 60;\n let correctAnswers = 0;\n let totalQuestions = 0;\n let usedQuestions = [];\n\n const wheel = document.getElementById('wheel');\n const spinBtn = document.getElementById('spinBtn');\n const questionModal = document.getElementById('questionModal');\n const resultModal = document.getElementById('resultModal');\n const questionText = document.getElementById('questionText');\n const questionIcon = document.getElementById('questionIcon');\n const optionsContainer = document.getElementById('optionsContainer');\n const resultTitle = document.getElementById('resultTitle');\n const resultText = document.getElementById('resultText');\n const playAgainBtn = document.getElementById('playAgainBtn');\n const countdownDisplay = document.getElementById('countdownTimer');\n const scoreCount = document.getElementById('scoreCount');\n const progressFill = document.getElementById('progressFill');\n\n spinBtn.addEventListener('click', spinWheel);\n playAgainBtn.addEventListener('click', playAgain);\n\n function spinWheel() {\n if (isSpinning) return;\n \n isSpinning = true;\n spinBtn.disabled = true;\n \n const randomRotation = Math.floor(Math.random() * 360) + 1440; \/\/ At least 4 full rotations\n wheel.style.transform = `rotate(${randomRotation}deg)`;\n \n setTimeout(() => {\n showQuestion();\n isSpinning = false;\n }, 1500);\n }\n\n function showQuestion() {\n \/\/ Stop all wheel animations completely\n wheel.style.animation = 'none';\n wheel.style.transition = 'none';\n \n \/\/ Stop the ::before and ::after pseudo-elements animations\n const style = document.createElement('style');\n style.textContent = `\n .wheel::before { animation: none !important; }\n .wheel::after { animation: none !important; }\n .wheel-center { animation: none !important; }\n .wheel-center::before { animation: none !important; }\n `;\n document.head.appendChild(style);\n \n \/\/ Get current rotation and fix it\n const computedStyle = window.getComputedStyle(wheel);\n const matrix = computedStyle.transform;\n if (matrix && matrix !== 'none') {\n wheel.style.transform = matrix;\n }\n \n \/\/ Get available questions (not used yet)\n let availableQuestions = questions.filter((_, index) => !usedQuestions.includes(index));\n \n \/\/ If all questions used, reset for new round\n if (availableQuestions.length === 0) {\n usedQuestions = [];\n availableQuestions = questions;\n }\n \n \/\/ Select random question from available ones\n const randomIndex = Math.floor(Math.random() * availableQuestions.length);\n currentQuestion = availableQuestions[randomIndex];\n \n \/\/ Mark this question as used\n const originalIndex = questions.indexOf(currentQuestion);\n usedQuestions.push(originalIndex);\n \n questionText.textContent = currentQuestion.question;\n \n \/\/ Set animated icon\n questionIcon.textContent = currentQuestion.icon;\n questionIcon.className = `question-icon ${currentQuestion.iconClass}`;\n \n optionsContainer.innerHTML = '';\n currentQuestion.options.forEach((option, index) => {\n const optionDiv = document.createElement('div');\n optionDiv.className = 'option';\n optionDiv.textContent = option;\n optionDiv.addEventListener('click', () => selectOption(index));\n optionsContainer.appendChild(optionDiv);\n });\n \n selectedOption = null;\n questionModal.style.display = 'flex';\n }\n\n function selectOption(index) {\n selectedOption = index;\n document.querySelectorAll('.option').forEach((option, i) => {\n option.classList.toggle('selected', i === index);\n });\n \n \/\/ Show result immediately after selection\n setTimeout(() => {\n submitAnswer();\n }, 500);\n }\n\n function submitAnswer() {\n if (selectedOption === null) {\n alert('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e04\u0e48\u0e30');\n return;\n }\n \n questionModal.style.display = 'none';\n totalQuestions++;\n \n if (selectedOption === currentQuestion.correct) {\n correctAnswers++;\n updateScore();\n \n if (correctAnswers >= 5) {\n resultTitle.textContent = '\u0e22\u0e34\u0e19\u0e14\u0e35\u0e14\u0e49\u0e27\u0e22! \ud83c\udf89';\n resultText.innerHTML = '<div class=\"sparkle\">\u2728 \u0e04\u0e38\u0e13\u0e15\u0e2d\u0e1a\u0e16\u0e39\u0e01 5 \u0e02\u0e49\u0e2d\u0e41\u0e25\u0e49\u0e27! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u2728<\/div><div class=\"explanation\">' + currentQuestion.explanation + '<\/div>';\n playAgainBtn.textContent = '\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07';\n playAgainBtn.className = 'play-again-btn winner';\n createStarEffect();\n } else {\n resultTitle.textContent = '\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07! \ud83c\udf89';\n resultText.innerHTML = '<div class=\"sparkle\">\u2728 \u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \u0e2d\u0e35\u0e01 ' + (5 - correctAnswers) + ' \u0e02\u0e49\u0e2d\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 \u2728<\/div><div class=\"explanation\">' + currentQuestion.explanation + '<\/div>';\n playAgainBtn.textContent = '\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b';\n playAgainBtn.className = 'play-again-btn';\n }\n } else {\n resultTitle.textContent = '\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e19\u0e30\u0e04\u0e30 \ud83d\udcaa';\n resultText.innerHTML = '<div class=\"explanation\">' + currentQuestion.explanation + '<\/div><p style=\"margin-top: 15px;\">\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e23 \u0e25\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/p>';\n playAgainBtn.textContent = '\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b';\n playAgainBtn.className = 'play-again-btn';\n }\n \n resultModal.style.display = 'flex';\n startCountdown();\n }\n \n function updateScore() {\n scoreCount.textContent = correctAnswers + '\/5';\n const progressPercent = (correctAnswers \/ 5) * 100;\n progressFill.style.width = progressPercent + '%';\n }\n \n function startCountdown() {\n timeLeft = 60;\n countdownDisplay.textContent = timeLeft;\n countdownDisplay.className = 'countdown-timer';\n \n countdownTimer = setInterval(() => {\n timeLeft--;\n countdownDisplay.textContent = timeLeft;\n \n if (timeLeft <= 10) {\n countdownDisplay.className = 'countdown-timer warning';\n }\n \n if (timeLeft <= 0) {\n clearInterval(countdownTimer);\n returnToHome();\n }\n }, 1000);\n }\n \n function returnToHome() {\n clearInterval(countdownTimer);\n resultModal.style.display = 'none';\n spinBtn.disabled = false;\n wheel.style.transform = 'rotate(0deg)';\n \n \/\/ Restore wheel animations\n wheel.style.animation = '';\n wheel.style.transition = 'transform 1.5s cubic-bezier(0.23, 1, 0.32, 1)';\n \n \/\/ Remove the style that stopped animations\n const stopAnimationStyles = document.querySelectorAll('style');\n stopAnimationStyles.forEach(style => {\n if (style.textContent.includes('animation: none !important')) {\n style.remove();\n }\n });\n \n \/\/ Reset score if player got 5 correct answers\n if (correctAnswers >= 5) {\n correctAnswers = 0;\n totalQuestions = 0;\n usedQuestions = [];\n updateScore();\n }\n }\n\n function playAgain() {\n clearInterval(countdownTimer);\n resultModal.style.display = 'none';\n spinBtn.disabled = false;\n wheel.style.transform = 'rotate(0deg)';\n \n \/\/ Restore wheel animations\n wheel.style.animation = '';\n wheel.style.transition = 'transform 1.5s cubic-bezier(0.23, 1, 0.32, 1)';\n \n \/\/ Remove the style that stopped animations\n const stopAnimationStyles = document.querySelectorAll('style');\n stopAnimationStyles.forEach(style => {\n if (style.textContent.includes('animation: none !important')) {\n style.remove();\n }\n });\n \n \/\/ Reset score if player got 5 correct answers\n if (correctAnswers >= 5) {\n correctAnswers = 0;\n totalQuestions = 0;\n usedQuestions = [];\n updateScore();\n }\n \n \/\/ Auto spin after a short delay\n setTimeout(() => {\n spinWheel();\n }, 500);\n }\n\n function createStarEffect() {\n \/\/ Create falling stars\n for (let i = 0; i < 15; i++) {\n setTimeout(() => {\n const star = document.createElement('div');\n star.textContent = '\u2b50';\n star.className = 'falling-star';\n star.style.left = Math.random() * 100 + 'vw';\n star.style.animationDelay = Math.random() * 2 + 's';\n star.style.animationDuration = (Math.random() * 2 + 2) + 's';\n document.body.appendChild(star);\n \n setTimeout(() => {\n star.remove();\n }, 5000);\n }, i * 200);\n }\n \n \/\/ Create twinkling stars\n for (let i = 0; i < 20; i++) {\n setTimeout(() => {\n const twinkleStar = document.createElement('div');\n twinkleStar.textContent = '\u2728';\n twinkleStar.className = 'twinkle-star';\n twinkleStar.style.left = Math.random() * 100 + 'vw';\n twinkleStar.style.top = Math.random() * 100 + 'vh';\n twinkleStar.style.animationDelay = Math.random() * 1 + 's';\n document.body.appendChild(twinkleStar);\n \n setTimeout(() => {\n twinkleStar.remove();\n }, 4000);\n }, i * 100);\n }\n }\n\n \/\/ Close modals when clicking outside\n questionModal.addEventListener('click', (e) => {\n if (e.target === questionModal) {\n questionModal.style.display = 'none';\n spinBtn.disabled = false;\n }\n });\n\n resultModal.addEventListener('click', (e) => {\n if (e.target === resultModal) {\n playAgain();\n }\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9808c27531627b50',t:'MTc1ODExMzc0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1247","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>- Talitha Kum Thailand<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/talithakumthailand.info\/en\/game3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Talitha Kum Thailand\" \/>\n<meta property=\"og:description\" content=\"TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\" \/>\n<meta property=\"og:url\" content=\"https:\/\/talithakumthailand.info\/en\/game3\/\" \/>\n<meta property=\"og:site_name\" content=\"Talitha Kum Thailand\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T01:49:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\",\"name\":\"- Talitha Kum Thailand\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#website\"},\"datePublished\":\"2025-09-17T02:22:14+00:00\",\"dateModified\":\"2025-09-18T01:49:07+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#website\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/\",\"name\":\"TKThailand\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/talithakumthailand.info\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#organization\",\"name\":\"Talitha Kum Thailand\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png\",\"contentUrl\":\"https:\\\/\\\/talithakumthailand.info\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png\",\"width\":642,\"height\":340,\"caption\":\"Talitha Kum Thailand\"},\"image\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Talitha Kum Thailand","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/talithakumthailand.info\/en\/game3\/","og_locale":"en_US","og_type":"article","og_title":"- Talitha Kum Thailand","og_description":"TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07","og_url":"https:\/\/talithakumthailand.info\/en\/game3\/","og_site_name":"Talitha Kum Thailand","article_modified_time":"2025-09-18T01:49:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/talithakumthailand.info\/game3\/","url":"https:\/\/talithakumthailand.info\/game3\/","name":"- Talitha Kum Thailand","isPartOf":{"@id":"https:\/\/talithakumthailand.info\/#website"},"datePublished":"2025-09-17T02:22:14+00:00","dateModified":"2025-09-18T01:49:07+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/talithakumthailand.info\/game3\/"]}]},{"@type":"WebSite","@id":"https:\/\/talithakumthailand.info\/#website","url":"https:\/\/talithakumthailand.info\/","name":"TKThailand","description":"","publisher":{"@id":"https:\/\/talithakumthailand.info\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/talithakumthailand.info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/talithakumthailand.info\/#organization","name":"Talitha Kum Thailand","url":"https:\/\/talithakumthailand.info\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/talithakumthailand.info\/#\/schema\/logo\/image\/","url":"https:\/\/talithakumthailand.info\/wp-content\/uploads\/2025\/04\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png","contentUrl":"https:\/\/talithakumthailand.info\/wp-content\/uploads\/2025\/04\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png","width":642,"height":340,"caption":"Talitha Kum Thailand"},"image":{"@id":"https:\/\/talithakumthailand.info\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/comments?post=1247"}],"version-history":[{"count":8,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/media?parent=1247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1247,"date":"2025-09-17T02:22:14","date_gmt":"2025-09-17T02:22:14","guid":{"rendered":"https:\/\/talithakumthailand.info\/?page_id=1247"},"modified":"2025-09-18T01:49:07","modified_gmt":"2025-09-18T01:49:07","slug":"game3","status":"publish","type":"page","link":"https:\/\/talithakumthailand.info\/en\/game3\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n TALITHA KUM – Wheel of Safety<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;600;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Kanit', sans-serif;\n background: linear-gradient(135deg, #fff5f0 0%, #ffe8d6 100%);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 15px;\n overflow-x: hidden;\n }\n \n .header {\n text-align: center;\n margin-bottom: 25px;\n }\n \n .title {\n font-size: 2.8rem;\n font-weight: 700;\n color: #d2691e;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n }\n \n .subtitle {\n font-size: 1.3rem;\n color: #cd853f;\n font-weight: 400;\n }\n \n .game-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 50px;\n width: 100%;\n max-width: 1000px;\n }\n \n .wheel-container {\n position: relative;\n width: 350px;\n height: 350px;\n }\n \n .wheel {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 8px solid #d2691e;\n position: relative;\n transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);\n background: conic-gradient(\n white 0deg 60deg,\n #ff8c1a 60deg 120deg,\n white 120deg 180deg,\n #ff8c1a 180deg 240deg,\n white 240deg 300deg,\n #ff8c1a 300deg 360deg\n );\n box-shadow: 0 10px 30px rgba(210, 105, 30, 0.3);\n animation: wheel-glow 3s ease-in-out infinite;\n }\n \n .wheel::before {\n content: '';\n position: absolute;\n top: -12px;\n left: -12px;\n right: -12px;\n bottom: -12px;\n border-radius: 50%;\n background: conic-gradient(\n white 0deg 60deg,\n #ff8c1a 60deg 120deg,\n white 120deg 180deg,\n #ff8c1a 180deg 240deg,\n white 240deg 300deg,\n #ff8c1a 300deg 360deg\n );\n z-index: -1;\n animation: wheel-border-rotate 4s linear infinite;\n }\n \n .wheel::after {\n content: '';\n position: absolute;\n top: 20px;\n left: 20px;\n right: 20px;\n bottom: 20px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3), transparent 50%);\n pointer-events: none;\n animation: wheel-shine 2s ease-in-out infinite alternate;\n }\n \n .wheel-pointer {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 15px solid transparent;\n border-right: 15px solid transparent;\n border-top: 30px solid #d2691e;\n z-index: 10;\n }\n \n .wheel-center {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #d2691e, #ff8c1a);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n font-size: 1.2rem;\n z-index: 5;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n animation: wheel-center-pulse 2s ease-in-out infinite;\n }\n \n .wheel-center::before {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n border-radius: 50%;\n background: linear-gradient(45deg, #ff8c1a, #d2691e, #ff8c1a);\n z-index: -1;\n animation: wheel-center-border 3s linear infinite;\n }\n \n .controls-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 25px;\n }\n \n .spin-btn {\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n color: white;\n border: none;\n padding: 18px 45px;\n font-size: 1.4rem;\n font-weight: 600;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 6px 20px rgba(210, 105, 30, 0.3);\n font-family: 'Kanit', sans-serif;\n }\n \n .spin-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(210, 105, 30, 0.4);\n }\n \n .spin-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n }\n \n .question-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .question-content {\n background: white;\n padding: 30px;\n border-radius: 20px;\n max-width: 600px;\n width: 100%;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n border: 3px solid #ffb366;\n }\n \n .question-title {\n font-size: 1.3rem;\n font-weight: 600;\n color: #d2691e;\n margin-bottom: 20px;\n text-align: center;\n }\n \n .question-text {\n font-size: 1rem;\n color: #333;\n margin-bottom: 20px;\n line-height: 1.6;\n }\n \n .question-icon {\n font-size: 4rem;\n text-align: center;\n margin-bottom: 20px;\n animation: bounce 2s infinite;\n }\n \n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-10px);\n }\n 60% {\n transform: translateY(-5px);\n }\n }\n \n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n }\n \n @keyframes shake {\n 0%, 100% {\n transform: translateX(0);\n }\n 10%, 30%, 50%, 70%, 90% {\n transform: translateX(-5px);\n }\n 20%, 40%, 60%, 80% {\n transform: translateX(5px);\n }\n }\n \n @keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n \n @keyframes spin-slow {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n \n .icon-link {\n animation: pulse 2s infinite;\n }\n \n .icon-password {\n animation: shake 2s infinite;\n }\n \n .icon-shopping {\n animation: float 3s ease-in-out infinite;\n }\n \n .icon-game {\n animation: pulse 2s infinite;\n }\n \n .icon-stranger {\n animation: bounce 2s infinite;\n }\n \n .countdown-timer {\n position: absolute;\n top: 20px;\n right: 20px;\n background: rgba(210, 105, 30, 0.9);\n color: white;\n padding: 10px 15px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 1rem;\n animation: pulse 1s infinite;\n }\n \n .countdown-timer.warning {\n background: rgba(255, 0, 0, 0.9);\n animation: shake 0.5s infinite;\n }\n \n .sparkle {\n font-size: 1.3rem;\n font-weight: 600;\n color: #d2691e;\n animation: sparkle 2s infinite;\n margin-bottom: 15px;\n }\n \n .explanation {\n font-size: 1rem;\n color: #666;\n background: #f8f9fa;\n padding: 15px;\n border-radius: 10px;\n border-left: 4px solid #d2691e;\n margin-top: 10px;\n line-height: 1.5;\n }\n \n @keyframes sparkle {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 25% {\n transform: scale(1.1);\n opacity: 0.8;\n }\n 50% {\n transform: scale(1.05);\n opacity: 1;\n }\n 75% {\n transform: scale(1.15);\n opacity: 0.9;\n }\n }\n \n @keyframes wheel-glow {\n 0%, 100% {\n box-shadow: 0 10px 30px rgba(210, 105, 30, 0.3);\n }\n 50% {\n box-shadow: 0 15px 40px rgba(210, 105, 30, 0.6), 0 0 20px rgba(255, 140, 26, 0.4);\n }\n }\n \n @keyframes wheel-border-rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n @keyframes wheel-shine {\n 0% {\n opacity: 0.2;\n transform: scale(1);\n }\n 100% {\n opacity: 0.4;\n transform: scale(1.1);\n }\n }\n \n @keyframes wheel-center-pulse {\n 0%, 100% {\n transform: translate(-50%, -50%) scale(1);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n }\n 50% {\n transform: translate(-50%, -50%) scale(1.1);\n box-shadow: 0 6px 20px rgba(210, 105, 30, 0.4);\n }\n }\n \n @keyframes wheel-center-border {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n @keyframes falling-stars {\n 0% {\n transform: translateY(-100vh) translateX(0) rotate(0deg);\n opacity: 1;\n }\n 100% {\n transform: translateY(100vh) translateX(100px) rotate(360deg);\n opacity: 0;\n }\n }\n \n @keyframes twinkle {\n 0%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 50% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n \n .falling-star {\n position: fixed;\n font-size: 2rem;\n color: #ffd700;\n pointer-events: none;\n z-index: 9999;\n animation: falling-stars 3s linear infinite;\n }\n \n .twinkle-star {\n position: fixed;\n font-size: 1.5rem;\n color: #ffd700;\n pointer-events: none;\n z-index: 9999;\n animation: twinkle 1.5s ease-in-out infinite;\n }\n \n .options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n }\n \n .option {\n background: #fff5f0;\n border: 2px solid #ffb366;\n padding: 12px 20px;\n border-radius: 10px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Kanit', sans-serif;\n }\n \n .option:hover {\n background: #ffb366;\n color: white;\n }\n \n .option.selected {\n background: #d2691e;\n color: white;\n border-color: #d2691e;\n }\n \n\n \n .result-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 1001;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n \n .result-content {\n background: white;\n padding: 40px;\n border-radius: 20px;\n text-align: center;\n max-width: 400px;\n width: 100%;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n border: 3px solid #ffb366;\n }\n \n .result-title {\n font-size: 2rem;\n font-weight: 700;\n color: #d2691e;\n margin-bottom: 20px;\n }\n \n .result-text {\n font-size: 1.2rem;\n color: #333;\n margin-bottom: 30px;\n line-height: 1.6;\n }\n \n .play-again-btn {\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n color: white;\n border: none;\n padding: 12px 30px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n font-family: 'Kanit', sans-serif;\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n \n .play-again-btn.winner {\n background: linear-gradient(135deg, #ff4444, #cc0000);\n box-shadow: 0 4px 15px rgba(255, 68, 68, 0.4);\n }\n \n .play-again-btn.winner:hover {\n background: linear-gradient(135deg, #ff6666, #dd0000);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(255, 68, 68, 0.5);\n }\n \n .score-display {\n text-align: center;\n margin-top: 0;\n }\n \n .score-text {\n font-size: 1.5rem;\n font-weight: 600;\n color: #d2691e;\n margin-bottom: 15px;\n }\n \n .progress-bar {\n width: 250px;\n height: 25px;\n background: #fff5f0;\n border: 3px solid #ffb366;\n border-radius: 15px;\n overflow: hidden;\n margin: 0 auto;\n }\n \n .progress-fill {\n height: 100%;\n background: linear-gradient(135deg, #ff8c1a, #d2691e);\n width: 0%;\n transition: width 0.5s ease;\n border-radius: 8px;\n }\n \n @media (max-width: 1024px) and (orientation: portrait) {\n .game-container {\n flex-direction: column;\n gap: 30px;\n }\n \n .title {\n font-size: 2.5rem;\n }\n \n .wheel-container {\n width: 320px;\n height: 320px;\n }\n \n .spin-btn {\n padding: 16px 40px;\n font-size: 1.3rem;\n }\n }\n \n @media (max-width: 768px) {\n .game-container {\n flex-direction: column;\n gap: 25px;\n }\n \n .title {\n font-size: 2rem;\n }\n \n .wheel-container {\n width: 280px;\n height: 280px;\n }\n \n .question-content {\n padding: 20px;\n }\n \n .spin-btn {\n padding: 14px 35px;\n font-size: 1.2rem;\n }\n \n .score-text {\n font-size: 1.3rem;\n }\n \n .progress-bar {\n width: 200px;\n height: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"header\">\n <h1 class=\"title\">TALITHA KUM<\/h1>\n <p class=\"subtitle\">“STOP HUMAN TRAFFICKING”<\/p>\n <\/div>\n \n <div class=\"game-container\">\n <div class=\"wheel-container\">\n <div class=\"wheel-pointer\"><\/div>\n <div class=\"wheel\" id=\"wheel\">\n <div class=\"wheel-center\">\u270b<\/div>\n <\/div>\n <\/div>\n \n <div class=\"controls-section\">\n <button class=\"spin-btn\" id=\"spinBtn\">\u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d<\/button>\n \n <div class=\"score-display\">\n <div class=\"score-text\">\u0e04\u0e30\u0e41\u0e19\u0e19: <span id=\"scoreCount\">0\/5<\/span><\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"question-modal\" id=\"questionModal\">\n <div class=\"question-content\">\n <h3 class=\"question-title\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\n <div class=\"question-icon\" id=\"questionIcon\"><\/div>\n <p class=\"question-text\" id=\"questionText\"><\/p>\n <div class=\"options\" id=\"optionsContainer\"><\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"result-modal\" id=\"resultModal\">\n <div class=\"result-content\">\n <div class=\"countdown-timer\" id=\"countdownTimer\">60<\/div>\n <h2 class=\"result-title\" id=\"resultTitle\">\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21!<\/h2>\n <p class=\"result-text\" id=\"resultText\">\u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30<\/p>\n <button class=\"play-again-btn\" id=\"playAgainBtn\">\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/button>\n <\/div>\n <\/div>\n\n <script>\n const questions = [\n {\n question: \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e2a\u0e48\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 \\\"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e22! \u0e44\u0e14\u0e49\u0e40\u0e07\u0e34\u0e19\u0e1f\u0e23\u0e35 1000 \u0e1a\u0e32\u0e17 \u0e07\u0e48\u0e32\u0e22 \u0e46 \u0e41\u0e04\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\\\" \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e04\u0e25\u0e34\u0e01\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e19\u0e30\u0e19\u0e33\",\n \"B) \u0e44\u0e21\u0e48\u0e04\u0e25\u0e34\u0e01 \u0e41\u0e25\u0e30\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e2d\u0e32\u0e08\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e31\u0e01\",\n \"C) \u0e04\u0e25\u0e34\u0e01\u0e14\u0e39 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\",\n \"D) \u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e19\u0e2d\u0e37\u0e48\u0e19 \u0e46\"\n ],\n correct: 1,\n icon: \"\ud83d\udd17\",\n iconClass: \"icon-link\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e41\u0e25\u0e30\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e19\u0e35\u0e49\u0e21\u0e31\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e31\u0e1a\u0e14\u0e31\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e42\u0e21\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\"\n },\n {\n question: \"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17\u0e02\u0e2d\u0e22\u0e37\u0e21\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19 Facebook \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\",\n \"B) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17\",\n \"C) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e43\u0e0a\u0e49\u0e40\u0e2a\u0e23\u0e47\u0e08\",\n \"D) \u0e43\u0e2b\u0e49\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e31\u0e48\u0e27\u0e04\u0e23\u0e32\u0e27\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e21\u0e48\"\n ],\n correct: 0,\n icon: \"\ud83d\udd10\",\n iconClass: \"icon-password\",\n explanation: \"\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e41\u0e0a\u0e23\u0e4c\u0e43\u0e2b\u0e49\u0e43\u0e04\u0e23\u0e41\u0e21\u0e49\u0e41\u0e15\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e19\u0e34\u0e17 \u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e40\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\"\n },\n {\n question: \"\u0e40\u0e08\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e02\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01\u0e21\u0e32\u0e01 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e44\u0e14\u0e49\u0e22\u0e34\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e0b\u0e37\u0e49\u0e2d\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e23\u0e32\u0e04\u0e32\u0e14\u0e35\",\n \"B) \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e35\u0e27\u0e34\u0e27\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e01\u0e48\u0e2d\u0e19\",\n \"C) \u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e15\u0e48\u0e42\u0e2d\u0e19\u0e04\u0e23\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e46 \u0e43\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\"\n ],\n correct: 1,\n icon: \"\ud83d\uded2\",\n iconClass: \"icon-shopping\",\n explanation: \"\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e35\u0e27\u0e34\u0e27\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e01\u0e48\u0e2d\u0e19\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e16\u0e39\u0e01\u0e2b\u0e25\u0e2d\u0e01\u0e25\u0e27\u0e07\u0e08\u0e32\u0e01\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e1b\u0e25\u0e2d\u0e21\"\n },\n {\n question: \"\u0e21\u0e35\u0e41\u0e2d\u0e1b\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e2d\u0e49\u0e32\u0e07\u0e27\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e07\u0e34\u0e19\u0e1f\u0e23\u0e35 \u0e41\u0e15\u0e48\u0e02\u0e2d\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\",\n \"B) \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\",\n \"C) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e46 \u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e44\u0e21\u0e48\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e23\u0e32\u0e2d\u0e32\u0e08\u0e16\u0e39\u0e01\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\"\n ],\n correct: 3,\n icon: \"\ud83d\udcf1\",\n iconClass: \"icon-game\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e2d\u0e1b\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e21\u0e32\u0e01\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e2d\u0e32\u0e08\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e1c\u0e34\u0e14\"\n },\n\n {\n question: \"\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e08\u0e32\u0e01\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e27\u0e48\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e16\u0e39\u0e01\u0e23\u0e30\u0e07\u0e31\u0e1a \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\",\n \"B) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\",\n \"C) \u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e39\",\n \"D) \u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n ],\n correct: 1,\n icon: \"\ud83c\udfe6\",\n iconClass: \"icon-link\",\n explanation: \"\u0e01\u0e32\u0e23\u0e42\u0e17\u0e23\u0e44\u0e1b\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e1b\u0e25\u0e2d\u0e21\u0e08\u0e32\u0e01\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e25\u0e42\u0e01\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22\"\n },\n {\n question: \"\u0e21\u0e35\u0e04\u0e19\u0e42\u0e17\u0e23\u0e21\u0e32\u0e2d\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e23\u0e31\u0e10 \u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\",\n \"B) \u0e02\u0e2d\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\",\n \"C) \u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e1b\u0e0f\u0e34\u0e40\u0e2a\u0e18\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e2a\u0e32\u0e22\"\n ],\n correct: 1,\n icon: \"\ud83d\udcde\",\n iconClass: \"icon-password\",\n explanation: \"\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e01\u0e25\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e21\u0e34\u0e08\u0e09\u0e32\u0e0a\u0e35\u0e1e\u0e21\u0e31\u0e01\u0e41\u0e2d\u0e1a\u0e2d\u0e49\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n },\n\n {\n question: \"\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 SMS \u0e27\u0e48\u0e32\u0e0a\u0e19\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e25\u0e47\u0e2d\u0e15\u0e40\u0e15\u0e2d\u0e23\u0e35\u0e48 500,000 \u0e1a\u0e32\u0e17 \u0e43\u0e2b\u0e49\u0e42\u0e17\u0e23\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\",\n \"B) \u0e44\u0e21\u0e48\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\",\n \"C) \u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e44\u0e2b\u0e21\",\n \"D) \u0e42\u0e17\u0e23\u0e44\u0e1b\u0e16\u0e32\u0e21\u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\"\n ],\n correct: 1,\n icon: \"\ud83c\udfb0\",\n iconClass: \"icon-shopping\",\n explanation: \"\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e2a\u0e19\u0e43\u0e08\u0e41\u0e25\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e19\u0e30\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e25\u0e42\u0e01\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2b\u0e25\u0e2d\u0e01\u0e40\u0e07\u0e34\u0e19\"\n },\n {\n question: \"\u0e21\u0e35\u0e04\u0e19\u0e43\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22\u0e40\u0e2a\u0e19\u0e2d\u0e07\u0e32\u0e19\u0e17\u0e33\u0e17\u0e35\u0e48\u0e1a\u0e49\u0e32\u0e19 \u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e01\u0e48\u0e2d\u0e19 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e17\u0e33\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\",\n options: [\n \"A) \u0e08\u0e48\u0e32\u0e22\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35\",\n \"B) \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e43\u0e14\u0e46 \u0e01\u0e48\u0e2d\u0e19\",\n \"C) \u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e48\u0e2d\u0e19\",\n \"D) \u0e02\u0e2d\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e19\"\n ],\n correct: 1,\n icon: \"\ud83d\udcbc\",\n iconClass: \"icon-game\",\n explanation: \"\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19\u0e43\u0e14\u0e46 \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e01\u0e23\u0e30\u0e17\u0e33\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e48\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\"\n }\n ];\n\n let currentQuestion = null;\n let selectedOption = null;\n let isSpinning = false;\n let countdownTimer = null;\n let timeLeft = 60;\n let correctAnswers = 0;\n let totalQuestions = 0;\n let usedQuestions = [];\n\n const wheel = document.getElementById('wheel');\n const spinBtn = document.getElementById('spinBtn');\n const questionModal = document.getElementById('questionModal');\n const resultModal = document.getElementById('resultModal');\n const questionText = document.getElementById('questionText');\n const questionIcon = document.getElementById('questionIcon');\n const optionsContainer = document.getElementById('optionsContainer');\n const resultTitle = document.getElementById('resultTitle');\n const resultText = document.getElementById('resultText');\n const playAgainBtn = document.getElementById('playAgainBtn');\n const countdownDisplay = document.getElementById('countdownTimer');\n const scoreCount = document.getElementById('scoreCount');\n const progressFill = document.getElementById('progressFill');\n\n spinBtn.addEventListener('click', spinWheel);\n playAgainBtn.addEventListener('click', playAgain);\n\n function spinWheel() {\n if (isSpinning) return;\n \n isSpinning = true;\n spinBtn.disabled = true;\n \n const randomRotation = Math.floor(Math.random() * 360) + 1440; \/\/ At least 4 full rotations\n wheel.style.transform = `rotate(${randomRotation}deg)`;\n \n setTimeout(() => {\n showQuestion();\n isSpinning = false;\n }, 1500);\n }\n\n function showQuestion() {\n \/\/ Stop all wheel animations completely\n wheel.style.animation = 'none';\n wheel.style.transition = 'none';\n \n \/\/ Stop the ::before and ::after pseudo-elements animations\n const style = document.createElement('style');\n style.textContent = `\n .wheel::before { animation: none !important; }\n .wheel::after { animation: none !important; }\n .wheel-center { animation: none !important; }\n .wheel-center::before { animation: none !important; }\n `;\n document.head.appendChild(style);\n \n \/\/ Get current rotation and fix it\n const computedStyle = window.getComputedStyle(wheel);\n const matrix = computedStyle.transform;\n if (matrix && matrix !== 'none') {\n wheel.style.transform = matrix;\n }\n \n \/\/ Get available questions (not used yet)\n let availableQuestions = questions.filter((_, index) => !usedQuestions.includes(index));\n \n \/\/ If all questions used, reset for new round\n if (availableQuestions.length === 0) {\n usedQuestions = [];\n availableQuestions = questions;\n }\n \n \/\/ Select random question from available ones\n const randomIndex = Math.floor(Math.random() * availableQuestions.length);\n currentQuestion = availableQuestions[randomIndex];\n \n \/\/ Mark this question as used\n const originalIndex = questions.indexOf(currentQuestion);\n usedQuestions.push(originalIndex);\n \n questionText.textContent = currentQuestion.question;\n \n \/\/ Set animated icon\n questionIcon.textContent = currentQuestion.icon;\n questionIcon.className = `question-icon ${currentQuestion.iconClass}`;\n \n optionsContainer.innerHTML = '';\n currentQuestion.options.forEach((option, index) => {\n const optionDiv = document.createElement('div');\n optionDiv.className = 'option';\n optionDiv.textContent = option;\n optionDiv.addEventListener('click', () => selectOption(index));\n optionsContainer.appendChild(optionDiv);\n });\n \n selectedOption = null;\n questionModal.style.display = 'flex';\n }\n\n function selectOption(index) {\n selectedOption = index;\n document.querySelectorAll('.option').forEach((option, i) => {\n option.classList.toggle('selected', i === index);\n });\n \n \/\/ Show result immediately after selection\n setTimeout(() => {\n submitAnswer();\n }, 500);\n }\n\n function submitAnswer() {\n if (selectedOption === null) {\n alert('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e04\u0e48\u0e30');\n return;\n }\n \n questionModal.style.display = 'none';\n totalQuestions++;\n \n if (selectedOption === currentQuestion.correct) {\n correctAnswers++;\n updateScore();\n \n if (correctAnswers >= 5) {\n resultTitle.textContent = '\u0e22\u0e34\u0e19\u0e14\u0e35\u0e14\u0e49\u0e27\u0e22! \ud83c\udf89';\n resultText.innerHTML = '<div class=\"sparkle\">\u2728 \u0e04\u0e38\u0e13\u0e15\u0e2d\u0e1a\u0e16\u0e39\u0e01 5 \u0e02\u0e49\u0e2d\u0e41\u0e25\u0e49\u0e27! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u2728<\/div><div class=\"explanation\">' + currentQuestion.explanation + '<\/div>';\n playAgainBtn.textContent = '\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07';\n playAgainBtn.className = 'play-again-btn winner';\n createStarEffect();\n } else {\n resultTitle.textContent = '\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07! \ud83c\udf89';\n resultText.innerHTML = '<div class=\"sparkle\">\u2728 \u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \u0e2d\u0e35\u0e01 ' + (5 - correctAnswers) + ' \u0e02\u0e49\u0e2d\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 \u2728<\/div><div class=\"explanation\">' + currentQuestion.explanation + '<\/div>';\n playAgainBtn.textContent = '\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b';\n playAgainBtn.className = 'play-again-btn';\n }\n } else {\n resultTitle.textContent = '\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e19\u0e30\u0e04\u0e30 \ud83d\udcaa';\n resultText.innerHTML = '<div class=\"explanation\">' + currentQuestion.explanation + '<\/div><p style=\"margin-top: 15px;\">\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e44\u0e21\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e23 \u0e25\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/p>';\n playAgainBtn.textContent = '\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b';\n playAgainBtn.className = 'play-again-btn';\n }\n \n resultModal.style.display = 'flex';\n startCountdown();\n }\n \n function updateScore() {\n scoreCount.textContent = correctAnswers + '\/5';\n const progressPercent = (correctAnswers \/ 5) * 100;\n progressFill.style.width = progressPercent + '%';\n }\n \n function startCountdown() {\n timeLeft = 60;\n countdownDisplay.textContent = timeLeft;\n countdownDisplay.className = 'countdown-timer';\n \n countdownTimer = setInterval(() => {\n timeLeft--;\n countdownDisplay.textContent = timeLeft;\n \n if (timeLeft <= 10) {\n countdownDisplay.className = 'countdown-timer warning';\n }\n \n if (timeLeft <= 0) {\n clearInterval(countdownTimer);\n returnToHome();\n }\n }, 1000);\n }\n \n function returnToHome() {\n clearInterval(countdownTimer);\n resultModal.style.display = 'none';\n spinBtn.disabled = false;\n wheel.style.transform = 'rotate(0deg)';\n \n \/\/ Restore wheel animations\n wheel.style.animation = '';\n wheel.style.transition = 'transform 1.5s cubic-bezier(0.23, 1, 0.32, 1)';\n \n \/\/ Remove the style that stopped animations\n const stopAnimationStyles = document.querySelectorAll('style');\n stopAnimationStyles.forEach(style => {\n if (style.textContent.includes('animation: none !important')) {\n style.remove();\n }\n });\n \n \/\/ Reset score if player got 5 correct answers\n if (correctAnswers >= 5) {\n correctAnswers = 0;\n totalQuestions = 0;\n usedQuestions = [];\n updateScore();\n }\n }\n\n function playAgain() {\n clearInterval(countdownTimer);\n resultModal.style.display = 'none';\n spinBtn.disabled = false;\n wheel.style.transform = 'rotate(0deg)';\n \n \/\/ Restore wheel animations\n wheel.style.animation = '';\n wheel.style.transition = 'transform 1.5s cubic-bezier(0.23, 1, 0.32, 1)';\n \n \/\/ Remove the style that stopped animations\n const stopAnimationStyles = document.querySelectorAll('style');\n stopAnimationStyles.forEach(style => {\n if (style.textContent.includes('animation: none !important')) {\n style.remove();\n }\n });\n \n \/\/ Reset score if player got 5 correct answers\n if (correctAnswers >= 5) {\n correctAnswers = 0;\n totalQuestions = 0;\n usedQuestions = [];\n updateScore();\n }\n \n \/\/ Auto spin after a short delay\n setTimeout(() => {\n spinWheel();\n }, 500);\n }\n\n function createStarEffect() {\n \/\/ Create falling stars\n for (let i = 0; i < 15; i++) {\n setTimeout(() => {\n const star = document.createElement('div');\n star.textContent = '\u2b50';\n star.className = 'falling-star';\n star.style.left = Math.random() * 100 + 'vw';\n star.style.animationDelay = Math.random() * 2 + 's';\n star.style.animationDuration = (Math.random() * 2 + 2) + 's';\n document.body.appendChild(star);\n \n setTimeout(() => {\n star.remove();\n }, 5000);\n }, i * 200);\n }\n \n \/\/ Create twinkling stars\n for (let i = 0; i < 20; i++) {\n setTimeout(() => {\n const twinkleStar = document.createElement('div');\n twinkleStar.textContent = '\u2728';\n twinkleStar.className = 'twinkle-star';\n twinkleStar.style.left = Math.random() * 100 + 'vw';\n twinkleStar.style.top = Math.random() * 100 + 'vh';\n twinkleStar.style.animationDelay = Math.random() * 1 + 's';\n document.body.appendChild(twinkleStar);\n \n setTimeout(() => {\n twinkleStar.remove();\n }, 4000);\n }, i * 100);\n }\n }\n\n \/\/ Close modals when clicking outside\n questionModal.addEventListener('click', (e) => {\n if (e.target === questionModal) {\n questionModal.style.display = 'none';\n spinBtn.disabled = false;\n }\n });\n\n resultModal.addEventListener('click', (e) => {\n if (e.target === resultModal) {\n playAgain();\n }\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9808c27531627b50',t:'MTc1ODExMzc0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1247","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>- Talitha Kum Thailand<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/talithakumthailand.info\/en\/game3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- Talitha Kum Thailand\" \/>\n<meta property=\"og:description\" content=\"TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\" \/>\n<meta property=\"og:url\" content=\"https:\/\/talithakumthailand.info\/en\/game3\/\" \/>\n<meta property=\"og:site_name\" content=\"Talitha Kum Thailand\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T01:49:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\",\"name\":\"- Talitha Kum Thailand\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#website\"},\"datePublished\":\"2025-09-17T02:22:14+00:00\",\"dateModified\":\"2025-09-18T01:49:07+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/talithakumthailand.info\\\/game3\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#website\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/\",\"name\":\"TKThailand\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/talithakumthailand.info\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#organization\",\"name\":\"Talitha Kum Thailand\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/talithakumthailand.info\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png\",\"contentUrl\":\"https:\\\/\\\/talithakumthailand.info\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png\",\"width\":642,\"height\":340,\"caption\":\"Talitha Kum Thailand\"},\"image\":{\"@id\":\"https:\\\/\\\/talithakumthailand.info\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"- Talitha Kum Thailand","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/talithakumthailand.info\/en\/game3\/","og_locale":"en_US","og_type":"article","og_title":"- Talitha Kum Thailand","og_description":"TALITHA KUM – Wheel of Safety TALITHA KUM “STOP HUMAN TRAFFICKING” \u270b \u0e2b\u0e21\u0e38\u0e19\u0e27\u0e07\u0e25\u0e49\u0e2d \u0e04\u0e30\u0e41\u0e19\u0e19: 0\/5 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c 60 \u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21! \u0e40\u0e0a\u0e34\u0e0d\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e48\u0e30 \u0e40\u0e25\u0e48\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07","og_url":"https:\/\/talithakumthailand.info\/en\/game3\/","og_site_name":"Talitha Kum Thailand","article_modified_time":"2025-09-18T01:49:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/talithakumthailand.info\/game3\/","url":"https:\/\/talithakumthailand.info\/game3\/","name":"- Talitha Kum Thailand","isPartOf":{"@id":"https:\/\/talithakumthailand.info\/#website"},"datePublished":"2025-09-17T02:22:14+00:00","dateModified":"2025-09-18T01:49:07+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/talithakumthailand.info\/game3\/"]}]},{"@type":"WebSite","@id":"https:\/\/talithakumthailand.info\/#website","url":"https:\/\/talithakumthailand.info\/","name":"TKThailand","description":"","publisher":{"@id":"https:\/\/talithakumthailand.info\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/talithakumthailand.info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/talithakumthailand.info\/#organization","name":"Talitha Kum Thailand","url":"https:\/\/talithakumthailand.info\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/talithakumthailand.info\/#\/schema\/logo\/image\/","url":"https:\/\/talithakumthailand.info\/wp-content\/uploads\/2025\/04\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png","contentUrl":"https:\/\/talithakumthailand.info\/wp-content\/uploads\/2025\/04\/cropped-cropped-cropped-Talitha_Kum_v5_col_4x-1.png","width":642,"height":340,"caption":"Talitha Kum Thailand"},"image":{"@id":"https:\/\/talithakumthailand.info\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/comments?post=1247"}],"version-history":[{"count":8,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/pages\/1247\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/talithakumthailand.info\/en\/wp-json\/wp\/v2\/media?parent=1247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}