<div id="iq-assessment-wrapper">
<style>
#iq-assessment-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#iq-assessment-wrapper {
font-family: 'Comic Sans MS', 'Arial Rounded MT Bold', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 600px;
padding: 20px;
border-radius: 15px;
user-select: none;
}
#iq-assessment-wrapper .quiz-container {
background: white;
border-radius: 20px;
box-shadow: 0 10px 50px rgba(0,0,0,0.3);
max-width: 900px;
width: 100%;
padding: 40px;
margin: 0 auto;
}
#iq-assessment-wrapper .screen {
display: none;
}
#iq-assessment-wrapper .screen.active {
display: block;
}
#iq-assessment-wrapper h1 {
color: #667eea;
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
}
#iq-assessment-wrapper h2 {
color: #764ba2;
text-align: center;
font-size: 1.8em;
margin-bottom: 30px;
}
#iq-assessment-wrapper .btn {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
padding: 20px 40px;
font-size: 1.3em;
border-radius: 15px;
cursor: pointer;
transition: transform 0.2s;
font-family: inherit;
font-weight: bold;
}
#iq-assessment-wrapper .btn:hover {
transform: scale(1.05);
}
#iq-assessment-wrapper .btn:active {
transform: scale(0.95);
}
#iq-assessment-wrapper .btn-block {
width: 100%;
margin-top: 20px;
}
#iq-assessment-wrapper .instructions {
background: #f0f4ff;
padding: 25px;
border-radius: 15px;
margin: 20px 0;
border-left: 5px solid #667eea;
}
#iq-assessment-wrapper .instructions ul {
margin-left: 25px;
margin-top: 15px;
}
#iq-assessment-wrapper .instructions li {
margin: 10px 0;
font-size: 1.1em;
line-height: 1.6;
}
#iq-assessment-wrapper .progress-bar {
background: #e0e0e0;
height: 30px;
border-radius: 15px;
margin-bottom: 20px;
overflow: hidden;
}
#iq-assessment-wrapper .progress-fill {
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
height: 100%;
transition: width 0.3s;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
}
#iq-assessment-wrapper .question-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
#iq-assessment-wrapper .question-info {
background: #f0f4ff;
padding: 10px 20px;
border-radius: 10px;
font-size: 1.1em;
font-weight: bold;
color: #667eea;
}
#iq-assessment-wrapper .timer {
background: #ff6b6b;
color: white;
padding: 10px 20px;
border-radius: 10px;
font-size: 1.3em;
font-weight: bold;
animation: iq-pulse 1s infinite;
}
@keyframes iq-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
#iq-assessment-wrapper .question-prompt {
background: #f0f4ff;
padding: 25px;
border-radius: 15px;
margin-bottom: 30px;
font-size: 1.3em;
text-align: center;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
#iq-assessment-wrapper .stimulus-container {
background: white;
padding: 30px;
border-radius: 15px;
margin-bottom: 30px;
text-align: center;
border: 3px solid #667eea;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
#iq-assessment-wrapper .choices {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 20px;
}
#iq-assessment-wrapper .choice {
background: #f9f9f9;
border: 3px solid #e0e0e0;
border-radius: 15px;
padding: 25px;
cursor: pointer;
transition: all 0.3s;
text-align: center;
min-height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#iq-assessment-wrapper .choice:hover {
border-color: #667eea;
background: #f0f4ff;
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
}
#iq-assessment-wrapper .choice.selected {
border-color: #667eea;
background: #e0e9ff;
}
#iq-assessment-wrapper .choice-label {
font-size: 1.2em;
font-weight: bold;
color: #333;
margin-top: 10px;
}
#iq-assessment-wrapper .results-container {
text-align: center;
}
#iq-assessment-wrapper .score-display {
font-size: 4em;
color: #667eea;
font-weight: bold;
margin: 30px 0;
}
#iq-assessment-wrapper .interpretation {
background: #f0f4ff;
padding: 25px;
border-radius: 15px;
margin: 20px 0;
font-size: 1.2em;
}
#iq-assessment-wrapper .section-breakdown {
margin: 30px 0;
text-align: left;
}
#iq-assessment-wrapper .section-score {
background: white;
padding: 15px;
margin: 10px 0;
border-radius: 10px;
border-left: 5px solid #667eea;
display: flex;
justify-content: space-between;
align-items: center;
}
#iq-assessment-wrapper .print-btn {
background: #4CAF50;
margin-top: 20px;
}
#iq-assessment-wrapper .warning {
background: #fff3cd;
border: 2px solid #ffc107;
color: #856404;
padding: 15px;
border-radius: 10px;
margin: 20px 0;
font-size: 0.95em;
}
@media print {
#iq-assessment-wrapper {
background: white;
padding: 0;
}
#iq-assessment-wrapper .quiz-container {
box-shadow: none;
padding: 20px;
}
#iq-assessment-wrapper .btn, #iq-assessment-wrapper .print-btn {
display: none;
}
#iq-assessment-wrapper .no-print {
display: none;
}
}
@media (max-width: 600px) {
#iq-assessment-wrapper .quiz-container {
padding: 20px;
}
#iq-assessment-wrapper h1 {
font-size: 1.8em;
}
#iq-assessment-wrapper .choices {
grid-template-columns: 1fr;
}
}
</style>

<div class="quiz-container">
<!-- Welcome Screen -->
<div class="screen active" id="iq-welcome-screen">
<h1>🌟 Cognitive Skills Assessment 🌟</h1>
<h2>Grade 1 (Ages 6-7)</h2>

<div class="instructions">
<h3>📋 Instructions for Students:</h3>
<ul>
<li>This test has <strong>50 questions</strong> in 5 different sections</li>
<li>Take your time and do your best!</li>
<li>Click on the answer you think is correct</li>
<li>Some questions will show pictures for a few seconds - try to remember them!</li>
<li>In one section, you'll need to answer quickly (you'll see a timer)</li>
<li>You cannot go back to previous questions</li>
<li>There are no right or wrong - just try your best! 😊</li>
</ul>
</div>

<div class="warning">
<strong>⚠️ Important:</strong> This is a screening tool for educational purposes only. It is NOT an official IQ test. Results provide general guidance about cognitive development areas.
</div>

<button class="btn btn-block" onclick="iqStartTest()">Start Test! 🚀</button>
</div>

<!-- Question Screen -->
<div class="screen" id="iq-question-screen">
<div class="progress-bar">
<div class="progress-fill" id="iq-progress-fill">Question 1/50</div>
</div>

<div class="question-header">
<div class="question-info">
<span id="iq-section-name">Section A</span> |
<span id="iq-question-number">Q1</span>
</div>
<div class="timer" id="iq-timer" style="display: none;">Time: <span id="iq-time-left">10</span>s</div>
</div>

<div class="stimulus-container" id="iq-stimulus-container" style="display: none;">
<div id="iq-stimulus-content"></div>
</div>

<div class="question-prompt" id="iq-question-prompt"></div>

<div class="choices" id="iq-choices-container"></div>

<button class="btn btn-block" id="iq-next-btn" onclick="iqNextQuestion()" style="display: none;">
Next Question →
</button>
</div>

<!-- Results Screen -->
<div class="screen" id="iq-results-screen">
<h1>🎉 Test Complete! 🎉</h1>

<div class="score-display">
<span id="iq-final-score">0</span>/50
</div>

<div class="interpretation" id="iq-interpretation"></div>

<div class="section-breakdown">
<h3 style="text-align: center; margin-bottom: 20px;">Section Scores:</h3>
<div class="section-score">
<span><strong>A. Pattern Recognition</strong></span>
<span id="iq-score-a">0/10</span>
</div>
<div class="section-score">
<span><strong>B. Working Memory</strong></span>
<span id="iq-score-b">0/10</span>
</div>
<div class="section-score">
<span><strong>C. Visual-Spatial</strong></span>
<span id="iq-score-c">0/10</span>
</div>
<div class="section-score">
<span><strong>D. Processing Speed</strong></span>
<span id="iq-score-d">0/10</span>
</div>
<div class="section-score">
<span><strong>E. Basic Reasoning & Number Sense</strong></span>
<span id="iq-score-e">0/10</span>
</div>
</div>

<div class="warning">
This assessment provides a general screening of cognitive skills. For comprehensive evaluation, please consult with educational professionals or psychologists.
</div>

<button class="btn btn-block print-btn no-print" onclick="window.print()">🖨️ Print Results</button>
</div>
</div>

<script>
(function() {
// Prevent conflicts with other scripts
const iqQuestions = [
{id:1,section:'A',sectionName:'Pattern Recognition',prompt:'Which shape comes next in the pattern?',stimulusHtml:'<div style="font-size: 60px; letter-spacing: 20px;">⭐🌙⭐🌙⭐ ?</div>',choices:[{html:'<div style="font-size: 50px;">⭐</div>',isCorrect:false},{html:'<div style="font-size: 50px;">🌙</div>',isCorrect:true},{html:'<div style="font-size: 50px;">☀️</div>',isCorrect:false},{html:'<div style="font-size: 50px;">💫</div>',isCorrect:false}]},
{id:2,section:'A',sectionName:'Pattern Recognition',prompt:'What comes next in this color pattern?',stimulusHtml:'<svg width="400" height="80"><rect x="0" y="10" width="60" height="60" fill="red"/><rect x="80" y="10" width="60" height="60" fill="blue"/><rect x="160" y="10" width="60" height="60" fill="red"/><rect x="240" y="10" width="60" height="60" fill="blue"/><rect x="320" y="10" width="60" height="60" fill="red"/><text x="390" y="50" font-size="40">?</text></svg>',choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="red"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="blue"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="green"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="yellow"/></svg>',isCorrect:false}]},
{id:3,section:'A',sectionName:'Pattern Recognition',prompt:'Which shape completes the pattern?',stimulusHtml:'<svg width="400" height="100"><circle cx="40" cy="50" r="30" fill="purple"/><circle cx="120" cy="50" r="40" fill="purple"/><circle cx="200" cy="50" r="30" fill="purple"/><circle cx="280" cy="50" r="40" fill="purple"/><text x="350" y="60" font-size="40">?</text></svg>',choices:[{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="purple"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="40" fill="purple"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="purple"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="20" fill="purple"/></svg>',isCorrect:false}]},
{id:4,section:'A',sectionName:'Pattern Recognition',prompt:'What comes next?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 15px;">🔴🔵🔴🔵 ?</div>',choices:[{html:'<div style="font-size: 45px;">🔴</div>',isCorrect:true},{html:'<div style="font-size: 45px;">🔵</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🟢</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🟡</div>',isCorrect:false}]},
{id:5,section:'A',sectionName:'Pattern Recognition',prompt:'Which shape and color comes next?',stimulusHtml:'<svg width="450" height="100"><rect x="0" y="20" width="60" height="60" fill="orange"/><circle cx="100" cy="50" r="30" fill="green"/><rect x="150" y="20" width="60" height="60" fill="orange"/><circle cx="250" cy="50" r="30" fill="green"/><text x="300" y="60" font-size="40">?</text></svg>',choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="orange"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="green"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="green"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="orange"/></svg>',isCorrect:false}]},
{id:6,section:'A',sectionName:'Pattern Recognition',prompt:'What number comes next?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 20px;">2 4 6 8 ?</div>',choices:[{html:'<div style="font-size: 45px;">9</div>',isCorrect:false},{html:'<div style="font-size: 45px;">10</div>',isCorrect:true},{html:'<div style="font-size: 45px;">12</div>',isCorrect:false},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false}]},
{id:7,section:'A',sectionName:'Pattern Recognition',prompt:'Which picture repeats the pattern correctly?',stimulusHtml:'<div style="font-size: 50px;">Pattern: ▲ ■ ▲ ■</div>',choices:[{html:'<div style="font-size: 40px;">▲ ■ ▲ ■ ▲</div>',isCorrect:true},{html:'<div style="font-size: 40px;">▲ ▲ ■ ■ ▲</div>',isCorrect:false},{html:'<div style="font-size: 40px;">■ ▲ ■ ▲ ■</div>',isCorrect:false},{html:'<div style="font-size: 40px;">▲ ■ ■ ▲ ▲</div>',isCorrect:false}]},
{id:8,section:'A',sectionName:'Pattern Recognition',prompt:'The pattern is growing! What comes next?',stimulusHtml:'<svg width="450" height="120"><rect x="10" y="60" width="40" height="40" fill="teal"/><rect x="80" y="40" width="40" height="60" fill="teal"/><rect x="150" y="20" width="40" height="80" fill="teal"/><text x="220" y="70" font-size="40">?</text></svg>',choices:[{html:'<svg width="80" height="120"><rect x="20" y="60" width="40" height="40" fill="teal"/></svg>',isCorrect:false},{html:'<svg width="80" height="120"><rect x="20" y="0" width="40" height="100" fill="teal"/></svg>',isCorrect:true},{html:'<svg width="80" height="120"><rect x="20" y="40" width="40" height="60" fill="teal"/></svg>',isCorrect:false},{html:'<svg width="80" height="120"><rect x="20" y="20" width="40" height="80" fill="teal"/></svg>',isCorrect:false}]},
{id:9,section:'A',sectionName:'Pattern Recognition',prompt:'Which shape continues the alternating pattern?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 15px;">●■●■● ?</div>',choices:[{html:'<div style="font-size: 45px;">●</div>',isCorrect:false},{html:'<div style="font-size: 45px;">■</div>',isCorrect:true},{html:'<div style="font-size: 45px;">▲</div>',isCorrect:false},{html:'<div style="font-size: 45px;">♦</div>',isCorrect:false}]},
{id:10,section:'A',sectionName:'Pattern Recognition',prompt:'What comes next in this pattern?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 20px;">1 2 1 2 1 ?</div>',choices:[{html:'<div style="font-size: 45px;">1</div>',isCorrect:false},{html:'<div style="font-size: 45px;">2</div>',isCorrect:true},{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">0</div>',isCorrect:false}]},
{id:11,section:'B',sectionName:'Working Memory',prompt:'What was the SECOND shape you saw?',stimulus:'<div style="font-size: 60px; letter-spacing: 20px;">⭐ 🔵 ❤️</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 45px;">⭐</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🔵</div>',isCorrect:true},{html:'<div style="font-size: 45px;">❤️</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🌙</div>',isCorrect:false}]},
{id:12,section:'B',sectionName:'Working Memory',prompt:'What was the LAST number you saw?',stimulus:'<div style="font-size: 70px; letter-spacing: 25px;">4 7 2</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false},{html:'<div style="font-size: 45px;">2</div>',isCorrect:true},{html:'<div style="font-size: 45px;">5</div>',isCorrect:false}]},
{id:13,section:'B',sectionName:'Working Memory',prompt:'What was the FIRST color you saw?',stimulus:'<svg width="400" height="100"><circle cx="70" cy="50" r="40" fill="red"/><circle cx="200" cy="50" r="40" fill="blue"/><circle cx="330" cy="50" r="40" fill="yellow"/></svg>',stimulusDuration:5000,choices:[{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="red"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="blue"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="yellow"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="green"/></svg>',isCorrect:false}]},
{id:14,section:'B',sectionName:'Working Memory',prompt:'Which animal was in the MIDDLE?',stimulus:'<div style="font-size: 55px; letter-spacing: 20px;">🐶 🐱 🐰</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 45px;">🐶</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🐱</div>',isCorrect:true},{html:'<div style="font-size: 45px;">🐰</div>',isCorrect:false},{html:'<div style="font-size: 45px;">🐭</div>',isCorrect:false}]},
{id:15,section:'B',sectionName:'Working Memory',prompt:'What color was the square?',stimulus:'<svg width="400" height="120"><rect x="50" y="30" width="80" height="80" fill="green"/><circle cx="230" cy="70" r="45" fill="orange"/></svg>',stimulusDuration:5000,choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="green"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="orange"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="blue"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="red"/></svg>',isCorrect:false}]},
{id:16,section:'B',sectionName:'Working Memory',prompt:'What was the MIDDLE number?',stimulus:'<div style="font-size: 70px; letter-spacing: 25px;">5 9 3</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 45px;">5</div>',isCorrect:false},{html:'<div style="font-size: 45px;">9</div>',isCorrect:true},{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false}]},
{id:17,section:'B',sectionName:'Working Memory',prompt:'How many dots did you see?',stimulus:'<div style="font-size: 60px; letter-spacing: 15px;">● ● ● ● ●</div>',stimulusDuration:4000,choices:[{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">5</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false}]},
{id:18,section:'B',sectionName:'Working Memory',prompt:'Where was the star? (Left, Middle, or Right)',stimulus:'<div style="font-size: 55px; letter-spacing: 30px;">🔵 ⭐ ❤️</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 35px;">Left</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Middle</div>',isCorrect:true},{html:'<div style="font-size: 35px;">Right</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Not there</div>',isCorrect:false}]},
{id:19,section:'B',sectionName:'Working Memory',prompt:'What was the THIRD color?',stimulus:'<svg width="450" height="100"><rect x="10" y="25" width="60" height="60" fill="purple"/><rect x="100" y="25" width="60" height="60" fill="pink"/><rect x="190" y="25" width="60" height="60" fill="brown"/><rect x="280" y="25" width="60" height="60" fill="cyan"/></svg>',stimulusDuration:6000,choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="purple"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="pink"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="brown"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="cyan"/></svg>',isCorrect:false}]},
{id:20,section:'B',sectionName:'Working Memory',prompt:'Which shape was on the LEFT?',stimulus:'<div style="font-size: 60px; letter-spacing: 30px;">■ ● ▲</div>',stimulusDuration:5000,choices:[{html:'<div style="font-size: 45px;">■</div>',isCorrect:true},{html:'<div style="font-size: 45px;">●</div>',isCorrect:false},{html:'<div style="font-size: 45px;">▲</div>',isCorrect:false},{html:'<div style="font-size: 45px;">♦</div>',isCorrect:false}]},
{id:21,section:'C',sectionName:'Visual-Spatial',prompt:'Which piece fits in the empty space?',stimulusHtml:'<svg width="400" height="200"><rect x="10" y="10" width="380" height="180" fill="lightblue" stroke="black" stroke-width="2"/><rect x="280" y="60" width="100" height="80" fill="white" stroke="black" stroke-width="2"/><path d="M 50 50 L 100 50 L 100 100 L 50 100 Z" fill="blue"/><path d="M 130 50 L 180 50 L 180 100 L 130 100 Z" fill="red"/><circle cx="225" cy="75" r="30" fill="green"/></svg>',choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="yellow"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="yellow"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,10 70,60 10,60" fill="yellow"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="40" height="60" fill="yellow"/></svg>',isCorrect:false}]},
{id:22,section:'C',sectionName:'Visual-Spatial',prompt:'Which shape is the same but turned (rotated)?',stimulusHtml:'<svg width="150" height="150"><polygon points="75,20 130,130 20,130" fill="coral" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><polygon points="40,60 70,10 10,10" fill="coral" stroke="black" stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="coral" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="coral" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="20,40 60,40 40,10" fill="blue" stroke="black" stroke-width="2"/></svg>',isCorrect:false}]},
{id:23,section:'C',sectionName:'Visual-Spatial',prompt:'Which is the mirror image?',stimulusHtml:'<svg width="150" height="150"><path d="M 30 50 L 80 50 L 80 100 L 30 100 L 30 80 L 60 80 L 60 70 L 30 70 Z" fill="purple" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><path d="M 50 30 L 50 50 L 20 50 L 20 40 L 40 40 L 40 30 L 10 30 L 10 60 L 50 60 Z" fill="purple" stroke="black" stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><path d="M 10 30 L 50 30 L 50 60 L 10 60 L 10 50 L 30 50 L 30 40 L 10 40 Z" fill="purple" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="30" width="50" height="30" fill="purple" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="35" cy="45" r="25" fill="purple" stroke="black" stroke-width="2"/></svg>',isCorrect:false}]},
{id:24,section:'C',sectionName:'Visual-Spatial',prompt:'Count the blocks. How many blocks do you see?',stimulusHtml:'<svg width="300" height="200"><rect x="20" y="120" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/><rect x="80" y="120" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/><rect x="140" y="120" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/><rect x="50" y="70" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/><rect x="110" y="70" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/><rect x="80" y="20" width="50" height="50" fill="brown" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<div style="font-size: 45px;">5</div>',isCorrect:false},{html:'<div style="font-size: 45px;">6</div>',isCorrect:true},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false},{html:'<div style="font-size: 45px;">8</div>',isCorrect:false}]},
{id:25,section:'C',sectionName:'Visual-Spatial',prompt:'Which path leads the bunny to the carrot?',stimulusHtml:'<svg width="400" height="300"><text x="20" y="40" font-size="40">🐰</text><text x="350" y="270" font-size="40">🥕</text><path d="M 60 30 L 200 30" stroke="blue" stroke-width="4" fill="none"/><path d="M 200 30 L 200 100 L 100 100" stroke="blue" stroke-width="4" fill="none"/><path d="M 60 30 L 60 150 L 300 150" stroke="red" stroke-width="4" fill="none"/><path d="M 300 150 L 300 250 L 350 250" stroke="red" stroke-width="4" fill="none"/><path d="M 60 30 L 150 100 L 100 200" stroke="green" stroke-width="4" fill="none"/><circle cx="60" cy="30" r="8" fill="black"/></svg>',choices:[{html:'<svg width="80" height="40"><line x1="10" y1="20" x2="70" y2="20" stroke="blue" stroke-width="6"/></svg>',isCorrect:false},{html:'<svg width="80" height="40"><line x1="10" y1="20" x2="70" y2="20" stroke="red" stroke-width="6"/></svg>',isCorrect:true},{html:'<svg width="80" height="40"><line x1="10" y1="20" x2="70" y2="20" stroke="green" stroke-width="6"/></svg>',isCorrect:false},{html:'<div style="font-size: 30px;">None</div>',isCorrect:false}]},
{id:26,section:'C',sectionName:'Visual-Spatial',prompt:'Find the matching pair of shapes.',stimulusHtml:'<svg width="400" height="200"><g transform="translate(50, 50)"><rect width="60" height="60" fill="magenta" stroke="black" stroke-width="2"/><circle cx="30" cy="30" r="15" fill="white"/></g><g transform="translate(150, 50)"><rect width="60" height="60" fill="cyan" stroke="black" stroke-width="2"/></g><g transform="translate(250, 50)"><rect width="60" height="60" fill="magenta" stroke="black" stroke-width="2"/><circle cx="30" cy="30" r="15" fill="white"/></g></svg>',choices:[{html:'<div style="font-size: 30px;">1st & 2nd</div>',isCorrect:false},{html:'<div style="font-size: 30px;">1st & 3rd</div>',isCorrect:true},{html:'<div style="font-size: 30px;">2nd & 3rd</div>',isCorrect:false},{html:'<div style="font-size: 30px;">All same</div>',isCorrect:false}]},
{id:27,section:'C',sectionName:'Visual-Spatial',prompt:'Which arrow points UP?',stimulusHtml:'<svg width="400" height="150"><polygon points="80,100 50,130 110,130" fill="blue" stroke="black" stroke-width="2"/><polygon points="200,80 170,50 230,50" fill="red" stroke="black" stroke-width="2"/><polygon points="320,100 350,70 350,130" fill="green" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><polygon points="40,50 20,70 60,70" fill="blue" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,40 20,20 60,20" fill="red" stroke="black" stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><polygon points="50,40 60,20 60,60" fill="green" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<div style="font-size: 30px;">None</div>',isCorrect:false}]},
{id:28,section:'C',sectionName:'Visual-Spatial',prompt:'Which object is ABOVE the square?',stimulusHtml:'<svg width="300" height="300"><circle cx="150" cy="70" r="40" fill="yellow" stroke="black" stroke-width="2"/><rect x="110" y="130" width="80" height="80" fill="lightgreen" stroke="black" stroke-width="2"/><polygon points="150,250 120,290 180,290" fill="pink" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="yellow" stroke="black" stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="lightgreen" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,20 20,60 60,60" fill="pink" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<div style="font-size: 30px;">None</div>',isCorrect:false}]},
{id:29,section:'C',sectionName:'Visual-Spatial',prompt:'Complete the pattern to make it symmetrical (the same on both sides).',stimulusHtml:'<svg width="300" height="200"><line x1="150" y1="0" x2="150" y2="200" stroke="black" stroke-width="2" stroke-dasharray="5,5"/><circle cx="80" cy="100" r="30" fill="orange" stroke="black" stroke-width="2"/><rect x="40" y="50" width="40" height="40" fill="blue" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="orange" stroke="black" stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="20" y="20" width="40" height="40" fill="blue" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,10 70,60 10,60" fill="orange" stroke="black" stroke-width="2"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="blue" stroke="black" stroke-width="2"/></svg>',isCorrect:false}]},
{id:30,section:'C',sectionName:'Visual-Spatial',prompt:'If you look at this house from the LEFT side, what would you see?',stimulusHtml:'<svg width="200" height="200"><rect x="50" y="80" width="100" height="100" fill="tan" stroke="black" stroke-width="2"/><polygon points="100,30 30,80 170,80" fill="brown" stroke="black" stroke-width="2"/><rect x="80" y="130" width="40" height="50" fill="saddlebrown" stroke="black" stroke-width="2"/></svg>',choices:[{html:'<svg width="80" height="80"><rect x="20" y="30" width="40" height="50" fill="tan" stroke="black" stroke-width="2"/><polygon points="40,10 20,30 60,30" fill="brown" stroke-black stroke-width="2"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="20" y="30" width="40" height="50" fill="tan" stroke="black" stroke-width="2"/><rect x="30" y="50" width="20" height="30" fill="saddlebrown"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,10 60,30 20,30" fill="brown"/><rect x="20" y="30" width="40" height="50" fill="tan"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="30" fill="tan"/></svg>',isCorrect:false}]},
{id:31,section:'D',sectionName:'Processing Speed',prompt:'Quick! Find the CIRCLE:',stimulusHtml:'<svg width="400" height="150"><rect x="30" y="40" width="60" height="60" fill="red"/><polygon points="150,40 120,100 180,100" fill="blue"/><circle cx="270" cy="70" r="35" fill="green"/><rect x="330" y="40" width="60" height="60" fill="yellow"/></svg>',timeLimit:10,choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="red"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,10 20,60 60,60" fill="blue"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="green"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="yellow"/></svg>',isCorrect:false}]},
{id:32,section:'D',sectionName:'Processing Speed',prompt:'Count fast! How many stars?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 10px;">⭐⭐⭐⭐</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">4</div>',isCorrect:true},{html:'<div style="font-size: 45px;">5</div>',isCorrect:false},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false}]},
{id:33,section:'D',sectionName:'Processing Speed',prompt:'Which number is BIGGER?',stimulusHtml:'<div style="font-size: 70px; letter-spacing: 40px;">7 3</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">7</div>',isCorrect:true},{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">Same</div>',isCorrect:false},{html:'<div style="font-size: 45px;">Neither</div>',isCorrect:false}]},
{id:34,section:'D',sectionName:'Processing Speed',prompt:'Find the RED color:',stimulusHtml:'<svg width="400" height="100"><rect x="20" y="20" width="70" height="70" fill="blue"/><rect x="110" y="20" width="70" height="70" fill="green"/><rect x="200" y="20" width="70" height="70" fill="red"/><rect x="290" y="20" width="70" height="70" fill="yellow"/></svg>',timeLimit:10,choices:[{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="blue"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="green"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="red"/></svg>',isCorrect:true},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="yellow"/></svg>',isCorrect:false}]},
{id:35,section:'D',sectionName:'Processing Speed',prompt:'Quick! 3 + 2 = ?',stimulusHtml:'<div style="font-size: 60px;">3 + 2 = ?</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">5</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false}]},
{id:36,section:'D',sectionName:'Processing Speed',prompt:'Which one is DIFFERENT?',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 15px;">🔵 🔵 🔴 🔵</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">1st</div>',isCorrect:false},{html:'<div style="font-size: 45px;">2nd</div>',isCorrect:false},{html:'<div style="font-size: 45px;">3rd</div>',isCorrect:true},{html:'<div style="font-size: 45px;">4th</div>',isCorrect:false}]},
{id:37,section:'D',sectionName:'Processing Speed',prompt:'Count the apples:',stimulusHtml:'<div style="font-size: 50px; letter-spacing: 10px;">🍎🍎🍎🍎🍎🍎</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">5</div>',isCorrect:false},{html:'<div style="font-size: 45px;">6</div>',isCorrect:true},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false},{html:'<div style="font-size: 45px;">8</div>',isCorrect:false}]},
{id:38,section:'D',sectionName:'Processing Speed',prompt:'Which line is LONGER?',stimulusHtml:'<svg width="400" height="150"><line x1="50" y1="50" x2="250" y2="50" stroke="blue" stroke-width="8"/><line x1="50" y1="100" x2="180" y2="100" stroke="red" stroke-width="8"/></svg>',timeLimit:10,choices:[{html:'<svg width="80" height="40"><line x1="10" y1="20" x2="70" y2="20" stroke="blue" stroke-width="6"/></svg>',isCorrect:true},{html:'<svg width="80" height="40"><line x1="10" y1="20" x2="70" y2="20" stroke="red" stroke-width="6"/></svg>',isCorrect:false},{html:'<div style="font-size: 30px;">Same</div>',isCorrect:false},{html:'<div style="font-size: 30px;">Not sure</div>',isCorrect:false}]},
{id:39,section:'D',sectionName:'Processing Speed',prompt:'Quick! 8 - 3 = ?',stimulusHtml:'<div style="font-size: 60px;">8 - 3 = ?</div>',timeLimit:10,choices:[{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">5</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false},{html:'<div style="font-size: 45px;">11</div>',isCorrect:false}]},
{id:40,section:'D',sectionName:'Processing Speed',prompt:'Find the TRIANGLE:',stimulusHtml:'<svg width="400" height="120"><circle cx="60" cy="60" r="40" fill="purple"/><rect x="130" y="20" width="80" height="80" fill="orange"/><polygon points="290,20 250,100 330,100" fill="teal"/></svg>',timeLimit:10,choices:[{html:'<svg width="80" height="80"><circle cx="40" cy="40" r="35" fill="purple"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><rect x="10" y="10" width="60" height="60" fill="orange"/></svg>',isCorrect:false},{html:'<svg width="80" height="80"><polygon points="40,10 20,60 60,60" fill="teal"/></svg>',isCorrect:true},{html:'<div style="font-size: 30px;">None</div>',isCorrect:false}]},
{id:41,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'Which group has MORE objects?',stimulusHtml:'<svg width="400" height="200"><g transform="translate(50, 50)"><circle cx="0" cy="0" r="20" fill="red"/><circle cx="40" cy="0" r="20" fill="red"/><circle cx="80" cy="0" r="20" fill="red"/></g><g transform="translate(250, 50)"><circle cx="0" cy="0" r="20" fill="blue"/><circle cx="40" cy="0" r="20" fill="blue"/><circle cx="80" cy="0" r="20" fill="blue"/><circle cx="0" cy="50" r="20" fill="blue"/><circle cx="40" cy="50" r="20" fill="blue"/></g></svg>',choices:[{html:'<div style="font-size: 35px;">Red Group</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Blue Group</div>',isCorrect:true},{html:'<div style="font-size: 35px;">Same</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Not sure</div>',isCorrect:false}]},
{id:42,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'What number comes BEFORE 5?',stimulusHtml:'<div style="font-size: 60px;">? → 5</div>',choices:[{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">4</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false},{html:'<div style="font-size: 45px;">7</div>',isCorrect:false}]},
{id:43,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'Emma has 2 candies. Her friend gives her 3 more. How many does Emma have now?',stimulusHtml:'<svg width="300" height="150"><circle cx="40" cy="50" r="25" fill="pink" stroke="red" stroke-width="2"/><circle cx="90" cy="50" r="25" fill="pink" stroke="red" stroke-width="2"/><text x="130" y="60" font-size="40">+</text><circle cx="180" cy="50" r="25" fill="pink" stroke="red" stroke-width="2"/><circle cx="230" cy="50" r="25" fill="pink" stroke="red" stroke-width="2"/><circle cx="280" cy="50" r="25" fill="pink" stroke="red" stroke-width="2"/></svg>',choices:[{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">5</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false},{html:'<div style="font-size: 45px;">3</div>',isCorrect:false}]},
{id:44,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'Which number is SMALLER?',stimulusHtml:'<div style="font-size: 70px; letter-spacing: 40px;">9 4</div>',choices:[{html:'<div style="font-size: 45px;">9</div>',isCorrect:false},{html:'<div style="font-size: 45px;">4</div>',isCorrect:true},{html:'<div style="font-size: 45px;">Same</div>',isCorrect:false},{html:'<div style="font-size: 45px;">Neither</div>',isCorrect:false}]},
{id:45,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'How many flowers are there?',stimulusHtml:'<div style="font-size: 55px; letter-spacing: 10px;">🌸🌸🌸🌸🌸🌸🌸</div>',choices:[{html:'<div style="font-size: 45px;">6</div>',isCorrect:false},{html:'<div style="font-size: 45px;">7</div>',isCorrect:true},{html:'<div style="font-size: 45px;">8</div>',isCorrect:false},{html:'<div style="font-size: 45px;">9</div>',isCorrect:false}]},
{id:46,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'Which looks HEAVIER?',stimulusHtml:'<svg width="400" height="200"><g transform="translate(80, 80)"><ellipse cx="0" cy="0" rx="60" ry="40" fill="gray" stroke="black" stroke-width="2"/><text x="-30" y="10" font-size="30" fill="white">Elephant</text></g><g transform="translate(300, 100)"><circle cx="0" cy="0" r="20" fill="lightblue" stroke="black" stroke-width="2"/><text x="-25" y="5" font-size="14">Balloon</text></g></svg>',choices:[{html:'<div style="font-size: 35px;">Elephant</div>',isCorrect:true},{html:'<div style="font-size: 35px;">Balloon</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Same</div>',isCorrect:false},{html:'<div style="font-size: 35px;">Not sure</div>',isCorrect:false}]},
{id:47,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'If it\'s sunny, we go to the park. It IS sunny today. Where do we go?',stimulusHtml:'<div style="font-size: 50px;">☀️ → 🏞️</div>',choices:[{html:'<div style="font-size: 35px;">🏞️ Park</div>',isCorrect:true},{html:'<div style="font-size: 35px;">🏠 Home</div>',isCorrect:false},{html:'<div style="font-size: 35px;">🏫 School</div>',isCorrect:false},{html:'<div style="font-size: 35px;">🏪 Store</div>',isCorrect:false}]},
{id:48,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'Put these numbers in order from SMALLEST to BIGGEST:',stimulusHtml:'<div style="font-size: 60px; letter-spacing: 20px;">7 3 5</div>',choices:[{html:'<div style="font-size: 35px;">3, 5, 7</div>',isCorrect:true},{html:'<div style="font-size: 35px;">7, 5, 3</div>',isCorrect:false},{html:'<div style="font-size: 35px;">5, 3, 7</div>',isCorrect:false},{html:'<div style="font-size: 35px;">3, 7, 5</div>',isCorrect:false}]},
{id:49,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'What is 4 + 1?',stimulusHtml:'<svg width="300" height="100"><circle cx="30" cy="50" r="20" fill="orange"/><circle cx="70" cy="50" r="20" fill="orange"/><circle cx="110" cy="50" r="20" fill="orange"/><circle cx="150" cy="50" r="20" fill="orange"/><text x="180" y="60" font-size="40">+</text><circle cx="230" cy="50" r="20" fill="orange"/><text x="260" y="60" font-size="40">=</text></svg>',choices:[{html:'<div style="font-size: 45px;">3</div>',isCorrect:false},{html:'<div style="font-size: 45px;">4</div>',isCorrect:false},{html:'<div style="font-size: 45px;">5</div>',isCorrect:true},{html:'<div style="font-size: 45px;">6</div>',isCorrect:false}]},
{id:50,section:'E',sectionName:'Basic Reasoning & Number Sense',prompt:'A pizza is cut into 4 slices. You eat 1 slice. How many slices are LEFT?',stimulusHtml:'<svg width="300" height="200"><circle cx="150" cy="100" r="80" fill="yellow" stroke="orange" stroke-width="3"/><line x1="150" y1="100" x2="150" y2="20" stroke="orange" stroke-width="3"/><line x1="150" y1="100" x2="230" y2="100" stroke="orange" stroke-width="3"/><line x1="150" y1="100" x2="150" y2="180" stroke="orange" stroke-width="3"/><line x1="150" y1="100" x2="70" y2="100" stroke="orange" stroke-width="3"/><path d="M 150 100 L 150 20 A 80 80 0 0 1 230 100 Z" fill="lightgray" opacity="0.7"/></svg>',choices:[{html:'<div style="font-size: 45px;">1</div>',isCorrect:false},{html:'<div style="font-size: 45px;">2</div>',isCorrect:false},{html:'<div style="font-size: 45px;">3</div>',isCorrect:true},{html:'<div style="font-size: 45px;">4</div>',isCorrect:false}]}
];

let iqCurrentIndex = 0;
let iqUserAnswers = [];
let iqTimerInterval = null;
let iqStimulusTimeout = null;

window.iqStartTest = function() {
iqShowScreen('iq-question-screen');
iqLoadQuestion();
};

function iqShowScreen(screenId) {
document.querySelectorAll('#iq-assessment-wrapper .screen').forEach(s => s.classList.remove('active'));
document.getElementById(screenId).classList.add('active');
}

function iqShuffle(arr) {
const newArr = [...arr];
for (let i = newArr.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[newArr[i], newArr[j]] = [newArr[j], newArr[i]];
}
return newArr;
}

function iqLoadQuestion() {
if (iqCurrentIndex >= iqQuestions.length) {
iqShowResults();
return;
}

const q = iqQuestions[iqCurrentIndex];
const progress = ((iqCurrentIndex + 1) / iqQuestions.length) * 100;
document.getElementById('iq-progress-fill').style.width = progress + '%';
document.getElementById('iq-progress-fill').textContent = `Question ${iqCurrentIndex + 1}/50`;
document.getElementById('iq-section-name').textContent = `Section ${q.section}: ${q.sectionName}`;
document.getElementById('iq-question-number').textContent = `Q${iqCurrentIndex + 1}`;

if (q.timeLimit) {
document.getElementById('iq-timer').style.display = 'block';
document.getElementById('iq-time-left').textContent = q.timeLimit;
} else {
document.getElementById('iq-timer').style.display = 'none';
}

document.getElementById('iq-stimulus-container').style.display = 'none';
document.getElementById('iq-question-prompt').style.display = 'none';
document.getElementById('iq-choices-container').innerHTML = '';
document.getElementById('iq-next-btn').style.display = 'none';

if (q.stimulus) {
document.getElementById('iq-stimulus-container').style.display = 'flex';
document.getElementById('iq-stimulus-content').innerHTML = q.stimulus;
iqStimulusTimeout = setTimeout(() => {
document.getElementById('iq-stimulus-container').style.display = 'none';
iqShowQuestionContent(q);
}, q.stimulusDuration);
} else {
iqShowQuestionContent(q);
}
}

function iqShowQuestionContent(q) {
document.getElementById('iq-question-prompt').style.display = 'flex';
let promptHtml = q.prompt;
if (q.stimulusHtml) promptHtml += '<br><br>' + q.stimulusHtml;
document.getElementById('iq-question-prompt').innerHTML = promptHtml;

const shuffled = iqShuffle(q.choices.map((c, i) => ({...c, origIdx: i})));
const container = document.getElementById('iq-choices-container');
shuffled.forEach((c, idx) => {
const div = document.createElement('div');
div.className = 'choice';
div.innerHTML = c.html || c.label;
div.onclick = () => iqSelectChoice(idx, c.isCorrect);
container.appendChild(div);
});

if (q.timeLimit) iqStartTimer(q.timeLimit);
}

function iqSelectChoice(idx, isCorrect) {
if (iqTimerInterval) {
clearInterval(iqTimerInterval);
iqTimerInterval = null;
}
iqUserAnswers[iqCurrentIndex] = isCorrect;
document.querySelectorAll('#iq-choices-container .choice').forEach((c, i) => {
c.classList.remove('selected');
if (i === idx) c.classList.add('selected');
});
document.getElementById('iq-next-btn').style.display = 'block';
}

function iqStartTimer(sec) {
let t = sec;
document.getElementById('iq-time-left').textContent = t;
iqTimerInterval = setInterval(() => {
t--;
document.getElementById('iq-time-left').textContent = t;
if (t <= 0) {
clearInterval(iqTimerInterval);
iqTimerInterval = null;
if (iqUserAnswers[iqCurrentIndex] === undefined) iqUserAnswers[iqCurrentIndex] = false;
setTimeout(() => iqNextQuestion(), 500);
}
}, 1000);
}

window.iqNextQuestion = function() {
if (iqTimerInterval) {
clearInterval(iqTimerInterval);
iqTimerInterval = null;
}
if (iqStimulusTimeout) {
clearTimeout(iqStimulusTimeout);
iqStimulusTimeout = null;
}
if (iqUserAnswers[iqCurrentIndex] === undefined) iqUserAnswers[iqCurrentIndex] = false;
iqCurrentIndex++;
iqLoadQuestion();
};

function iqShowResults() {
const total = iqUserAnswers.filter(a => a === true).length;
const pct = Math.round((total / iqQuestions.length) * 100);
const sections = {A:0,B:0,C:0,D:0,E:0};
iqQuestions.forEach((q, i) => {
if (iqUserAnswers[i] === true) sections[q.section]++;
});

document.getElementById('iq-final-score').textContent = total;
document.getElementById('iq-score-a').textContent = `${sections.A}/10`;
document.getElementById('iq-score-b').textContent = `${sections.B}/10`;
document.getElementById('iq-score-c').textContent = `${sections.C}/10`;
document.getElementById('iq-score-d').textContent = `${sections.D}/10`;
document.getElementById('iq-score-e').textContent = `${sections.E}/10`;

let interp = '', color = '';
if (pct >= 90) {
interp = '<strong>🌟 Exceptional Performance!</strong><br>Score: ' + pct + '%<br>Your child shows advanced cognitive skills for their age group across multiple areas.';
color = '#4CAF50';
} else if (pct >= 75) {
interp = '<strong>💪 Strong Performance!</strong><br>Score: ' + pct + '%<br>Your child demonstrates solid cognitive abilities with strengths in several key areas.';
color = '#2196F3';
} else if (pct >= 50) {
interp = '<strong>✓ Average Performance</strong><br>Score: ' + pct + '%<br>Your child shows age-appropriate cognitive development with room for growth in some areas.';
color = '#FF9800';
} else {
interp = '<strong>📚 Developing Skills</strong><br>Score: ' + pct + '%<br>Your child may benefit from additional support and practice in cognitive skill development.';
color = '#F44336';
}

const interpDiv = document.getElementById('iq-interpretation');
interpDiv.innerHTML = interp;
interpDiv.style.borderLeft = `5px solid ${color}`;

iqShowScreen('iq-results-screen');
}
})();
</script>
</div>