Return to Chapters Block<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Malayalam:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .psc-return-block {\n all: initial;\n font-family: 'Inter', 'Noto Sans Malayalam', sans-serif;\n display: block;\n margin: 2rem 0;\n padding: 0 1rem;\n width: 100%;\n box-sizing: border-box;\n }\n \n .psc-return-block * {\n box-sizing: border-box;\n }\n \n .psc-return-container {\n max-width: 100%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 16px;\n padding: 1.5rem;\n position: relative;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.25);\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.1);\n }\n \n @media (min-width: 768px) {\n .psc-return-container {\n max-width: 500px;\n margin: 0 auto;\n border-radius: 20px;\n padding: 2rem;\n }\n }\n \n .psc-return-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, transparent 50%, rgba(255,255,255,0.1) 100%);\n animation: psc-shimmer 3s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes psc-shimmer {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.7; }\n }\n \n .psc-return-content {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n \n .psc-return-icon {\n width: 60px;\n height: 60px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.2rem;\n font-size: 1.8rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n \n @media (min-width: 768px) {\n .psc-return-icon {\n width: 50px;\n height: 50px;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n }\n \n .psc-return-title {\n font-family: 'Noto Sans Malayalam', 'Inter', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: white;\n margin-bottom: 0.8rem;\n line-height: 1.4;\n }\n \n @media (min-width: 768px) {\n .psc-return-title {\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }\n }\n \n .psc-return-subtitle {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n \n @media (min-width: 768px) {\n .psc-return-subtitle {\n font-size: 0.95rem;\n margin-bottom: 1.2rem;\n }\n }\n \n .psc-return-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n background: rgba(255, 255, 255, 0.95);\n color: #667eea;\n padding: 1.2rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n width: 100%;\n max-width: 280px;\n }\n \n @media (min-width: 768px) {\n .psc-return-link {\n padding: 1rem 2rem;\n font-size: 1rem;\n width: auto;\n max-width: none;\n }\n }\n \n .psc-return-link:hover {\n background: white;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n color: #5a67d8;\n }\n \n .psc-return-arrow {\n transition: transform 0.3s ease;\n font-size: 1.2rem;\n }\n \n .psc-return-link:hover .psc-return-arrow {\n transform: translateX(3px);\n }\n \n .psc-return-container:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(102, 126, 234, 0.3);\n }\n \n \/* Mobile touch improvements *\/\n @media (hover: none) and (pointer: coarse) {\n .psc-return-container:hover {\n transform: none;\n }\n \n .psc-return-container:active {\n transform: scale(0.98);\n }\n \n .psc-return-link:hover {\n transform: none;\n background: rgba(255, 255, 255, 0.95);\n }\n \n .psc-return-link:active {\n background: white;\n transform: scale(0.96);\n }\n }\n \n \/* Accessibility improvements *\/\n .psc-return-link:focus {\n outline: 2px solid rgba(255, 255, 255, 0.8);\n outline-offset: 2px;\n }\n \n \/* Performance optimizations *\/\n .psc-return-container {\n will-change: transform;\n contain: layout style paint;\n }\n \n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n .psc-return-container,\n .psc-return-link,\n .psc-return-arrow {\n transition-duration: 0.01ms !important;\n }\n \n .psc-return-container::before {\n animation: none !important;\n }\n }\n \n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n .psc-return-container {\n border: 3px solid white;\n }\n \n .psc-return-link {\n border: 2px solid #667eea;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"psc-return-block\">\n <div class=\"psc-return-container\">\n <div class=\"psc-return-content\">\n <div class=\"psc-return-icon\">\ud83d\udcda<\/div>\n <h3 class=\"psc-return-title\">\u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d1f\u0d3f\u0d35\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d15\u0d33\u0d41\u0d02<\/h3>\n <p class=\"psc-return-subtitle\">VocabMaster Pro \u0d38\u0d40\u0d30\u0d40\u0d38\u0d3f\u0d32\u0d46 \u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d12\u0d30\u0d41\u0d2e\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d15\u0d3e\u0d23\u0d42<\/p>\n <a href=\"https:\/\/windowedu.in\/blog\/?page_id=2504\" class=\"psc-return-link\">\n \u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d1f\u0d3f\u0d35\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d15\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d38\u0d38\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d42 <span class=\"psc-return-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Kerala PSC Idiom Crossword – Fill the Blanks<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .crossword-container {\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 15px;\n color: #333;\n }\n\n .crossword-card {\n background: white;\n border-radius: 20px;\n padding: 25px;\n max-width: 500px;\n margin: 0 auto;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .crossword-header {\n text-align: center;\n margin-bottom: 25px;\n }\n\n .crossword-title {\n font-size: 1.7rem;\n color: #2c3e50;\n margin-bottom: 8px;\n font-weight: bold;\n }\n\n .crossword-subtitle {\n color: #7f8c8d;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .progress-section {\n margin-bottom: 25px;\n }\n\n .progress-bar {\n background: #ecf0f1;\n height: 12px;\n border-radius: 6px;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .progress-fill {\n background: linear-gradient(90deg, #27ae60, #2ecc71);\n height: 100%;\n border-radius: 6px;\n transition: width 0.5s ease;\n width: 0%;\n }\n\n .score-stats {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #2c3e50;\n color: white;\n padding: 12px 20px;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n }\n\n .level-badge {\n background: #9b59b6;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.8rem;\n font-weight: 500;\n }\n\n .question-section {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 25px;\n border-left: 5px solid #3498db;\n }\n\n .question-number {\n color: #3498db;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .hint-section {\n background: #e8f5e8;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 4px solid #27ae60;\n }\n\n .hint-title {\n color: #155724;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .malayalam-hint {\n color: #16a085;\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .english-hint {\n color: #155724;\n font-size: 1rem;\n font-weight: 500;\n }\n\n .pattern-section {\n margin-bottom: 25px;\n }\n\n .pattern-title {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .pattern-display {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .pattern-word {\n background: #fff3cd;\n color: #664d03;\n padding: 8px 12px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n border: 2px solid #f39c12;\n }\n\n .pattern-blank {\n background: #e9ecef;\n color: #6c757d;\n padding: 8px 12px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n border: 2px dashed #6c757d;\n min-width: 80px;\n text-align: center;\n }\n\n .input-section {\n margin-bottom: 25px;\n }\n\n .input-group {\n margin-bottom: 15px;\n }\n\n .input-label {\n display: block;\n color: #2c3e50;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n\n .word-input {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #e9ecef;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n background: #fff;\n color: #2c3e50;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .word-input:focus {\n outline: none;\n border-color: #3498db;\n box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n }\n\n .word-input.correct {\n border-color: #27ae60;\n background: #d4edda;\n color: #155724;\n }\n\n .word-input.incorrect {\n border-color: #e74c3c;\n background: #f8d7da;\n color: #721c24;\n }\n\n .hint-buttons {\n display: flex;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .hint-btn {\n flex: 1;\n background: #f39c12;\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .hint-btn:hover {\n background: #e67e22;\n }\n\n .hint-btn:disabled {\n background: #95a5a6;\n cursor: not-allowed;\n }\n\n .check-btn {\n background: #3498db;\n color: white;\n border: none;\n padding: 16px 25px;\n border-radius: 12px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n }\n\n .check-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n }\n\n .check-btn:disabled {\n background: #95a5a6;\n cursor: not-allowed;\n transform: none;\n }\n\n .next-btn {\n background: #27ae60;\n color: white;\n border: none;\n padding: 16px 25px;\n border-radius: 12px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n display: none;\n }\n\n .next-btn.show {\n display: block;\n }\n\n .next-btn:hover {\n background: #219a52;\n transform: translateY(-2px);\n }\n\n .feedback-section {\n background: #d4edda;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 4px solid #27ae60;\n display: none;\n }\n\n .feedback-section.show {\n display: block;\n animation: fadeIn 0.5s ease-in-out;\n }\n\n .feedback-section.incorrect {\n background: #f8d7da;\n border-left-color: #e74c3c;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .feedback-text {\n color: #155724;\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.4;\n margin-bottom: 10px;\n }\n\n .feedback-section.incorrect .feedback-text {\n color: #721c24;\n }\n\n .feedback-example {\n background: rgba(255,255,255,0.7);\n padding: 12px;\n border-radius: 8px;\n color: #155724;\n font-size: 0.95rem;\n font-style: italic;\n }\n\n .feedback-section.incorrect .feedback-example {\n color: #721c24;\n }\n\n .completion-section {\n background: #e8f5e8;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n margin-top: 25px;\n border-left: 5px solid #27ae60;\n display: none;\n }\n\n .completion-section.show {\n display: block;\n animation: fadeIn 0.5s ease-in-out;\n }\n\n .completion-title {\n color: #155724;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .completion-text {\n color: #155724;\n font-size: 1rem;\n line-height: 1.4;\n margin-bottom: 20px;\n }\n\n .restart-btn {\n background: #9b59b6;\n color: white;\n border: none;\n padding: 16px 30px;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .restart-btn:hover {\n background: #8e44ad;\n transform: translateY(-2px);\n }\n\n \/* Mobile Optimizations *\/\n @media (max-width: 480px) {\n .crossword-card {\n padding: 20px;\n }\n \n .crossword-title {\n font-size: 1.5rem;\n }\n \n .pattern-display {\n flex-direction: column;\n align-items: stretch;\n }\n \n .pattern-word, .pattern-blank {\n text-align: center;\n }\n \n .hint-buttons {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"crossword-container\">\n <div class=\"crossword-card\">\n <div class=\"crossword-header\">\n <h1 class=\"crossword-title\">\ud83e\udde9 Idiom Crossword<\/h1>\n <p class=\"crossword-subtitle\">Fill in the blanks to complete the idioms<\/p>\n <\/div>\n\n <div class=\"progress-section\">\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"score-stats\">\n <span id=\"scoreDisplay\">Score: 0\/6<\/span>\n <span class=\"level-badge\" id=\"levelBadge\">Level 1<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question-section\">\n <div class=\"question-number\" id=\"questionNumber\">Question 1 of 6<\/div>\n \n <div class=\"hint-section\">\n <div class=\"hint-title\">\ud83d\udca1 Meaning:<\/div>\n <div class=\"malayalam-hint\" id=\"malayalamHint\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02<\/div>\n <div class=\"english-hint\" id=\"englishHint\">Subject of dispute<\/div>\n <\/div>\n\n <div class=\"pattern-section\">\n <div class=\"pattern-title\">Complete the idiom:<\/div>\n <div class=\"pattern-display\" id=\"patternDisplay\">\n \n <\/div>\n <\/div>\n\n <div class=\"input-section\" id=\"inputSection\">\n \n <\/div>\n\n <div class=\"hint-buttons\">\n <button class=\"hint-btn\" id=\"firstLetterBtn\" onclick=\"showFirstLetter()\">First Letter<\/button>\n <button class=\"hint-btn\" id=\"wordLengthBtn\" onclick=\"showWordLength()\">Word Length<\/button>\n <\/div>\n\n <button class=\"check-btn\" id=\"checkBtn\" onclick=\"checkAnswer()\">Check Answer<\/button>\n <button class=\"next-btn\" id=\"nextBtn\" onclick=\"nextQuestion()\">Next Question<\/button>\n <\/div>\n\n <div class=\"feedback-section\" id=\"feedbackSection\">\n <div class=\"feedback-text\" id=\"feedbackText\"><\/div>\n <div class=\"feedback-example\" id=\"feedbackExample\"><\/div>\n <\/div>\n\n <div class=\"completion-section\" id=\"completionSection\">\n <div class=\"completion-title\">\ud83c\udf89 Congratulations!<\/div>\n <div class=\"completion-text\" id=\"completionText\"><\/div>\n <button class=\"restart-btn\" onclick=\"restartGame()\">\ud83d\udd04 Practice Again<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentQuestion = 0;\n let score = 0;\n let hintsUsed = 0;\n\n const questions = [\n {\n level: 1,\n malayalam: \"\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02\",\n english: \"Subject of dispute\",\n pattern: [\"_____\", \"of\", \"_____\"],\n answers: [\"BONE\", \"CONTENTION\"],\n labels: [\"First word\", \"Second word\"],\n example: \"The ownership of the house became the bone of contention between the siblings.\",\n origin: \"Origin: Two dogs fighting over a bone\"\n },\n {\n level: 1,\n malayalam: \"\u0d35\u0d33\u0d30\u0d46 \u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d\",\n english: \"Very common and cheap\",\n pattern: [\"A\", \"_____\", \"a\", \"_____\"],\n answers: [\"DIME\", \"DOZEN\"],\n labels: [\"Currency (10 cents)\", \"Number (12 items)\"],\n example: \"Simple mobile apps are a dime a dozen in today's market.\",\n origin: \"Origin: American currency - 10 cents for 12 items = very cheap\"\n },\n {\n level: 2,\n malayalam: \"\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24\",\n english: \"Completely useless\",\n pattern: [\"_____\", \"for\", \"_____\"],\n answers: [\"GOOD\", \"NOTHING\"],\n labels: [\"Positive word\", \"Zero value\"],\n example: \"That old machine is good for nothing now.\",\n origin: \"Origin: Literal meaning - not suitable for any purpose\"\n },\n {\n level: 2,\n malayalam: \"\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f\",\n english: \"Very rarely\",\n pattern: [\"_____\", \"in\", \"a\", \"_____\", \"_____\"],\n answers: [\"ONCE\", \"BLUE\", \"MOON\"],\n labels: [\"Frequency\", \"Color\", \"Celestial body\"],\n example: \"Since moving abroad, I see my family once in a blue moon.\",\n origin: \"Origin: Second full moon in one month (happens every 2-3 years)\"\n },\n {\n level: 3,\n malayalam: \"\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f\",\n english: \"Person of noble birth\",\n pattern: [\"_____\", \"_____\"],\n answers: [\"BLUE\", \"BLOOD\"],\n labels: [\"Color\", \"Body fluid\"],\n example: \"He comes from a family of blue bloods.\",\n origin: \"Origin: Spanish aristocracy's visible blue veins through pale skin\"\n },\n {\n level: 3,\n malayalam: \"\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f\",\n english: \"Very good, honest person\",\n pattern: [\"_____\", \"of\", \"the\", \"_____\"],\n answers: [\"SALT\", \"EARTH\"],\n labels: [\"Seasoning\", \"Planet\"],\n example: \"She's the salt of the earth - always helping others.\",\n origin: \"Origin: Biblical reference from Jesus calling his disciples 'salt of the earth'\"\n }\n ];\n\n function loadQuestion() {\n const q = questions[currentQuestion];\n \n \/\/ Update question info\n document.getElementById('questionNumber').textContent = `Question ${currentQuestion + 1} of ${questions.length}`;\n document.getElementById('malayalamHint').textContent = q.malayalam;\n document.getElementById('englishHint').textContent = q.english;\n document.getElementById('levelBadge').textContent = `Level ${q.level}`;\n \n \/\/ Generate pattern display\n const patternDisplay = document.getElementById('patternDisplay');\n patternDisplay.innerHTML = '';\n \n let inputIndex = 0;\n q.pattern.forEach(part => {\n const element = document.createElement('div');\n if (part.startsWith('_')) {\n element.className = 'pattern-blank';\n element.textContent = part;\n } else {\n element.className = 'pattern-word';\n element.textContent = part;\n }\n patternDisplay.appendChild(element);\n });\n \n \/\/ Generate input fields\n const inputSection = document.getElementById('inputSection');\n inputSection.innerHTML = '';\n \n q.answers.forEach((answer, index) => {\n const group = document.createElement('div');\n group.className = 'input-group';\n \n const label = document.createElement('label');\n label.className = 'input-label';\n label.textContent = q.labels[index];\n \n const input = document.createElement('input');\n input.type = 'text';\n input.className = 'word-input';\n input.id = `input${index}`;\n input.placeholder = `Enter ${answer.length} letters`;\n input.maxLength = answer.length;\n input.addEventListener('input', handleInputChange);\n input.addEventListener('keypress', handleKeyPress);\n \n group.appendChild(label);\n group.appendChild(input);\n inputSection.appendChild(group);\n });\n \n \/\/ Reset UI\n document.getElementById('feedbackSection').classList.remove('show');\n document.getElementById('nextBtn').classList.remove('show');\n document.getElementById('checkBtn').disabled = false;\n document.getElementById('firstLetterBtn').disabled = false;\n document.getElementById('wordLengthBtn').disabled = false;\n }\n\n function handleInputChange(e) {\n e.target.value = e.target.value.toUpperCase();\n checkInputsComplete();\n }\n\n function handleKeyPress(e) {\n if (e.key === 'Enter') {\n checkAnswer();\n }\n }\n\n function checkInputsComplete() {\n const inputs = document.querySelectorAll('.word-input');\n let allFilled = true;\n \n inputs.forEach(input => {\n if (!input.value.trim()) {\n allFilled = false;\n }\n });\n \n document.getElementById('checkBtn').disabled = !allFilled;\n }\n\n function showFirstLetter() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n \n inputs.forEach((input, index) => {\n if (!input.value) {\n input.value = q.answers[index][0];\n input.focus();\n return;\n }\n });\n \n document.getElementById('firstLetterBtn').disabled = true;\n hintsUsed++;\n }\n\n function showWordLength() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n \n inputs.forEach((input, index) => {\n input.placeholder = `${q.answers[index].length} letters: ${q.answers[index]}`;\n });\n \n document.getElementById('wordLengthBtn').disabled = true;\n hintsUsed++;\n }\n\n function checkAnswer() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n let correct = true;\n \n inputs.forEach((input, index) => {\n const userAnswer = input.value.trim().toUpperCase();\n const correctAnswer = q.answers[index];\n \n if (userAnswer === correctAnswer) {\n input.classList.add('correct');\n input.classList.remove('incorrect');\n } else {\n input.classList.add('incorrect');\n input.classList.remove('correct');\n correct = false;\n }\n });\n \n const feedbackSection = document.getElementById('feedbackSection');\n const feedbackText = document.getElementById('feedbackText');\n const feedbackExample = document.getElementById('feedbackExample');\n \n if (correct) {\n score++;\n feedbackSection.classList.remove('incorrect');\n feedbackText.innerHTML = `\ud83c\udf89 Correct! <strong>\"${q.pattern.map((p, i) => p.startsWith('_') ? q.answers[inputs.length > 1 ? (i === 0 ? 0 : i === 2 ? 1 : i === 4 ? 2 : 0) : 0] : p).join(' ')}\"<\/strong>`;\n feedbackExample.innerHTML = `<strong>Example:<\/strong> ${q.example}<br><strong>${q.origin}<\/strong>`;\n \n document.getElementById('nextBtn').classList.add('show');\n } else {\n feedbackSection.classList.add('incorrect');\n feedbackText.innerHTML = `\u274c Not quite right. The correct answer is: <strong>\"${q.answers.join(' ')}\"<\/strong>`;\n feedbackExample.innerHTML = `<strong>Example:<\/strong> ${q.example}<br><strong>${q.origin}<\/strong>`;\n }\n \n feedbackSection.classList.add('show');\n document.getElementById('checkBtn').disabled = true;\n updateProgress();\n }\n\n function nextQuestion() {\n currentQuestion++;\n \n if (currentQuestion < questions.length) {\n loadQuestion();\n } else {\n showCompletion();\n }\n }\n\n function showCompletion() {\n const completionSection = document.getElementById('completionSection');\n const completionText = document.getElementById('completionText');\n \n const percentage = Math.round((score \/ questions.length) * 100);\n let message = '';\n \n if (percentage >= 80) {\n message = `Outstanding! You scored ${score}\/${questions.length} (${percentage}%). You've mastered these idioms!`;\n } else if (percentage >= 60) {\n message = `Good job! You scored ${score}\/${questions.length} (${percentage}%). Practice a bit more to perfect your skills.`;\n } else {\n message = `Keep practicing! You scored ${score}\/${questions.length} (${percentage}%). Review the explanations and try again.`;\n }\n \n completionText.textContent = message;\n completionSection.classList.add('show');\n }\n\n function updateProgress() {\n const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n document.getElementById('progressBar').style.width = progress + '%';\n document.getElementById('scoreDisplay').textContent = `Score: ${score}\/${questions.length}`;\n }\n\n function restartGame() {\n currentQuestion = 0;\n score = 0;\n hintsUsed = 0;\n \n document.getElementById('completionSection').classList.remove('show');\n loadQuestion();\n updateProgress();\n }\n\n \/\/ Initialize\n loadQuestion();\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kerala PSC Idiom Crossword – Fill the Blanks \ud83e\udde9 Idiom Crossword Fill in the blanks to complete the idioms Score: 0\/6 Level 1 Question 1 of 6 \ud83d\udca1 Meaning: \u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 Subject of dispute Complete the idiom: First Letter Word Length Check Answer Next Question \ud83c\udf89 Congratulations! \ud83d\udd04 Practice Again<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2456","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":1,"uagb_excerpt":"Kerala PSC Idiom Crossword – Fill the Blanks \ud83e\udde9 Idiom Crossword Fill in the blanks to complete the idioms Score: 0\/6 Level 1 Question 1 of 6 \ud83d\udca1 Meaning: \u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 Subject of dispute Complete the idiom: First Letter Word Length Check Answer Next Question \ud83c\udf89 Congratulations! \ud83d\udd04 Practice Again","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2456"}],"version-history":[{"count":7,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions"}],"predecessor-version":[{"id":2511,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions\/2511"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2456,"date":"2025-07-16T11:04:44","date_gmt":"2025-07-16T07:04:44","guid":{"rendered":"https:\/\/windowedu.in\/blog\/?p=2456"},"modified":"2025-07-17T02:27:36","modified_gmt":"2025-07-16T22:27:36","slug":"eng-voacabulary-2","status":"publish","type":"post","link":"https:\/\/windowedu.in\/blog\/?p=2456","title":{"rendered":"VocabMaster Pro 1.2- LDC Tvm Idioms"},"content":{"rendered":"\n\n\n\n \n \n \n Return to Chapters Block<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Malayalam:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .psc-return-block {\n all: initial;\n font-family: 'Inter', 'Noto Sans Malayalam', sans-serif;\n display: block;\n margin: 2rem 0;\n padding: 0 1rem;\n width: 100%;\n box-sizing: border-box;\n }\n \n .psc-return-block * {\n box-sizing: border-box;\n }\n \n .psc-return-container {\n max-width: 100%;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 16px;\n padding: 1.5rem;\n position: relative;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.25);\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.1);\n }\n \n @media (min-width: 768px) {\n .psc-return-container {\n max-width: 500px;\n margin: 0 auto;\n border-radius: 20px;\n padding: 2rem;\n }\n }\n \n .psc-return-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, transparent 50%, rgba(255,255,255,0.1) 100%);\n animation: psc-shimmer 3s ease-in-out infinite;\n pointer-events: none;\n }\n \n @keyframes psc-shimmer {\n 0%, 100% { opacity: 0.3; }\n 50% { opacity: 0.7; }\n }\n \n .psc-return-content {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n \n .psc-return-icon {\n width: 60px;\n height: 60px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.2rem;\n font-size: 1.8rem;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n \n @media (min-width: 768px) {\n .psc-return-icon {\n width: 50px;\n height: 50px;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n }\n \n .psc-return-title {\n font-family: 'Noto Sans Malayalam', 'Inter', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: white;\n margin-bottom: 0.8rem;\n line-height: 1.4;\n }\n \n @media (min-width: 768px) {\n .psc-return-title {\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }\n }\n \n .psc-return-subtitle {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n \n @media (min-width: 768px) {\n .psc-return-subtitle {\n font-size: 0.95rem;\n margin-bottom: 1.2rem;\n }\n }\n \n .psc-return-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n background: rgba(255, 255, 255, 0.95);\n color: #667eea;\n padding: 1.2rem 2.5rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n width: 100%;\n max-width: 280px;\n }\n \n @media (min-width: 768px) {\n .psc-return-link {\n padding: 1rem 2rem;\n font-size: 1rem;\n width: auto;\n max-width: none;\n }\n }\n \n .psc-return-link:hover {\n background: white;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n color: #5a67d8;\n }\n \n .psc-return-arrow {\n transition: transform 0.3s ease;\n font-size: 1.2rem;\n }\n \n .psc-return-link:hover .psc-return-arrow {\n transform: translateX(3px);\n }\n \n .psc-return-container:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(102, 126, 234, 0.3);\n }\n \n \/* Mobile touch improvements *\/\n @media (hover: none) and (pointer: coarse) {\n .psc-return-container:hover {\n transform: none;\n }\n \n .psc-return-container:active {\n transform: scale(0.98);\n }\n \n .psc-return-link:hover {\n transform: none;\n background: rgba(255, 255, 255, 0.95);\n }\n \n .psc-return-link:active {\n background: white;\n transform: scale(0.96);\n }\n }\n \n \/* Accessibility improvements *\/\n .psc-return-link:focus {\n outline: 2px solid rgba(255, 255, 255, 0.8);\n outline-offset: 2px;\n }\n \n \/* Performance optimizations *\/\n .psc-return-container {\n will-change: transform;\n contain: layout style paint;\n }\n \n \/* Reduced motion support *\/\n @media (prefers-reduced-motion: reduce) {\n .psc-return-container,\n .psc-return-link,\n .psc-return-arrow {\n transition-duration: 0.01ms !important;\n }\n \n .psc-return-container::before {\n animation: none !important;\n }\n }\n \n \/* High contrast mode support *\/\n @media (prefers-contrast: high) {\n .psc-return-container {\n border: 3px solid white;\n }\n \n .psc-return-link {\n border: 2px solid #667eea;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"psc-return-block\">\n <div class=\"psc-return-container\">\n <div class=\"psc-return-content\">\n <div class=\"psc-return-icon\">\ud83d\udcda<\/div>\n <h3 class=\"psc-return-title\">\u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d1f\u0d3f\u0d35\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d15\u0d33\u0d41\u0d02<\/h3>\n <p class=\"psc-return-subtitle\">VocabMaster Pro \u0d38\u0d40\u0d30\u0d40\u0d38\u0d3f\u0d32\u0d46 \u0d0e\u0d32\u0d4d\u0d32\u0d3e \u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d12\u0d30\u0d41\u0d2e\u0d3f\u0d1a\u0d4d\u0d1a\u0d4d \u0d15\u0d3e\u0d23\u0d42<\/p>\n <a href=\"https:\/\/windowedu.in\/blog\/?page_id=2504\" class=\"psc-return-link\">\n \u0d05\u0d27\u0d4d\u0d2f\u0d3e\u0d2f\u0d19\u0d4d\u0d19\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d1f\u0d3f\u0d35\u0d3f\u0d31\u0d4d\u0d31\u0d3f\u0d15\u0d33\u0d41\u0d02 \u0d06\u0d15\u0d4d\u0d38\u0d38\u0d4d \u0d1a\u0d46\u0d2f\u0d4d\u0d2f\u0d42 <span class=\"psc-return-arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Kerala PSC Idiom Crossword – Fill the Blanks<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .crossword-container {\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 15px;\n color: #333;\n }\n\n .crossword-card {\n background: white;\n border-radius: 20px;\n padding: 25px;\n max-width: 500px;\n margin: 0 auto;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .crossword-header {\n text-align: center;\n margin-bottom: 25px;\n }\n\n .crossword-title {\n font-size: 1.7rem;\n color: #2c3e50;\n margin-bottom: 8px;\n font-weight: bold;\n }\n\n .crossword-subtitle {\n color: #7f8c8d;\n font-size: 1rem;\n line-height: 1.4;\n }\n\n .progress-section {\n margin-bottom: 25px;\n }\n\n .progress-bar {\n background: #ecf0f1;\n height: 12px;\n border-radius: 6px;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .progress-fill {\n background: linear-gradient(90deg, #27ae60, #2ecc71);\n height: 100%;\n border-radius: 6px;\n transition: width 0.5s ease;\n width: 0%;\n }\n\n .score-stats {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #2c3e50;\n color: white;\n padding: 12px 20px;\n border-radius: 10px;\n font-size: 1rem;\n font-weight: 600;\n }\n\n .level-badge {\n background: #9b59b6;\n color: white;\n padding: 4px 12px;\n border-radius: 15px;\n font-size: 0.8rem;\n font-weight: 500;\n }\n\n .question-section {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 25px;\n border-left: 5px solid #3498db;\n }\n\n .question-number {\n color: #3498db;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .hint-section {\n background: #e8f5e8;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 4px solid #27ae60;\n }\n\n .hint-title {\n color: #155724;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .malayalam-hint {\n color: #16a085;\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n .english-hint {\n color: #155724;\n font-size: 1rem;\n font-weight: 500;\n }\n\n .pattern-section {\n margin-bottom: 25px;\n }\n\n .pattern-title {\n color: #2c3e50;\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .pattern-display {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-bottom: 20px;\n }\n\n .pattern-word {\n background: #fff3cd;\n color: #664d03;\n padding: 8px 12px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n border: 2px solid #f39c12;\n }\n\n .pattern-blank {\n background: #e9ecef;\n color: #6c757d;\n padding: 8px 12px;\n border-radius: 8px;\n font-size: 1.1rem;\n font-weight: 600;\n border: 2px dashed #6c757d;\n min-width: 80px;\n text-align: center;\n }\n\n .input-section {\n margin-bottom: 25px;\n }\n\n .input-group {\n margin-bottom: 15px;\n }\n\n .input-label {\n display: block;\n color: #2c3e50;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 8px;\n }\n\n .word-input {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #e9ecef;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n background: #fff;\n color: #2c3e50;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n\n .word-input:focus {\n outline: none;\n border-color: #3498db;\n box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);\n }\n\n .word-input.correct {\n border-color: #27ae60;\n background: #d4edda;\n color: #155724;\n }\n\n .word-input.incorrect {\n border-color: #e74c3c;\n background: #f8d7da;\n color: #721c24;\n }\n\n .hint-buttons {\n display: flex;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .hint-btn {\n flex: 1;\n background: #f39c12;\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .hint-btn:hover {\n background: #e67e22;\n }\n\n .hint-btn:disabled {\n background: #95a5a6;\n cursor: not-allowed;\n }\n\n .check-btn {\n background: #3498db;\n color: white;\n border: none;\n padding: 16px 25px;\n border-radius: 12px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n }\n\n .check-btn:hover {\n background: #2980b9;\n transform: translateY(-2px);\n }\n\n .check-btn:disabled {\n background: #95a5a6;\n cursor: not-allowed;\n transform: none;\n }\n\n .next-btn {\n background: #27ae60;\n color: white;\n border: none;\n padding: 16px 25px;\n border-radius: 12px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n margin-bottom: 15px;\n transition: all 0.3s ease;\n display: none;\n }\n\n .next-btn.show {\n display: block;\n }\n\n .next-btn:hover {\n background: #219a52;\n transform: translateY(-2px);\n }\n\n .feedback-section {\n background: #d4edda;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 4px solid #27ae60;\n display: none;\n }\n\n .feedback-section.show {\n display: block;\n animation: fadeIn 0.5s ease-in-out;\n }\n\n .feedback-section.incorrect {\n background: #f8d7da;\n border-left-color: #e74c3c;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .feedback-text {\n color: #155724;\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.4;\n margin-bottom: 10px;\n }\n\n .feedback-section.incorrect .feedback-text {\n color: #721c24;\n }\n\n .feedback-example {\n background: rgba(255,255,255,0.7);\n padding: 12px;\n border-radius: 8px;\n color: #155724;\n font-size: 0.95rem;\n font-style: italic;\n }\n\n .feedback-section.incorrect .feedback-example {\n color: #721c24;\n }\n\n .completion-section {\n background: #e8f5e8;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n margin-top: 25px;\n border-left: 5px solid #27ae60;\n display: none;\n }\n\n .completion-section.show {\n display: block;\n animation: fadeIn 0.5s ease-in-out;\n }\n\n .completion-title {\n color: #155724;\n font-size: 1.4rem;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .completion-text {\n color: #155724;\n font-size: 1rem;\n line-height: 1.4;\n margin-bottom: 20px;\n }\n\n .restart-btn {\n background: #9b59b6;\n color: white;\n border: none;\n padding: 16px 30px;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .restart-btn:hover {\n background: #8e44ad;\n transform: translateY(-2px);\n }\n\n \/* Mobile Optimizations *\/\n @media (max-width: 480px) {\n .crossword-card {\n padding: 20px;\n }\n \n .crossword-title {\n font-size: 1.5rem;\n }\n \n .pattern-display {\n flex-direction: column;\n align-items: stretch;\n }\n \n .pattern-word, .pattern-blank {\n text-align: center;\n }\n \n .hint-buttons {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"crossword-container\">\n <div class=\"crossword-card\">\n <div class=\"crossword-header\">\n <h1 class=\"crossword-title\">\ud83e\udde9 Idiom Crossword<\/h1>\n <p class=\"crossword-subtitle\">Fill in the blanks to complete the idioms<\/p>\n <\/div>\n\n <div class=\"progress-section\">\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"score-stats\">\n <span id=\"scoreDisplay\">Score: 0\/6<\/span>\n <span class=\"level-badge\" id=\"levelBadge\">Level 1<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question-section\">\n <div class=\"question-number\" id=\"questionNumber\">Question 1 of 6<\/div>\n \n <div class=\"hint-section\">\n <div class=\"hint-title\">\ud83d\udca1 Meaning:<\/div>\n <div class=\"malayalam-hint\" id=\"malayalamHint\">\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02<\/div>\n <div class=\"english-hint\" id=\"englishHint\">Subject of dispute<\/div>\n <\/div>\n\n <div class=\"pattern-section\">\n <div class=\"pattern-title\">Complete the idiom:<\/div>\n <div class=\"pattern-display\" id=\"patternDisplay\">\n \n <\/div>\n <\/div>\n\n <div class=\"input-section\" id=\"inputSection\">\n \n <\/div>\n\n <div class=\"hint-buttons\">\n <button class=\"hint-btn\" id=\"firstLetterBtn\" onclick=\"showFirstLetter()\">First Letter<\/button>\n <button class=\"hint-btn\" id=\"wordLengthBtn\" onclick=\"showWordLength()\">Word Length<\/button>\n <\/div>\n\n <button class=\"check-btn\" id=\"checkBtn\" onclick=\"checkAnswer()\">Check Answer<\/button>\n <button class=\"next-btn\" id=\"nextBtn\" onclick=\"nextQuestion()\">Next Question<\/button>\n <\/div>\n\n <div class=\"feedback-section\" id=\"feedbackSection\">\n <div class=\"feedback-text\" id=\"feedbackText\"><\/div>\n <div class=\"feedback-example\" id=\"feedbackExample\"><\/div>\n <\/div>\n\n <div class=\"completion-section\" id=\"completionSection\">\n <div class=\"completion-title\">\ud83c\udf89 Congratulations!<\/div>\n <div class=\"completion-text\" id=\"completionText\"><\/div>\n <button class=\"restart-btn\" onclick=\"restartGame()\">\ud83d\udd04 Practice Again<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let currentQuestion = 0;\n let score = 0;\n let hintsUsed = 0;\n\n const questions = [\n {\n level: 1,\n malayalam: \"\u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02\",\n english: \"Subject of dispute\",\n pattern: [\"_____\", \"of\", \"_____\"],\n answers: [\"BONE\", \"CONTENTION\"],\n labels: [\"First word\", \"Second word\"],\n example: \"The ownership of the house became the bone of contention between the siblings.\",\n origin: \"Origin: Two dogs fighting over a bone\"\n },\n {\n level: 1,\n malayalam: \"\u0d35\u0d33\u0d30\u0d46 \u0d35\u0d3f\u0d32\u0d2f\u0d3f\u0d32\u0d4d\u0d32\u0d3e\u0d24\u0d4d\u0d24\u0d24\u0d4d\",\n english: \"Very common and cheap\",\n pattern: [\"A\", \"_____\", \"a\", \"_____\"],\n answers: [\"DIME\", \"DOZEN\"],\n labels: [\"Currency (10 cents)\", \"Number (12 items)\"],\n example: \"Simple mobile apps are a dime a dozen in today's market.\",\n origin: \"Origin: American currency - 10 cents for 12 items = very cheap\"\n },\n {\n level: 2,\n malayalam: \"\u0d12\u0d28\u0d4d\u0d28\u0d3f\u0d28\u0d41\u0d02 \u0d15\u0d4a\u0d33\u0d4d\u0d33\u0d3e\u0d24\u0d4d\u0d24\",\n english: \"Completely useless\",\n pattern: [\"_____\", \"for\", \"_____\"],\n answers: [\"GOOD\", \"NOTHING\"],\n labels: [\"Positive word\", \"Zero value\"],\n example: \"That old machine is good for nothing now.\",\n origin: \"Origin: Literal meaning - not suitable for any purpose\"\n },\n {\n level: 2,\n malayalam: \"\u0d35\u0d33\u0d30\u0d46 \u0d05\u0d2a\u0d42\u0d7c\u0d35\u0d4d\u0d35\u0d2e\u0d3e\u0d2f\u0d3f\",\n english: \"Very rarely\",\n pattern: [\"_____\", \"in\", \"a\", \"_____\", \"_____\"],\n answers: [\"ONCE\", \"BLUE\", \"MOON\"],\n labels: [\"Frequency\", \"Color\", \"Celestial body\"],\n example: \"Since moving abroad, I see my family once in a blue moon.\",\n origin: \"Origin: Second full moon in one month (happens every 2-3 years)\"\n },\n {\n level: 3,\n malayalam: \"\u0d15\u0d41\u0d32\u0d40\u0d28\u0d1c\u0d3e\u0d24\u0d3f\",\n english: \"Person of noble birth\",\n pattern: [\"_____\", \"_____\"],\n answers: [\"BLUE\", \"BLOOD\"],\n labels: [\"Color\", \"Body fluid\"],\n example: \"He comes from a family of blue bloods.\",\n origin: \"Origin: Spanish aristocracy's visible blue veins through pale skin\"\n },\n {\n level: 3,\n malayalam: \"\u0d2e\u0d3e\u0d28\u0d4d\u0d2f\u0d28\u0d3e\u0d2f \u0d35\u0d4d\u0d2f\u0d15\u0d4d\u0d24\u0d3f\",\n english: \"Very good, honest person\",\n pattern: [\"_____\", \"of\", \"the\", \"_____\"],\n answers: [\"SALT\", \"EARTH\"],\n labels: [\"Seasoning\", \"Planet\"],\n example: \"She's the salt of the earth - always helping others.\",\n origin: \"Origin: Biblical reference from Jesus calling his disciples 'salt of the earth'\"\n }\n ];\n\n function loadQuestion() {\n const q = questions[currentQuestion];\n \n \/\/ Update question info\n document.getElementById('questionNumber').textContent = `Question ${currentQuestion + 1} of ${questions.length}`;\n document.getElementById('malayalamHint').textContent = q.malayalam;\n document.getElementById('englishHint').textContent = q.english;\n document.getElementById('levelBadge').textContent = `Level ${q.level}`;\n \n \/\/ Generate pattern display\n const patternDisplay = document.getElementById('patternDisplay');\n patternDisplay.innerHTML = '';\n \n let inputIndex = 0;\n q.pattern.forEach(part => {\n const element = document.createElement('div');\n if (part.startsWith('_')) {\n element.className = 'pattern-blank';\n element.textContent = part;\n } else {\n element.className = 'pattern-word';\n element.textContent = part;\n }\n patternDisplay.appendChild(element);\n });\n \n \/\/ Generate input fields\n const inputSection = document.getElementById('inputSection');\n inputSection.innerHTML = '';\n \n q.answers.forEach((answer, index) => {\n const group = document.createElement('div');\n group.className = 'input-group';\n \n const label = document.createElement('label');\n label.className = 'input-label';\n label.textContent = q.labels[index];\n \n const input = document.createElement('input');\n input.type = 'text';\n input.className = 'word-input';\n input.id = `input${index}`;\n input.placeholder = `Enter ${answer.length} letters`;\n input.maxLength = answer.length;\n input.addEventListener('input', handleInputChange);\n input.addEventListener('keypress', handleKeyPress);\n \n group.appendChild(label);\n group.appendChild(input);\n inputSection.appendChild(group);\n });\n \n \/\/ Reset UI\n document.getElementById('feedbackSection').classList.remove('show');\n document.getElementById('nextBtn').classList.remove('show');\n document.getElementById('checkBtn').disabled = false;\n document.getElementById('firstLetterBtn').disabled = false;\n document.getElementById('wordLengthBtn').disabled = false;\n }\n\n function handleInputChange(e) {\n e.target.value = e.target.value.toUpperCase();\n checkInputsComplete();\n }\n\n function handleKeyPress(e) {\n if (e.key === 'Enter') {\n checkAnswer();\n }\n }\n\n function checkInputsComplete() {\n const inputs = document.querySelectorAll('.word-input');\n let allFilled = true;\n \n inputs.forEach(input => {\n if (!input.value.trim()) {\n allFilled = false;\n }\n });\n \n document.getElementById('checkBtn').disabled = !allFilled;\n }\n\n function showFirstLetter() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n \n inputs.forEach((input, index) => {\n if (!input.value) {\n input.value = q.answers[index][0];\n input.focus();\n return;\n }\n });\n \n document.getElementById('firstLetterBtn').disabled = true;\n hintsUsed++;\n }\n\n function showWordLength() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n \n inputs.forEach((input, index) => {\n input.placeholder = `${q.answers[index].length} letters: ${q.answers[index]}`;\n });\n \n document.getElementById('wordLengthBtn').disabled = true;\n hintsUsed++;\n }\n\n function checkAnswer() {\n const q = questions[currentQuestion];\n const inputs = document.querySelectorAll('.word-input');\n let correct = true;\n \n inputs.forEach((input, index) => {\n const userAnswer = input.value.trim().toUpperCase();\n const correctAnswer = q.answers[index];\n \n if (userAnswer === correctAnswer) {\n input.classList.add('correct');\n input.classList.remove('incorrect');\n } else {\n input.classList.add('incorrect');\n input.classList.remove('correct');\n correct = false;\n }\n });\n \n const feedbackSection = document.getElementById('feedbackSection');\n const feedbackText = document.getElementById('feedbackText');\n const feedbackExample = document.getElementById('feedbackExample');\n \n if (correct) {\n score++;\n feedbackSection.classList.remove('incorrect');\n feedbackText.innerHTML = `\ud83c\udf89 Correct! <strong>\"${q.pattern.map((p, i) => p.startsWith('_') ? q.answers[inputs.length > 1 ? (i === 0 ? 0 : i === 2 ? 1 : i === 4 ? 2 : 0) : 0] : p).join(' ')}\"<\/strong>`;\n feedbackExample.innerHTML = `<strong>Example:<\/strong> ${q.example}<br><strong>${q.origin}<\/strong>`;\n \n document.getElementById('nextBtn').classList.add('show');\n } else {\n feedbackSection.classList.add('incorrect');\n feedbackText.innerHTML = `\u274c Not quite right. The correct answer is: <strong>\"${q.answers.join(' ')}\"<\/strong>`;\n feedbackExample.innerHTML = `<strong>Example:<\/strong> ${q.example}<br><strong>${q.origin}<\/strong>`;\n }\n \n feedbackSection.classList.add('show');\n document.getElementById('checkBtn').disabled = true;\n updateProgress();\n }\n\n function nextQuestion() {\n currentQuestion++;\n \n if (currentQuestion < questions.length) {\n loadQuestion();\n } else {\n showCompletion();\n }\n }\n\n function showCompletion() {\n const completionSection = document.getElementById('completionSection');\n const completionText = document.getElementById('completionText');\n \n const percentage = Math.round((score \/ questions.length) * 100);\n let message = '';\n \n if (percentage >= 80) {\n message = `Outstanding! You scored ${score}\/${questions.length} (${percentage}%). You've mastered these idioms!`;\n } else if (percentage >= 60) {\n message = `Good job! You scored ${score}\/${questions.length} (${percentage}%). Practice a bit more to perfect your skills.`;\n } else {\n message = `Keep practicing! You scored ${score}\/${questions.length} (${percentage}%). Review the explanations and try again.`;\n }\n \n completionText.textContent = message;\n completionSection.classList.add('show');\n }\n\n function updateProgress() {\n const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n document.getElementById('progressBar').style.width = progress + '%';\n document.getElementById('scoreDisplay').textContent = `Score: ${score}\/${questions.length}`;\n }\n\n function restartGame() {\n currentQuestion = 0;\n score = 0;\n hintsUsed = 0;\n \n document.getElementById('completionSection').classList.remove('show');\n loadQuestion();\n updateProgress();\n }\n\n \/\/ Initialize\n loadQuestion();\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kerala PSC Idiom Crossword – Fill the Blanks \ud83e\udde9 Idiom Crossword Fill in the blanks to complete the idioms Score: 0\/6 Level 1 Question 1 of 6 \ud83d\udca1 Meaning: \u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 Subject of dispute Complete the idiom: First Letter Word Length Check Answer Next Question \ud83c\udf89 Congratulations! \ud83d\udd04 Practice Again<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2456","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"raghumadambath","author_link":"https:\/\/windowedu.in\/blog\/?author=1"},"uagb_comment_info":1,"uagb_excerpt":"Kerala PSC Idiom Crossword – Fill the Blanks \ud83e\udde9 Idiom Crossword Fill in the blanks to complete the idioms Score: 0\/6 Level 1 Question 1 of 6 \ud83d\udca1 Meaning: \u0d24\u0d7c\u0d15\u0d4d\u0d15\u0d35\u0d3f\u0d37\u0d2f\u0d02 Subject of dispute Complete the idiom: First Letter Word Length Check Answer Next Question \ud83c\udf89 Congratulations! \ud83d\udd04 Practice Again","_links":{"self":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2456"}],"version-history":[{"count":7,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions"}],"predecessor-version":[{"id":2511,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2456\/revisions\/2511"}],"wp:attachment":[{"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/windowedu.in\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}