संकेत रनर

<div class="signal-runner">

  <div class="runner-stats">
    <div>Score: <span id="score">0</span></div>
    <div>Signals: <span id="signals">0</span></div>
    <div>Noise: <span id="noise">0</span></div>
  </div>

  <div class="runner-stage">
    <div class="runner-player"></div>
    <!-- Moving signal and noise tokens are generated with JavaScript -->
  </div>

  <div class="runner-badges">
    <div>Signal Spotter</div>
    <div>Noise Filter</div>
    <div>Clarity Under Pressure</div>
  </div>

</div>

<script>
const goodSignals = ["SOP Update", "Checklist", "Verified Info"];
const badSignals = ["Assumption", "Shortcut", "Urgency Trap"];

// Core logic:
// 1. Spawn moving tokens.
// 2. Move learner with arrow keys or buttons.
// 3. Detect collisions.
// 4. Add points for useful signals.
// 5. Subtract points for noise.
// 6. Unlock badges based on behavior.
// 7. End with a coaching debrief.
</script>