<!,
  MFN:{name:"Medial Frontal Negativity (MFN)",body:"The MFN (Gehring and Willoughby, 2002; also sometimes called the medial frontal N2 or mismatch-related frontal negativity) is a fronto-central negative component peaking approximately 200-350 ms following stimuli that create conflict or violate expectations, measured in non-motor, non-error contexts. It is generated in the anterior cingulate cortex (ACC) and supplementary motor area (SMA) and reflects the conflict-monitoring function of these structures. The MFN has been observed in probabilistic reward learning (larger to unexpected negative outcomes), in incongruent Stroop-like conditions, and following norm violations in social and semantic contexts. It is related to but distinct from the ERN (which follows motor errors), the FRN (which follows feedback about outcomes), and the N2 family; the MFN is specifically associated with abstract prediction mismatch and cognitive conflict in the absence of overt response errors.",rules:[{key:"INCONGRUENT",desc:"Stimuli pair colour names with mismatched ink colours"},{key:"COLOUR",desc:"Name the ink colour of each word as fast as possible"},{key:"F / J",desc:"Press F for RED ink, J for BLUE ink, regardless of what the word says"},{key:"MFN",desc:"MFN ~250ms at FCz — larger for incongruent (BLUE in red ink) than congruent trials"},{key:"CONFLICT",desc:"MFN reflects ACC conflict monitoring between the word meaning and ink colour responses"}]},
  VPP:{name:"Vertex Positive Potential (VPP)",body:"The VPP (Botzel and Grusser, 1989) is a positive ERP component peaking approximately 150-200 ms at midline vertex (Cz) in response to face stimuli. It is the functional and anatomical complement of the N170: while N170 appears as a lateral temporal negativity (maximal at P9/P10 or TP9/TP10), the VPP appears as a midline positivity at the same latency, and both are thought to reflect the same underlying neural generator in the fusiform face area — the positive VPP is simply the view of the face-selective dipole from the top of the head, while N170 is the view from the lateral temporal surface. The VPP is face-specific (larger to faces than objects), is sensitive to face inversion (inverted faces reduce VPP), and is enhanced for familiar compared to unfamiliar faces.",rules:[{key:"FACE / OBJECT",desc:"Stimuli will be schematic faces and non-face objects"},{key:"CATEGORY",desc:"Press F for face, J for object, as quickly as possible"},{key:"VPP",desc:"VPP peaks at ~170ms at Cz (vertex) — same generator as N170 but opposite polarity"},{key:"INVERSION",desc:"VPP is reduced for upside-down faces — a marker of face-specific configural processing"},{key:"N170 vs VPP",desc:"N170 is recorded at lateral temporal electrodes; VPP is the same component seen at Cz"}]},
  ERAN:{name:"Early Right Anterior Negativity (ERAN)",body:"The ERAN (Koelsch et al., 2000) is a right-lateralised fronto-temporal negative ERP component peaking approximately 150-200 ms in response to music-syntactically irregular chords — chords that violate the harmonic expectations established by a preceding musical context. The ERAN is considered the music-syntactic analogue of the ELAN in language, both being early automatic responses to structural violations in their respective domains. The ERAN is followed by a later negativity (N5, ~500 ms) reflecting secondary music-syntactic reanalysis. ERAN amplitude is enhanced in individuals with greater musical training and is not dependent on explicit musical knowledge — it is observed even in non-musicians, though smaller. The ERAN dissociates from the N400 (semantic) and is not sensitive to the acoustic salience of the chord per se.",rules:[{key:"LISTEN",desc:"Listen to each chord sequence and judge whether the final chord sounds right"},{key:"Y / N",desc:"Press Y if the final chord fits the sequence, N if it sounds out of place"},{key:"TRUST YOUR EAR",desc:"Even without musical training, your auditory system detects harmonic violations"},{key:"ERAN",desc:"ERAN ~175ms right anterior reflects automatic music-syntactic processing"},{key:"TRAINING",desc:"Musical training enhances ERAN amplitude but is not required to generate the response"}]},
  N2B:{name:"N2b (Target N2)",body:"The N2b (Naatanen and Gaillard, 1983) is a fronto-central negativity peaking approximately 200-300 ms after a target stimulus in an oddball or detection paradigm. Unlike the N2pc which reflects spatial attention (contralateral to the attended location), the N2b reflects non-spatial stimulus categorisation — the detection that an attended stimulus matches a target template. The N2b is largest at Fz and Cz, is enhanced for infrequent targets relative to frequent standards, and is followed by the P300 (P3b). It is thought to reflect the mismatch between the perceived stimulus and the stored target representation in working memory. N2b amplitude increases with task difficulty and target-standard discriminability, and is reduced in attention deficit disorders and normal aging.",rules:[{key:"TARGET",desc:"Respond with SPACE when you see the target stimulus (X among other letters)"},{key:"STANDARD",desc:"Do NOT respond to standard stimuli"},{key:"FREQUENCY",desc:"Targets are rare (~20%) — sustained attention required"},{key:"N2b",desc:"N2b ~250ms at Fz/Cz reflects matching stimulus to target template"},{key:"P300",desc:"N2b is followed by P300 (P3b) which reflects context updating"}]},
  PD:{name:"Pd (Distractor Positivity)",body:"The Pd (Sawaki and Luck, 2010) is a positive ERP component peaking approximately 200-300 ms, lateralised contralateral to the location of a salient but task-irrelevant distractor. It is the functional complement of the N2pc: while N2pc reflects the allocation of spatial attention to a target, Pd reflects the active suppression of a salient distractor that would otherwise capture attention. Pd amplitude is enhanced when distractors are more attention-capturing (e.g. colour singletons in a difficult search), consistent with greater suppression effort. The Pd provides direct neural evidence for proactive distractor suppression — a mechanism that operates before attention is actually captured — distinct from reactive post-capture rejection. Pd is reduced in ADHD and in high-trait anxiety where suppression mechanisms are less efficient.",rules:[{key:"SEARCH",desc:"Find the unique shape among identical shapes and report its orientation"},{key:"DISTRACTOR",desc:"A coloured singleton distractor will appear — ignore it"},{key:"SUPPRESS",desc:"Do not look at the distractor — focus on the shape target"},{key:"Pd",desc:"Pd ~250ms contralateral to distractor reflects active suppression effort"},{key:"N2pc vs Pd",desc:"N2pc = attention to target; Pd = suppression of distractor — separable processes"}]},
  LAN:{name:"Left Anterior Negativity (LAN)",body:"The Left Anterior Negativity (Neville et al., 1991; Friederici, 2002) is a negative ERP component peaking at approximately 300-500 ms with a left anterior scalp distribution, elicited by morphosyntactic violations in language — such as subject-verb agreement errors ('The girl run home') or case marking errors. The LAN is distinct from the ELAN (which is earlier, ~150-200 ms, and reflects phrase structure violations) and from the N400 (which reflects semantic anomaly). The LAN is taken to reflect working memory processes engaged in building syntactic representations, particularly those involving morphological feature checking. It is sensitive to individual differences in working memory capacity, is reduced in agrammatic aphasia, and is modulated by native vs second language processing.",rules:[{key:"READ",desc:"Read each sentence carefully and judge whether it sounds grammatically correct"},{key:"Y / N",desc:"Press Y if the sentence is correct, N if it contains a grammatical error"},{key:"AGREEMENT",desc:"Violations involve subject-verb agreement errors ('The girl run home')"},{key:"LAN",desc:"LAN ~300-500ms at left frontal electrodes reflects morphosyntactic reanalysis"},{key:"DISTINCT",desc:"LAN is distinct from N400 (semantic) and ELAN (phrase structure)"}]},
  CPS:{name:"Closure Positive Shift (CPS)",body:"The Closure Positive Shift (Steinhauer et al., 1999) is a broadly distributed positive ERP component elicited approximately 200-500 ms after the onset of a prosodic boundary in spoken language, such as an intonation phrase boundary signalled by pitch change, lengthening, and pause. The CPS is thought to reflect the listener's prosodic parsing of speech into intonation phrases — a level of linguistic processing distinct from both syntactic and semantic analysis. The CPS has been observed across languages and appears to be driven primarily by pitch reset (F0 boundary tone) rather than by pause alone. It is reduced in individuals with poor prosodic sensitivity and has been studied in second language acquisition, where learners show delayed or reduced CPS compared to native speakers. The browser paradigm presents written sentences with prosodic boundary markers (punctuation and prosodic cues) and asks for naturalness judgments.",rules:[{key:"READ",desc:"Read each sentence aloud in your head, paying attention to its natural rhythm"},{key:"NATURAL",desc:"Press Y if the phrasing sounds natural, N if something sounds awkward"},{key:"PROSODY",desc:"Focus on the intonation and rhythm — not just grammar or meaning"},{key:"CPS",desc:"CPS ~200-500ms at bilateral temporal-frontal electrodes marks intonation phrase boundaries"},{key:"BOUNDARY",desc:"Slash marks (/) indicate intonation phrase boundaries in test stimuli"}]}--
═══════════════════════════════════════════════════════════
  SR · COGNOS GRID — CHANGELOG
═══════════════════════════════════════════════════════════
  R12 (current)
      - Added Spanish / Español language toggle
        · EN/ES buttons on home screen
        · Full translation of all 24 task introductions
        · Spanish tile labels, grid section labels, UI strings
        · Language-aware showIntro() — swaps PARADIGMS entry dynamically

  R12 (grid split, previous)
      - Split task grid into two sections: Neuropsych and ERP
        · Neuropsych: GNG, N-Back, Spatial, Posner, Free Recall, Card Sort,
          Visual Recog, Sternberg, Trail Making, Digit Symbol, Picture Naming,
          Mental Rotation, Stroop, Flanker, Stop Signal, Digit Span,
          Finger Tap
        · ERP: Contrast Reversal, Auditory P300, N400, MMN, P600, ERN, CNV
        · Tools row (Task Editor, Media) below both grids

  R11 (previous)
      - Added Finger Tapping Task (FTT)
        · Dominant hand, non-dominant hand, alternating subtests
        · 3 × 10-second trials per subtest (configurable)
        · Metrics: taps/trial, inter-tap interval mean + SD, asymmetry ratio
        · Alternating coordination index (overlap penalty)
        · Photocell trigger on every tap
        · Full CSV export

  R10 (previous)
      - Added Contingent Negative Variation (CNV)
        · Warning tone (S1) → imperative stimulus (S2) paradigm
        · Configurable S1–S2 interval (foreperiod)
        · Go response (SPACE) to S2; catch trials (no S2) for false-alarm rate
        · Metrics: hit rate, FA rate, mean RT, foreperiod RT effect
        · Photocell trigger on every S1 and S2 onset
        · Full CSV export

  R9  (previous)
      - Added Digit Span
        · Forward and backward span subtests
        · Adaptive staircase: sequence grows on correct, shrinks on incorrect
        · Two strikes per span length (WAIS-style)
        · Span score = longest correctly recalled sequence
        · Digit-by-digit number-pad entry + keyboard
        · Full CSV export

  R8  (previous)
      - Added Stroop Color-Word
        · Congruent / incongruent / neutral conditions
        · Keyboard (F/G/H/J) and mouse response modes
        · Stroop interference score (incongruent − congruent RT)
        · d', hit rate, condition RT breakdown
        · Full CSV export

  R7  (previous)
      - Added Contrast Reversal (CSR)
        · Steady checkerboard at configurable reversal rate
        · Target = 45° rotated orientation for one cycle
        · Go/No-Go: SPACE on target reversal
        · Metrics: hit rate, FA rate, d', avg RT
      - Added Auditory P300
        · Web Audio API synthesis — no external files
        · Standard (1000 Hz) vs oddball (2000 Hz) tones
        · Configurable frequencies, oddball probability, ISI
        · Visual circle indicator + audio
        · Metrics: hit rate, FA rate, d', avg RT
      - Added Task Editor (⚙)
        · Configure any task's parameters without touching code
        · Per-task field definitions with min/max/description
        · Save / Reset to defaults buttons
        · Changes applied live to task objects
      - Grid expanded to 4 columns (10 tiles total)
      - All new tasks wired to stats, exportAllCSV, resetAll

  R5/CSR_v2  (upload baseline)
      - 7-task battery with CSR stub
      - Go/No-Go, N-Back, Spatial, Posner, Free Recall,
        WCST, Visual Recognition
      - CSR stub: simple static checkerboard, no trial logic
═══════════════════════════════════════════════════════════
-->
<!DOCTYPE html>
<html lang="en" id="htmlRoot">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SR·COGNOS GRID FULL</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Source+Code+Pro:wght@300;400;600&display=swap');
:root{--bg:#060d14;--bg2:#0c1824;--bg3:#111f2c;--gold:#d4b456;--gold2:#f0d888;--text:#eaf4ff;--dim:#8ab4d0;--ok:#5edc9e;--err:#f07070;}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Source Code Pro',monospace;display:flex;height:100vh;overflow:hidden;}

/* ── SIDEBAR ── */
.sidebar{width:220px;background:var(--bg2);border-right:1px solid #1a2f44;display:flex;flex-direction:column;padding:20px 16px;gap:14px;flex-shrink:0;}
.sidebar-title{font-family:'EB Garamond',serif;font-size:1.15rem;letter-spacing:0.15em;color:var(--gold);border-bottom:1px solid #1a2f44;padding-bottom:10px;}
.info-row{font-size:0.82rem;color:var(--dim);line-height:1.9;}
.info-row span{color:var(--text);float:right;}
.sep{border:none;border-top:1px solid #1a2f44;}
.sidebar-btn{padding:9px 12px;border:1px solid #2a4060;background:none;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.82rem;cursor:pointer;letter-spacing:0.08em;transition:all 0.15s;text-align:left;}
.sidebar-btn:hover{border-color:var(--gold);color:var(--gold);}
.sidebar-btn:disabled{opacity:0.3;cursor:default;}
.log-area{flex:1;overflow-y:auto;font-size:0.75rem;color:var(--dim);line-height:1.7;border-top:1px solid #1a2f44;padding-top:10px;}
.log-area div{border-bottom:1px solid #0e1e2c;padding:2px 0;}
.log-ok{color:var(--ok)!important;}
.log-err{color:var(--err)!important;}

/* ── INPUT PANEL ── */
.input-panel{background:#0a1620;border:1px solid #1a2f44;padding:8px 12px;font-size:0.78rem;color:var(--dim);display:flex;flex-direction:column;gap:6px;}
.input-mode-row{display:flex;gap:5px;flex-wrap:wrap;}
.imode-btn{padding:5px 10px;border:1px solid #2a4060;background:none;color:var(--dim);font-family:'Source Code Pro';font-size:0.75rem;cursor:pointer;letter-spacing:0.06em;transition:all 0.15s;}
.imode-btn.active{border-color:var(--gold);color:var(--gold);background:#1a1200;}
.imode-btn:hover{border-color:#4a6a8a;color:var(--text);}
.mouse-indicator{display:flex;align-items:center;gap:6px;font-size:0.78rem;}
.mouse-btn-icon{width:14px;height:18px;border:1px solid #2a4060;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:0.82rem;color:var(--dim);transition:background 0.08s,border-color 0.08s;}
.mouse-btn-icon.left-active{background:#0a2018;border-color:var(--ok);color:var(--ok);}
.mouse-btn-icon.right-active{background:#1a0a08;border-color:var(--err);color:var(--err);}

/* ── SPEECH PANEL ── */
.speech-panel{background:#0a1620;border:1px solid #1a2f44;padding:10px 12px;font-size:0.78rem;color:var(--dim);display:flex;flex-direction:column;gap:6px;}
.sp-row{display:flex;align-items:center;gap:8px;}
.mic-btn{width:28px;height:28px;border-radius:50%;border:1px solid #2a4060;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.15s;flex-shrink:0;}
.mic-btn:hover{border-color:var(--gold);}
.mic-btn.listening{border-color:var(--ok);background:#0a2018;animation:pulse 1s ease-in-out infinite;}
.mic-btn.speaking{border-color:var(--gold);background:#1a1500;animation:pulse-gold 0.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(78,201,148,0.3)}50%{box-shadow:0 0 0 5px rgba(78,201,148,0)}}
@keyframes pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(200,168,75,0.3)}50%{box-shadow:0 0 0 5px rgba(200,168,75,0)}}
.speech-status{font-size:0.78rem;color:var(--dim);flex:1;}
.speech-status.on{color:var(--ok);}
.speech-status.speaking{color:var(--gold);}
.transcript-box{background:#060d14;border:1px solid #1a2f44;padding:4px 6px;font-size:0.78rem;color:var(--dim);min-height:28px;letter-spacing:0.04em;line-height:1.5;word-break:break-word;}
.transcript-box.heard{color:var(--text);}
.sp-label{font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;}
.sp-toggle-row{display:flex;align-items:center;gap:6px;}
.toggle-switch{position:relative;width:28px;height:16px;cursor:pointer;}
.toggle-switch input{opacity:0;width:0;height:0;}
.toggle-track{position:absolute;inset:0;background:#1a2f44;border-radius:8px;transition:background 0.2s;}
.toggle-switch input:checked+.toggle-track{background:var(--ok);}
.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#8ab;border-radius:50%;transition:transform 0.2s,background 0.2s;}
.toggle-switch input:checked~.toggle-thumb{transform:translateX(12px);background:#fff;}
.vol-bar{display:flex;gap:2px;align-items:flex-end;height:14px;}
.vol-bar span{width:3px;background:#1a2f44;border-radius:1px;transition:height 0.08s,background 0.08s;}

.task-screen{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:14px;box-sizing:border-box;}
/* ── MAIN ── */
.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg3);position:relative;overflow-y:auto;overflow-x:hidden;}

/* ── HOME ── */
#home{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 20px;}
.home-title{font-family:'EB Garamond',serif;font-size:2.0rem;letter-spacing:0.3em;color:var(--gold);text-align:center;}
.home-sub{font-size:0.8rem;color:var(--dim);letter-spacing:0.15em;text-align:center;}
.task-select-grid{display:grid;grid-template-columns:repeat(4,130px);gap:12px;}
.grid-section-label{font-size:0.75rem;letter-spacing:0.18em;color:var(--gold);font-family:'Source Code Pro',monospace;text-align:left;padding-bottom:4px;margin-top:14px;border-bottom:1px solid rgba(200,168,75,0.3);width:100%;max-width:556px;}
.grid-section-label:first-child{margin-top:0;}
.grid-section-label span{color:var(--dim);font-weight:400;margin-left:8px;font-size:0.85rem;}
.tools-row{display:flex;gap:12px;margin-top:14px;}
.task-tile{height:90px;border:1px solid #3a5470;background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:0.85rem;letter-spacing:0.12em;color:var(--dim);transition:all 0.2s;gap:6px;}
.task-tile:hover{border-color:var(--gold);color:var(--gold);background:#0e1e2c;}
.task-tile .task-icon{font-size:1.4rem;}
.task-tile.empty{border-color:#111f2c;cursor:default;pointer-events:none;}
.ftt-arena{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:180px;justify-content:center;}
.ftt-tap-btn{width:110px;height:110px;border-radius:50%;border:2px solid #2a4060;background:#0a1620;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2.4rem;transition:border-color 0.06s,background 0.06s,transform 0.06s;user-select:none;-webkit-user-select:none;}
.ftt-tap-btn:active,.ftt-tap-btn.flash{border-color:var(--gold);background:#1a1200;transform:scale(0.93);}
.ftt-tap-btn.left-active{border-color:#5b9fda;background:#061828;}
.ftt-tap-btn.right-active{border-color:#c8a84b;background:#1a1200;}
.ftt-alt-row{display:flex;gap:28px;align-items:center;}
.ftt-alt-btn{width:90px;height:90px;border-radius:50%;border:2px solid #2a4060;background:#0a1620;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:border-color 0.06s,background 0.06s,transform 0.06s;user-select:none;-webkit-user-select:none;}
.ftt-alt-btn.next{border-color:var(--gold);background:#1a1200;}
.ftt-alt-btn.flash{border-color:var(--ok);background:#061a10;transform:scale(0.91);}
.ftt-counter{font-size:3rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-width:80px;text-align:center;line-height:1;}
.ftt-timer-ring{font-size:0.82rem;color:var(--dim);letter-spacing:0.12em;}
.ftt-subtest-label{font-size:0.88rem;color:var(--dim);letter-spacing:0.15em;}
.ftt-iti-msg{font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;min-height:1.2em;}
.cnv-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:160px;}
.cnv-circle{width:80px;height:80px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:border-color 0.08s,background 0.08s;}
.cnv-circle.s1{border-color:#4a8aaa;background:#0a1828;}
.cnv-circle.s2{border-color:var(--gold);background:#1a1200;}
.cnv-circle.catch{border-color:var(--dim);background:#0a1620;}
.cnv-fp-bar-wrap{width:280px;height:6px;background:#0e1e2c;border:1px solid #1a2f44;border-radius:3px;overflow:hidden;}
.cnv-fp-bar{height:100%;width:0%;background:var(--gold);transition:width linear;}
.dst-numpad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;justify-content:center;}
.dst-numpad-btn{height:48px;width:56px;border:1px solid #2a4060;background:none;color:var(--text);font-family:'Source Code Pro',monospace;font-size:1.1rem;cursor:pointer;transition:all 0.1s;letter-spacing:0.05em;}
.dst-numpad-btn:hover{border-color:var(--gold);color:var(--gold);}
.dst-numpad-btn:active{background:#1a1200;border-color:var(--gold2);}
.dst-digit-display{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:36px;align-items:center;}
.dst-digit{font-size:2rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-width:24px;text-align:center;transition:opacity 0.15s;}
.dst-seq-dot{width:10px;height:10px;border-radius:50%;background:#1a2f44;transition:background 0.1s;}
.dst-seq-dot.filled{background:var(--gold);}
.dst-seq-dot.ok{background:var(--ok);}
.dst-seq-dot.err{background:var(--err);}
.stroop-resp-btn{padding:8px 14px;border:1px solid #2a4060;background:none;font-family:'Source Code Pro',monospace;font-size:0.85rem;letter-spacing:0.08em;cursor:pointer;transition:all 0.12s;}
.stroop-resp-btn:hover{background:rgba(200,168,75,0.08);}
.trials-input-row{display:flex;gap:10px;align-items:center;font-size:0.88rem;color:var(--dim);}
.trials-input-row input{width:60px;padding:4px 6px;background:var(--bg2);border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro';font-size:0.88rem;text-align:center;}
.trials-input-row input:focus{outline:none;border-color:var(--gold);}

/* ── INTRO SCREEN ── */
#introScreen{display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:100%;padding:40px;}
.intro-wrap{max-width:560px;width:100%;display:flex;flex-direction:column;gap:24px;}
.intro-task-name{font-family:'EB Garamond',serif;font-size:1.65rem;letter-spacing:0.25em;color:var(--gold);}
.intro-divider{border:none;border-top:1px solid #1a2f44;margin:0;}
.intro-body{font-family:'EB Garamond',serif;font-size:1.15rem;color:#c8ddef;line-height:1.9;font-style:italic;}
.intro-rules{display:flex;flex-direction:column;gap:10px;}
.intro-rule{display:flex;gap:12px;align-items:flex-start;font-size:0.85rem;color:var(--dim);line-height:1.7;}
.intro-rule-key{color:var(--gold);letter-spacing:0.1em;flex-shrink:0;min-width:60px;padding-top:1px;}
.intro-actions{display:flex;gap:12px;align-items:center;margin-top:4px;}
.intro-btn{padding:11px 28px;border:1px solid #3a5070;background:none;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.85rem;cursor:pointer;letter-spacing:0.1em;transition:all 0.15s;}
.intro-btn:hover{border-color:var(--gold);color:var(--gold);}
.intro-btn.primary{border-color:#2a5040;color:var(--ok);}
.intro-btn.primary:hover{background:#0a2018;}
.intro-practice-note{font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;}

/* ── MIC VALIDATION SCREEN ── */
#micValidScreen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;}
.micv-wrap{max-width:480px;width:100%;display:flex;flex-direction:column;gap:22px;}
.micv-title{font-family:'EB Garamond',serif;font-size:1.3rem;letter-spacing:0.2em;color:var(--gold);}
.micv-divider{border:none;border-top:1px solid #1a2f44;}
.micv-step{display:flex;gap:14px;align-items:flex-start;font-size:0.88rem;color:var(--dim);line-height:1.7;}
.micv-step-num{width:20px;height:20px;border:1px solid #2a4060;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;color:var(--dim);}
.micv-step-num.done{border-color:var(--ok);color:var(--ok);background:#061a10;}
.micv-step-num.active{border-color:var(--gold);color:var(--gold);animation:pulse-gold 1s ease-in-out infinite;}
.micv-step-num.fail{border-color:var(--err);color:var(--err);}
.micv-step-body{flex:1;}
.micv-step-label{color:var(--text);letter-spacing:0.06em;margin-bottom:2px;}
.micv-step-sub{font-size:0.8rem;color:var(--dim);}
/* volume meter bar */
.micv-vol-wrap{display:flex;gap:3px;align-items:flex-end;height:28px;padding:2px 0;}
.micv-vol-bar{width:8px;background:#1a2f44;border-radius:1px;transition:height 0.07s,background 0.07s;}
/* spoken word test */
.micv-prompt-word{font-family:'EB Garamond',serif;font-size:2.4rem;letter-spacing:0.1em;color:var(--gold2);text-align:center;min-height:56px;}
.micv-heard-row{display:flex;gap:8px;flex-wrap:wrap;min-height:28px;align-items:center;}
.micv-heard-chip{padding:2px 10px;font-size:0.82rem;border:1px solid #2a4060;color:var(--dim);letter-spacing:0.08em;}
.micv-heard-chip.match{border-color:var(--ok);color:var(--ok);background:#061a10;}
.micv-heard-chip.nomatch{border-color:var(--dim);color:var(--dim);}
/* status row */
.micv-status{font-size:0.85rem;min-height:20px;letter-spacing:0.08em;}
.micv-status.ok{color:var(--ok);}
.micv-status.err{color:var(--err);}
.micv-status.warn{color:var(--gold);}
.micv-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}

/* ── PRACTICE BANNER ── */
.practice-banner{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);
  background:#0e1e0a;border:1px solid #2a5020;
  padding:4px 14px;font-size:0.78rem;color:var(--ok);letter-spacing:0.15em;
  pointer-events:none;
}

/* ── TASK SCREEN ── */
#taskscreen{display:none;flex-direction:column;align-items:center;gap:16px;position:relative;}
.task-header{display:flex;gap:30px;align-items:center;font-size:0.82rem;color:var(--dim);}
.task-header .task-label{color:var(--gold);font-size:1.05rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;}
.stim-grid{display:grid;grid-template-columns:repeat(3,110px);grid-template-rows:repeat(3,95px);gap:10px;}
.cell{border:1px solid #1e3040;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:background 0.1s,border-color 0.1s;user-select:none;}
.cell:hover{border-color:var(--dim);}
.cell.go-stim{border-color:var(--gold);background:#1a1500;color:var(--gold);}
.cell.nogo-stim{border-color:var(--dim);background:#0a1218;color:var(--dim);}
.cell.spatial-active{background:var(--gold);border-color:var(--gold2);}
.cell.nback-stim{font-size:2.2rem;font-weight:600;color:var(--text);border-color:#3a5070;background:#0d1c28;}
.cell.flash-ok{background:#0a2a18!important;border-color:var(--ok)!important;}
.cell.flash-err{background:#2a0a0a!important;border-color:var(--err)!important;}
.progress-bar-wrap{width:370px;height:3px;background:#0e1e2c;}
.progress-bar{height:100%;background:var(--gold);transition:width 0.2s;}
.nback-prompt{font-size:0.8rem;color:var(--dim);letter-spacing:0.1em;min-height:18px;text-align:center;}
.controls{display:flex;gap:10px;}
.ctrl-btn{padding:10px 24px;border:1px solid #3a5070;background:none;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.85rem;cursor:pointer;letter-spacing:0.1em;transition:all 0.15s;}
.ctrl-btn:hover{border-color:var(--gold);color:#fff;background:#0e1e2c;}
.ctrl-btn.go-btn{border-color:#2a5040;}
.ctrl-btn.nogo-btn{border-color:#502a2a;}
.ctrl-btn.go-btn:hover{border-color:var(--ok);color:var(--ok);}
.ctrl-btn.nogo-btn:hover{border-color:var(--err);color:var(--err);}
.feedback{font-size:0.9rem;min-height:20px;letter-spacing:0.1em;transition:color 0.2s;}
.feedback.ok{color:var(--ok);}
.feedback.err{color:var(--err);}
.feedback.timeout{color:var(--dim);}
.key-hint{font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;text-align:center;min-height:16px;}

/* ── PRACTICE COMPLETE OVERLAY ── */
#practiceComplete{display:none;flex-direction:column;align-items:center;gap:20px;}
.pc-title{font-family:'EB Garamond',serif;font-size:1.2rem;letter-spacing:0.2em;color:var(--gold);}
.pc-stats{font-size:0.88rem;color:var(--dim);line-height:2;}
.pc-stats span{color:var(--text);}

/* ── POSNER SCREEN ── */
#posnerScreen{display:none;flex-direction:column;align-items:center;gap:18px;position:relative;}
.posner-arena{display:flex;align-items:center;justify-content:center;gap:0;position:relative;height:140px;width:500px;}
.posner-box{width:110px;height:110px;border:2px solid #2a4060;background:#0a1620;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color 0.08s,background 0.08s;cursor:pointer;}
.posner-box:hover{border-color:#3a5070;}
.posner-box.cued{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
.posner-box.target-flash{background:#1a1500;border-color:var(--gold2);}
.posner-fixation{width:120px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;}
.posner-target{font-size:2rem;color:var(--gold2);}
.posner-arrow{font-size:1.8rem;color:var(--gold);transition:opacity 0.1s;position:absolute;}
.posner-info{font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;display:flex;gap:24px;}
.posner-info span{color:var(--text);}
.posner-cue-label{position:absolute;bottom:4px;right:6px;font-size:0.88rem;letter-spacing:0.1em;color:var(--dim);}
.posner-settings{display:flex;gap:16px;font-size:0.82rem;color:var(--dim);align-items:center;}
.posner-settings select,.posner-settings input{background:var(--bg2);border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro';font-size:0.82rem;padding:3px 6px;}
.posner-settings select:focus,.posner-settings input:focus{outline:none;border-color:var(--gold);}
.cue-type-badge{font-size:0.75rem;padding:2px 7px;border:1px solid #2a4060;color:var(--dim);letter-spacing:0.1em;}
.cue-type-badge.valid{border-color:#2a5040;color:var(--ok);}
.cue-type-badge.invalid{border-color:#502a2a;color:var(--err);}
.cue-type-badge.neutral{border-color:var(--dim);color:var(--dim);}

/* ── RIPPLE ── */
@keyframes ripple{0%{transform:scale(0);opacity:0.7}100%{transform:scale(2.5);opacity:0}}
.ripple{position:fixed;pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:ripple 0.35s ease-out forwards;}
.ripple.left-click{background:rgba(78,201,148,0.5);}
.ripple.right-click{background:rgba(224,92,92,0.4);}

/* ── FREE RECALL ── */
#frScreen{display:none;flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px 40px;position:relative;}
.fr-phase-label{font-size:0.78rem;letter-spacing:0.2em;color:var(--dim);text-transform:uppercase;}
/* study phase */
.fr-study-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;}
.fr-word-display{font-family:'EB Garamond',serif;font-size:3.2rem;letter-spacing:0.08em;color:var(--text);min-height:72px;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s;}
.fr-word-display.blank{opacity:0;}
.fr-study-counter{font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;}
.fr-study-progress{width:320px;height:2px;background:#0e1e2c;}
.fr-study-bar{height:100%;background:var(--gold);transition:width 0.3s;}
/* distractor phase */
.fr-distractor-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;}
.fr-distractor-problem{font-family:'EB Garamond',serif;font-size:2.4rem;color:var(--text);letter-spacing:0.05em;}
.fr-distractor-input{background:var(--bg2);border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro';font-size:1.2rem;padding:8px 14px;text-align:center;width:120px;outline:none;}
.fr-distractor-input:focus{border-color:var(--gold);}
.fr-distractor-fb{font-size:0.88rem;min-height:18px;letter-spacing:0.1em;}
.fr-distractor-fb.ok{color:var(--ok);}
.fr-distractor-fb.err{color:var(--err);}
.fr-distractor-timer{font-size:0.82rem;color:var(--dim);}
/* recall phase */
.fr-recall-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;}
.fr-recall-header{display:flex;justify-content:space-between;width:100%;font-size:0.82rem;color:var(--dim);}
.fr-recall-input{background:var(--bg2);border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro';font-size:0.9rem;padding:10px 14px;width:100%;outline:none;letter-spacing:0.05em;}
.fr-recall-input:focus{border-color:var(--gold);}
.fr-recall-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;min-height:32px;}
.fr-chip{padding:3px 10px;font-size:0.82rem;letter-spacing:0.08em;border:1px solid #2a4060;color:var(--dim);}
.fr-chip.hit{border-color:var(--ok);color:var(--ok);background:#061a10;}
.fr-chip.intrusion{border-color:var(--err);color:var(--err);background:#1a0608;}
.fr-chip.duplicate{border-color:var(--dim);color:var(--dim);}
.fr-recall-timer{font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;}
.fr-recall-timer.urgent{color:var(--err);}
.fr-recall-hint{font-size:0.78rem;color:var(--dim);letter-spacing:0.08em;}
/* results */
.fr-results-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;}
.fr-results-title{font-family:'EB Garamond',serif;font-size:1.2rem;letter-spacing:0.2em;color:var(--gold);}
.fr-metrics{display:flex;gap:28px;font-size:0.88rem;color:var(--dim);}
.fr-metrics span{color:var(--text);}
.fr-word-list{display:flex;flex-wrap:wrap;gap:6px;width:100%;}
.fr-result-chip{padding:3px 10px;font-size:0.82rem;letter-spacing:0.08em;border:1px solid #2a4060;}
.fr-result-chip.recalled{border-color:var(--ok);color:var(--ok);background:#061a10;}
.fr-result-chip.missed{border-color:var(--dim);color:var(--dim);}
.fr-serial-chart{width:100%;max-width:520px;}
.fr-serial-bars{display:flex;gap:4px;align-items:flex-end;height:60px;}
.fr-serial-bar{flex:1;background:var(--dim);transition:height 0.3s;min-width:0;position:relative;}
.fr-serial-bar.recalled{background:var(--ok);}
.fr-serial-labels{display:flex;gap:4px;margin-top:4px;}
.fr-serial-lbl{flex:1;text-align:center;font-size:0.85rem;color:var(--dim);min-width:0;}
.fr-serial-title{font-size:0.75rem;color:var(--dim);letter-spacing:0.1em;margin-bottom:4px;}

/* ── CARD SORT (WCST) ── */
#wcstScreen{display:none;flex-direction:column;align-items:center;gap:16px;position:relative;padding:10px 0;}
.wcst-header{display:flex;gap:28px;align-items:center;font-size:0.88rem;color:var(--dim);}
.wcst-label{color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;}
.wcst-rule-hint{font-size:0.78rem;color:var(--dim);letter-spacing:0.08em;min-height:14px;text-align:center;}
/* target row */
.wcst-targets{display:flex;gap:16px;justify-content:center;}
/* stimulus row */
.wcst-stimulus-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;}
.wcst-stim-label{font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;}
/* card */
.wcst-card{width:80px;height:100px;border:2px solid #2a4060;background:#0a1620;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color 0.12s,background 0.12s;user-select:none;flex-shrink:0;}
.wcst-card:hover{border-color:#3a6080;}
.wcst-card.selectable:hover{border-color:var(--gold);background:#1a1200;}
.wcst-card.flash-ok{border-color:var(--ok)!important;background:#061a10!important;}
.wcst-card.flash-err{border-color:var(--err)!important;background:#1a0608!important;}
.wcst-card.stimulus{border-color:#3a5070;cursor:default;}
.wcst-card-shape{font-size:2.2rem;line-height:1;}
.wcst-card-num{font-size:0.72rem;letter-spacing:0.1em;color:var(--dim);}
.wcst-card-color-dot{width:10px;height:10px;border-radius:50%;}
/* shape colours */
.wcst-c-red .wcst-card-shape{color:#e05c5c;} .wcst-c-red .wcst-card-color-dot{background:#e05c5c;}
.wcst-c-green .wcst-card-shape{color:#4ec994;} .wcst-c-green .wcst-card-color-dot{background:#4ec994;}
.wcst-c-blue .wcst-card-shape{color:#5b9fda;} .wcst-c-blue .wcst-card-color-dot{background:#5b9fda;}
.wcst-c-yellow .wcst-card-shape{color:#c8a84b;} .wcst-c-yellow .wcst-card-color-dot{background:#c8a84b;}
/* feedback/persev strip */
.wcst-fb-row{display:flex;gap:20px;font-size:0.85rem;color:var(--dim);min-height:18px;}
.wcst-fb-row span{color:var(--text);}
.wcst-persev-strip{display:flex;gap:3px;flex-wrap:wrap;max-width:380px;min-height:14px;}
.wcst-persev-dot{width:8px;height:8px;border-radius:50%;background:#1a2f44;}
.wcst-persev-dot.ok{background:var(--ok);}
.wcst-persev-dot.err{background:var(--err);}
.wcst-persev-dot.persev{background:var(--gold);}

/* ── STATS CHART ── */
#statsScreen{display:none;flex-direction:column;align-items:center;gap:0;width:100%;height:100%;overflow-y:auto;padding:30px 40px;}
.stats-wrap{max-width:620px;width:100%;display:flex;flex-direction:column;gap:28px;}
.stats-title{font-family:'EB Garamond',serif;font-size:1.6rem;letter-spacing:0.25em;color:var(--gold);}
.stats-divider{border:none;border-top:1px solid #1a2f44;}
.stats-section{display:flex;flex-direction:column;gap:10px;}
.stats-section-title{font-size:0.78rem;letter-spacing:0.18em;color:var(--dim);}
.stats-cards{display:flex;gap:10px;flex-wrap:wrap;}
.stats-card{background:#0a1620;border:1px solid #1a2f44;padding:10px 14px;display:flex;flex-direction:column;gap:4px;min-width:100px;}
.stats-card-label{font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;}
.stats-card-value{font-size:1.2rem;font-family:'EB Garamond',serif;color:var(--text);}
.stats-card-sub{font-size:0.72rem;color:var(--dim);}
/* bar chart */
.stats-bar-chart{display:flex;flex-direction:column;gap:6px;}
.stats-bar-row{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--dim);}
.stats-bar-label{width:90px;flex-shrink:0;text-align:right;letter-spacing:0.06em;}
.stats-bar-track{flex:1;height:16px;background:#0a1620;border:1px solid #1a2f44;position:relative;}
.stats-bar-fill{height:100%;background:var(--gold);transition:width 0.4s;}
.stats-bar-fill.ok{background:var(--ok);}
.stats-bar-fill.err{background:var(--err);}
.stats-bar-val{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:0.75rem;color:var(--text);}
/* RT scatter dots */
.stats-scatter{display:flex;gap:3px;flex-wrap:wrap;align-items:flex-end;height:64px;padding:2px 0;}
.stats-dot{width:6px;border-radius:1px;background:var(--gold);opacity:0.7;transition:height 0.3s;}
.stats-dot.err{background:var(--err);}
.stats-no-data{font-size:0.82rem;color:var(--dim);letter-spacing:0.08em;font-style:italic;}


/* ── STERNBERG (STB) ── */
#stbScreen{display:none;flex-direction:column;align-items:center;gap:14px;padding:10px 0;width:100%;}
.stb-header{display:flex;gap:28px;align-items:center;font-size:0.88rem;color:var(--dim);}
.stb-label{color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;}
.stb-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:180px;}
.stb-letter{font-family:'EB Garamond',serif;font-size:5rem;color:var(--gold2);width:100px;height:96px;line-height:96px;text-align:center;display:block;}
.stb-phase-label{font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);text-align:center;}
.stb-phase-label.study{color:var(--gold);}
.stb-phase-label.probe{color:#5b9fda;}
.stb-phase-label.isi{color:var(--dim);}
.stb-resp-row{display:flex;gap:20px;align-items:center;}
.stb-resp-btn{width:90px;padding:10px 0;border:2px solid #2a4060;background:none;color:#8ab;font-family:'Source Code Pro',monospace;font-size:0.75rem;cursor:pointer;letter-spacing:0.1em;transition:all 0.12s;}
.stb-resp-btn:hover{border-color:var(--gold);color:var(--gold);}
.stb-resp-btn.yes:hover{border-color:var(--ok);color:var(--ok);}
.stb-resp-btn.no:hover{border-color:var(--err);color:var(--err);}
.stb-resp-btn:disabled{opacity:0.25;cursor:default;}

/* ── VISUAL RECOGNITION (VRT) ── */
#vrtScreen{display:none;flex-direction:column;align-items:center;gap:14px;position:relative;padding:10px 0;width:100%;}
.vrt-header{display:flex;gap:28px;align-items:center;font-size:0.88rem;color:var(--dim);}
.vrt-label{color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;}

/* study grid */
.vrt-study-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
.vrt-grid{display:grid;gap:8px;}
.vrt-grid.g3{grid-template-columns:repeat(3,88px);}
.vrt-grid.g4{grid-template-columns:repeat(4,88px);}
.vrt-grid.g2{grid-template-columns:repeat(2,88px);}
.vrt-cell{width:88px;height:88px;border:1px solid #1e3040;background:#0a1620;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color 0.1s,background 0.1s;}
.vrt-cell canvas{width:88px;height:88px;display:block;}
.vrt-cell.selectable{cursor:pointer;}
.vrt-cell.selectable:hover{border-color:#3a6080;}
.vrt-cell.target-seen{border-color:var(--gold2);background:#181000;}
.vrt-cell.flash-ok{border-color:var(--ok)!important;background:#061a10!important;}
.vrt-cell.flash-err{border-color:var(--err)!important;background:#1a0608!important;}
.vrt-cell.was-target{border-color:#2a5020;background:#061208;}

/* countdown ring */
.vrt-countdown{position:relative;width:48px;height:48px;}
.vrt-countdown svg{position:absolute;top:0;left:0;}
.vrt-countdown-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0.88rem;color:var(--dim);}

/* phase label */
.vrt-phase{font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);text-align:center;}
.vrt-phase.study{color:var(--gold);}
.vrt-phase.test{color:#5b9fda;}
.vrt-phase.isi{color:var(--dim);}

/* recognition test foils/targets */
.vrt-test-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
.vrt-test-question{font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;text-align:center;}
.vrt-test-grid{display:grid;gap:10px;}
.vrt-test-grid.pair{grid-template-columns:repeat(2,110px);}
.vrt-test-cell{width:110px;height:110px;border:2px solid #2a4060;background:#0a1620;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 0.12s,background 0.12s;position:relative;overflow:hidden;}
.vrt-test-cell canvas{width:110px;height:110px;display:block;}
.vrt-test-cell:hover{border-color:var(--gold);background:#181000;}
.vrt-test-cell.flash-ok{border-color:var(--ok)!important;background:#061a10!important;pointer-events:none;}
.vrt-test-cell.flash-err{border-color:var(--err)!important;background:#1a0608!important;pointer-events:none;}

/* results */
.vrt-results-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:500px;width:100%;}
.vrt-results-title{font-family:'EB Garamond',serif;font-size:1.2rem;letter-spacing:0.2em;color:var(--gold);}
.vrt-metrics{display:flex;gap:24px;font-size:0.88rem;color:var(--dim);}
.vrt-metrics span{color:var(--text);}
.vrt-results-grid{display:grid;gap:4px;}
.vrt-result-row{display:flex;gap:8px;align-items:center;font-size:0.78rem;color:var(--dim);}
.vrt-mini-canvas{width:36px;height:36px;border:1px solid #1a2f44;flex-shrink:0;}
.vrt-result-label{flex:1;}
.vrt-result-badge{padding:1px 7px;border:1px solid #2a4060;font-size:0.72rem;letter-spacing:0.08em;}
.vrt-result-badge.ok{border-color:var(--ok);color:var(--ok);}
.vrt-result-badge.err{border-color:var(--err);color:var(--err);}
.vrt-rt-val{color:#4a6a8a;width:56px;text-align:right;}


/* ── KEYBOARD LEGEND ── */
.key-legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;padding:6px 12px;border-top:1px solid #1a2f44;background:#080f18;font-size:0.75rem;color:var(--dim);letter-spacing:0.06em;min-height:28px;}
.key-legend-item{display:flex;align-items:center;gap:5px;}
.key-cap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 5px;border:1px solid #2a4060;border-bottom:2px solid #1a2f44;border-radius:3px;background:#0a1620;color:var(--text);font-family:'Source Code Pro',monospace;font-size:0.75rem;letter-spacing:0;}
.key-legend-sep{color:#1a2f44;}

/* ── ADAPTIVE ITI + RT CHART ── */
.rt-chart-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:370px;}
.rt-chart-header{display:flex;justify-content:space-between;width:100%;font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;}
.rt-chart-header span{color:var(--text);}
#rtChartCanvas{width:370px;height:54px;display:block;}
.adaptive-badge{font-size:0.72rem;padding:2px 8px;border:1px solid #1a4028;color:#2a6040;letter-spacing:0.1em;align-self:flex-end;}
.adaptive-badge.active{border-color:#2a5040;color:var(--ok);}
/* ── PHOTOCELL TRIGGER BAR ── */
/* Trigger square: lives in bottom-right of .main */
#trigger-bar{
  position:absolute;
  bottom:0; right:0;
  width:60px; height:60px;
  background:#000;
  z-index:10;
  pointer-events:none;
  transition:none;
}
#trigger-bar.flash{background:#fff;}

/* Sidebar trigger panel */
.tp-section{display:flex;flex-direction:column;gap:6px;padding:10px 0 0 0;}
.tp-section-title{font-size:0.72rem;letter-spacing:0.2em;color:var(--dim);text-transform:uppercase;margin-bottom:2px;}
.tp-row{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:0.78rem;color:var(--dim);}
.tp-label{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);}
.tp-val{color:var(--text);font-family:'Source Code Pro',monospace;font-size:0.8rem;min-width:28px;text-align:right;}
.tp-row input[type=range]{flex:1;accent-color:#c8a84b;height:3px;}
.tp-toggle{cursor:pointer;padding:2px 7px;border:1px solid #2a4060;color:var(--dim);font-size:0.72rem;letter-spacing:0.1em;background:transparent;transition:all .15s;font-family:'Source Code Pro',monospace;}
.tp-toggle:hover{border-color:#c8a84b;color:#c8a84b;}
.tp-toggle.active{border-color:#3dd68c;color:#3dd68c;}
.tp-flash-note{font-size:0.88rem;color:#1a2f44;line-height:1.5;}


/* ── MEDIA PLAYER ── */
#scr-media{flex-direction:column;background:#000;}

.mp-drop{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;width:100%;height:100%;
  border:2px dashed rgba(100,160,200,0.2);
  margin:0;cursor:pointer;transition:border-color .2s;
  position:relative;
}
.mp-drop:hover,.mp-drop.over{border-color:rgba(200,168,75,0.5);}
.mp-drop-icon{font-size:2.4rem;color:rgba(100,160,200,0.3);}
.mp-drop-txt{font-size:.68rem;color:rgba(100,160,200,0.4);letter-spacing:.18em;text-transform:uppercase;}
.mp-drop-sub{font-size:.55rem;color:rgba(58,90,116,0.8);letter-spacing:.1em;}
.mp-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}

.mp-main{display:flex;flex-direction:column;width:100%;height:100%;position:relative;}
.mp-video-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative;}
#mp-video{max-width:100%;max-height:100%;outline:none;display:block;}
#mp-audio-vis{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 50%, #0a1824 0%, #060d14 70%);
}
.mp-audio-icon{font-size:4rem;color:rgba(200,168,75,0.2);pointer-events:none;}
.mp-audio-title{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);
  font-size:.75rem;color:rgba(200,168,75,0.5);letter-spacing:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;}

.mp-controls{
  flex-shrink:0;height:64px;background:rgba(10,20,30,0.95);
  border-top:1px solid rgba(100,160,200,0.1);
  display:flex;flex-direction:column;justify-content:center;padding:0 16px;gap:4px;
}
.mp-seek{
  width:100%;height:4px;background:rgba(100,160,200,0.12);border-radius:2px;
  cursor:pointer;appearance:none;outline:none;margin:0;
}
.mp-seek::-webkit-slider-thumb{
  appearance:none;width:12px;height:12px;border-radius:50%;
  background:var(--gold);cursor:pointer;margin-top:-4px;
}
.mp-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(100,160,200,0.12);}
.mp-btn-row{display:flex;align-items:center;gap:10px;}
.mp-btn{
  background:none;border:none;color:rgba(200,168,75,0.7);
  font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:2px;
  transition:color .15s;line-height:1;
}
.mp-btn:hover{color:var(--gold2);}
.mp-btn.big{font-size:1.4rem;}
.mp-time{font-size:.62rem;color:rgba(100,160,200,0.5);letter-spacing:.06em;font-family:'Courier New',monospace;min-width:90px;}
.mp-vol-row{display:flex;align-items:center;gap:6px;margin-left:auto;}
.mp-vol{width:70px;height:3px;appearance:none;background:rgba(100,160,200,0.15);border-radius:2px;cursor:pointer;outline:none;}
.mp-vol::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:rgba(200,168,75,0.6);cursor:pointer;}
.mp-fname{font-size:.55rem;color:rgba(58,90,116,0.7);letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;}
.mp-trig-badge{
  font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;
  padding:2px 7px;border-radius:1px;
  border:1px solid rgba(61,214,140,0.3);color:rgba(61,214,140,0.6);
  cursor:pointer;transition:all .15s;
}
.mp-trig-badge:hover{border-color:rgba(61,214,140,0.8);color:#3dd68c;}
.mp-trig-badge.off{border-color:rgba(58,90,116,0.3);color:rgba(58,90,116,0.5);}
.mp-open-btn{
  padding:4px 10px;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(100,160,200,0.2);background:transparent;
  color:rgba(100,160,200,0.5);cursor:pointer;border-radius:2px;transition:all .15s;
  position:relative;overflow:hidden;
}
.mp-open-btn:hover{border-color:var(--gold);color:var(--gold2);}
.mp-open-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}

/* ─────────────────────────────────────────────────────────────
   ADDITIONAL ANIMATIONS — non-destructive, layered on top.
   All animations respect prefers-reduced-motion. Existing transitions
   and hover rules are preserved; these only add motion where there
   was none, or layer a subtle entrance/click feedback on top.
   ───────────────────────────────────────────────────────────── */

/* Tile hover lift — subtle translate + shadow, complements the existing
   border/color transition without changing it. */
.task-tile {
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(212,180,86,0);
  transition: all 0.2s, transform 0.18s ease-out, box-shadow 0.25s ease-out;
}
.task-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px -4px rgba(212,180,86,0.18), 0 2px 4px -2px rgba(0,0,0,0.4);
}
.task-tile:active {
  transform: translateY(0) scale(0.98);
  transition: transform 0.08s ease-in;
}

/* Task icon hover bounce — soft scale-up so the symbol feels reactive */
.task-tile .task-icon {
  display: inline-block;
  transition: transform 0.25s cubic-bezier(0.34, 1.4, 0.64, 1);
}
.task-tile:hover .task-icon {
  transform: scale(1.12);
}

/* Staggered entrance for task tiles in any grid — uses a CSS-only animation.
   Each tile delays its fade-in by --i × 30ms, set via inline style if present,
   otherwise falls back to a default short delay. */
@keyframes tileFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.task-select-grid .task-tile {
  animation: tileFadeIn 0.42s ease-out backwards;
  animation-delay: calc(var(--i, 0) * 30ms);
}

/* Category-heading entrance — small slide-in from the left, since the heading
   already has a left border. Done once on page load. */
@keyframes sectionFadeIn {
  from { opacity: 0; transform: translateX(-6px); }
  to   { opacity: 1; transform: translateX(0); }
}
.grid-section-label {
  animation: sectionFadeIn 0.5s ease-out backwards;
}

/* Intro-screen rule list — fade each rule in sequence after intro opens.
   The intro-rule items already have `class="intro-rule"`; piggyback. */
@keyframes ruleFadeIn {
  from { opacity: 0; transform: translateX(-4px); }
  to   { opacity: 1; transform: translateX(0); }
}
.intro-rule {
  animation: ruleFadeIn 0.35s ease-out backwards;
}
.intro-rule:nth-child(1) { animation-delay: 0.05s; }
.intro-rule:nth-child(2) { animation-delay: 0.10s; }
.intro-rule:nth-child(3) { animation-delay: 0.15s; }
.intro-rule:nth-child(4) { animation-delay: 0.20s; }
.intro-rule:nth-child(5) { animation-delay: 0.25s; }
.intro-rule:nth-child(6) { animation-delay: 0.30s; }
.intro-rule:nth-child(7) { animation-delay: 0.35s; }
.intro-rule:nth-child(8) { animation-delay: 0.40s; }

/* Intro screen title glow on first appearance — extremely subtle. */
@keyframes titleGlow {
  0%, 100% { text-shadow: 0 0 0 rgba(212,180,86,0); }
  50%      { text-shadow: 0 0 18px rgba(212,180,86,0.25); }
}
#introTaskName {
  animation: titleGlow 2.2s ease-in-out 0.3s 1;
}

/* Intro-screen action buttons — gentle hover lift */
.intro-btn {
  transition: all 0.18s ease-out, transform 0.18s ease-out;
}
.intro-btn:hover {
  transform: translateY(-1px);
}
.intro-btn:active {
  transform: translateY(0);
  transition: transform 0.08s;
}

/* Respect users with reduced-motion preference — clinical/research app users
   may need this. Disable all animations, keep state changes instant. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .task-tile:hover,
  .task-tile:active,
  .intro-btn:hover,
  .intro-btn:active {
    transform: none !important;
  }
}

</style>
</head>
<body>

<!-- ═══════════════════════════════ SIDEBAR ═══════════════════════════ -->
<div class="sidebar">
  <div class="sidebar-title">SR · COGNOS</div>
  <a href="index.html" style="display:block;font-family:'Source Code Pro',monospace;font-size:0.6rem;color:rgba(184,134,11,0.6);text-decoration:none;letter-spacing:0.1em;margin-bottom:0.5rem;" title="Return to Sands Research home page">← Home</a>
  <div class="info-row" title="Current task name">TASK <span id="si-task">—</span></div>
  <div class="info-row" title="Current trial number / total trials">TRIAL <span id="si-trial">—</span></div>
  <div class="info-row" title="Response accuracy — correct responses / total responded">ACC <span id="si-acc">—</span></div>
  <div class="info-row" title="Average reaction time in milliseconds (responded trials only)">AVG RT <span id="si-rt">—</span></div>
  <div class="info-row" title="Hit count — correct detections of Go / target stimuli">HITS <span id="si-hits">—</span></div>
  <div class="info-row" title="False alarm count — responses to No-Go / non-target stimuli">FA <span id="si-fa">—</span></div>
  <div class="info-row" id="si-valid-row" style="display:none" title="Mean RT on validly cued trials (Posner)">VALID RT <span id="si-valid">—</span></div>
  <div class="info-row" id="si-invalid-row" style="display:none" title="Mean RT on invalidly cued trials (Posner) — slower than valid reveals attentional cost">INVALID RT <span id="si-invalid">—</span></div>
  <div class="info-row" id="si-neutral-row" style="display:none" title="Mean RT on neutral (uncued) trials (Posner)">NEUTRAL RT <span id="si-neutral">—</span></div>
  <hr class="sep">
  <div class="input-panel">
    <div class="sp-label">INPUT MODE</div>
    <div class="input-mode-row">
      <button class="imode-btn active" id="im-keyboard" onclick="setInputMode('keyboard')" title="Respond using keyboard keys (F / J / SPACE)">KEYBOARD</button>
      <button class="imode-btn" id="im-mouse" onclick="setInputMode('mouse')" title="Respond using left / right mouse button">MOUSE</button>
      <button class="imode-btn" id="im-voice" onclick="setInputMode('voice')" title="Respond by speaking — requires microphone access">VOICE</button>
    </div>
    <div class="mouse-indicator" id="mouseIndicator" style="display:none">
      <div class="mouse-btn-icon" id="mbi-left">L</div>
      <div class="mouse-btn-icon" id="mbi-right">R</div>
      <span style="font-size:0.75rem;color:var(--dim)">L=yes/go &nbsp; R=no/nogo</span>
    </div>
  </div>
  <div style="display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--dim);">
    <label class="toggle-switch" title="Adaptive inter-trial interval — automatically shortens ISI after fast trials and lengthens it after slow trials to stabilise response pressure">
      <input type="checkbox" id="adaptiveToggle" checked onchange="ADAPT.enabled=this.checked;adaptUpdateBadge()">
      <div class="toggle-track"></div><div class="toggle-thumb"></div>
    </label>
    <span title="Adaptive inter-trial interval — automatically shortens ISI after fast trials and lengthens it after slow trials to stabilise response pressure">Adaptive ITI</span>
  </div>
  <div class="speech-panel">
    <div class="sp-label">SPEECH MODULE</div>
    <div class="sp-row">
      <button class="mic-btn" id="micBtn" title="Toggle microphone on / off for voice response mode" onclick="toggleMic()">🎙</button>
      <span class="speech-status" id="speechStatus">off</span>
      <div class="vol-bar">
        <span id="vb0" style="height:4px"></span><span id="vb1" style="height:4px"></span>
        <span id="vb2" style="height:4px"></span><span id="vb3" style="height:4px"></span>
        <span id="vb4" style="height:4px"></span>
      </div>
    </div>
    <div class="transcript-box" id="transcriptBox" title="Last recognised speech — shown here for confirmation">—</div>
    <div class="sp-toggle-row">
      <label class="toggle-switch" title="Text-to-speech readback — reads each stimulus aloud; useful for voice-only sessions">
        <input type="checkbox" id="ttsToggle" onchange="Speech.ttsOn=this.checked">
        <div class="toggle-track"></div><div class="toggle-thumb"></div>
      </label>
      <span style="font-size:0.78rem;color:var(--dim)" title="Text-to-speech readback — reads each stimulus aloud; useful for voice-only sessions">TTS readback</span>
    </div>
    <div style="font-size:0.75rem;color:var(--dim);line-height:1.6">say: <span style="color:#4a6a8a">go · yes · no · match · same · different · [recall: speak words freely]</span></div>
  </div>
  <hr class="sep">
  <div class="sidebar-title" style="font-size:0.6rem;margin-bottom:4px;">SESSION</div>
  <div class="info-row" title="Tasks completed this session">DONE <span id="si-session-count">0</span></div>
  <div class="info-row" title="Last completed task score">LAST <span id="si-session-last">—</span></div>
  <hr class="sep">
  <button class="sidebar-btn" id="exportBtn" onclick="exportCSV()" disabled title="Download the current task's trial-by-trial data as a CSV file">⬇ EXPORT CSV</button>
  <button class="sidebar-btn" onclick="resetAll()" title="Stop the current task and return to the task selection home screen">↩ RESET</button>
  <hr class="sep">
  <div class="tp-section">
    <div class="tp-section-title" title="Photocell trigger — a white square flashes on stimulus onset so an external photocell can send a precise hardware trigger to your EEG amplifier">⬡ Photocell Trigger</div>
    <div class="tp-row">
      <span class="tp-label">ENABLE</span>
      <button class="tp-toggle active" id="trigger-enable-btn" onclick="triggerToggle()" title="Enable / disable the photocell trigger square">ON</button>
    </div>
    <div class="tp-row">
      <span class="tp-label" title="Physical size of the trigger square in pixels">SIZE</span>
      <input type="range" id="trigger-size" min="20" max="120" value="60" oninput="triggerResize(this.value)" title="Drag to resize the photocell trigger square (20–120 px)">
      <span class="tp-val" id="trigger-size-val">60</span>
    </div>
    <div class="tp-row">
      <span class="tp-label" title="Duration the trigger square stays white on each stimulus onset">DUR ms</span>
      <input type="range" id="trigger-dur" min="16" max="200" value="50" oninput="triggerDurChange(this.value)" title="Drag to set trigger flash duration in milliseconds (16–200 ms)">
      <span class="tp-val" id="trigger-dur-val">50</span>
    </div>
    <div class="tp-row">
      <button class="tp-toggle" onclick="triggerTest()" style="width:100%;text-align:center;margin-top:2px;" title="Fire a single test flash — place your photocell on the square and verify the signal in your amplifier software">▶ TEST FLASH</button>
    </div>
    <div class="tp-flash-note">Flashes on stimulus onset.<br>Place photocell on square.</div>
  </div>
  <hr class="sep">
  <div class="log-area" id="logArea" title="Live trial log — green = correct, red = error, T/O = timeout"></div>
</div>

<!-- ═══════════════════════════════ MAIN ═══════════════════════════════ -->
<div class="main" id="mainArea">

  <!-- PHOTOCELL TRIGGER SQUARE -->
  <div id="trigger-bar"></div>


  <!-- HOME -->
  <div id="home">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:516px;">
      <div>
        <div class="home-title">COGNOS GRID</div>
        <div class="home-sub" style="margin-top:6px">COGNITIVE TASK BATTERY · R12</div>
      </div>
      <div style="display:flex;gap:6px;align-items:center;margin-top:6px;">
        <button onclick="setLang('en')" id="btn-lang-en" title="Switch interface language to English" style="background:none;border:1px solid var(--gold);color:var(--gold);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;">EN</button>
        <button onclick="setLang('es')" id="btn-lang-es" title="Switch interface language to Spanish / Español" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">ES</button>
        <button onclick="setLang('fr')" id="btn-lang-fr" title="Switch interface language to French / Français" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">FR</button>
        <button onclick="setLang('de')" id="btn-lang-de" title="Switch interface language to German / Deutsch" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">DE</button>
        <button onclick="setLang('zh')" id="btn-lang-zh" title="Switch interface language to Chinese / 中文" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">中文</button>
        <button onclick="setLang('ja')" id="btn-lang-ja" title="Switch interface language to Japanese / 日本語" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">日本語</button>
        <button onclick="setLang('pt')" id="btn-lang-pt" title="Switch interface language to Portuguese / Português" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:'Source Code Pro',monospace;font-size:0.8rem;letter-spacing:0.1em;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">PT</button>
        <button onclick="setLang('he')" id="btn-lang-he" title="Switch interface language to Hebrew / עברית" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:serif;font-size:0.8rem;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">עב</button>
        <button onclick="setLang('ar')" id="btn-lang-ar" title="Switch interface language to Arabic / العربية" style="background:none;border:1px solid #2a4060;color:var(--dim);font-family:serif;font-size:0.8rem;padding:4px 10px;cursor:pointer;border-radius:2px;opacity:0.6;">عر</button>
      </div>
    </div>
    <!-- ── ERP PARADIGMS (featured first) ── -->
    <div class="grid-section-label" style="margin-top:0;border-color:rgba(212,180,86,0.55);background:rgba(212,180,86,0.045);padding:6px 8px;border-left:2px solid var(--gold);" data-en="ERP PARADIGMS" data-en-sub="live brain-wave elicitation · run in your browser" data-es="PARADIGMAS ERP" data-es-sub="potenciales evocados · electrofisiología" data-fr="PARADIGMES ERP" data-fr-sub="potentiels évoqués · électrophysiologie" data-de="ERP-PARADIGMEN" data-de-sub="ereigniskorrelierte Potenziale · Elektrophysiologie" data-zh="ERP范式" data-zh-sub="事件相关电位 · 电生理学" data-ja="ERPパラダイム" data-ja-sub="事象関連電位 · 電気生理学" data-pt="PARADIGMAS ERP" data-pt-sub="potenciais evocados · eletrofisiologia" data-he="פרדיגמות ERP" data-he-sub="עוררות גלי מוח חיים · הפעל בדפדפן" data-ar="نماذج ERP" data-ar-sub="استحضار موجات دماغية حية · يعمل في متصفحك">ERP PARADIGMS<span>live brain-wave elicitation · run in your browser</span></div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">AUDITORY ERPs<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">obligatory · mismatch · language</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="P300" onclick="showIntro('P300')" style="border-color:rgba(212,180,86,0.35);" title="Auditory P300 — odd-ball tone detection; positive peak ~300–500 ms at Pz, largest for rare targets"><span class="task-icon">♪</span>AUDITORY P300</div>
      <div class="task-tile" data-task="MMN" onclick="showIntro('MMN')" style="border-color:rgba(212,180,86,0.35);" title="Mismatch Negativity (tones) — passive auditory oddball; pre-attentive negative deflection 100–250 ms post-deviant"><span class="task-icon">♫</span>MMN</div>
      <div class="task-tile" data-task="ORN" onclick="showIntro('ORN')" title="Object-Related Negativity — fronto-central negativity ~150–250ms to a simultaneous two-tone complex that segregates into two auditory objects; reflects auditory scene analysis and object formation"><span class="task-icon">ORN</span>ORN</div>
      <div class="task-tile" data-task="MMNSP" onclick="showIntro('MMNSP')" style="border-color:rgba(212,180,86,0.35);" title="MMN Speech — passive phoneme contrast (/ba/ standard vs /pa/ deviant); pre-attentive speech MMN used in dyslexia and language development research"><span class="task-icon">🗣</span>MMN SPEECH</div>
      <div class="task-tile" data-task="N400" onclick="showIntro('N400')" style="border-color:rgba(212,180,86,0.35);" title="N400 Semantic Priming — sentence final-word congruency; negative peak ~400 ms for semantic violations"><span class="task-icon">N₄</span>N400</div>
      <div class="task-tile" data-task="PMN" onclick="showIntro('PMN')" title="Phonological Mismatch Negativity — early left-anterior negativity ~270ms to phonological mismatch in spoken words; distinct from semantic N400; reflects phoneme-level lexical access"><span class="task-icon">PMN</span>PMN</div>
      <div class="task-tile" data-task="P600" onclick="showIntro('P600')" style="border-color:rgba(212,180,86,0.35);" title="P600 Syntactic — grammatical violation detection; late positive 500–800 ms, distinct from N400"><span class="task-icon">P₆</span>P600</div>
      <div class="task-tile" data-task="ELAN" onclick="showIntro('ELAN')" style="border-color:rgba(212,180,86,0.35);" title="ELAN — Early Left Anterior Negativity; ultra-early syntactic violation detection 100–200 ms, left anterior scalp, preceding the P600"><span class="task-icon">E</span>ELAN</div>
      <div class="task-tile" data-task="LAN" onclick="showIntro('LAN')" title="Left Anterior Negativity — morphosyntactic violation response ~300–500ms; left-lateralised; dissociates syntactic from semantic processing; distinct from N400; grammar-specific"><span class="task-icon">LAN</span>LAN</div>
      <div class="task-tile" data-task="CPS" onclick="showIntro('CPS')" title="Closure Positive Shift — bilateral positivity at prosodic phrase boundaries in speech; ~200–500ms; reflects intonation phrase parsing; distinct from syntactic and semantic processing"><span class="task-icon">CPS</span>CPS</div>
      <div class="task-tile" data-task="ASSR" onclick="showIntro('ASSR')" style="border-color:rgba(212,180,86,0.35);" title="Auditory Steady-State Response — 40Hz AM tone; brain locks to 40Hz gamma; disrupted in schizophrenia"><span class="task-icon">∿</span>ASSR 40Hz</div>
      <div class="task-tile" data-task="ABR" onclick="showIntro('ABR')" style="border-color:rgba(212,180,86,0.35);" title="Auditory Brainstem Response — click-evoked far-field potentials; waves I–V reflect successive auditory brainstem nuclei; wave V latency is the clinical gold standard for hearing threshold and auditory neuropathy"><span class="task-icon">V</span>ABR</div>
      <div class="task-tile" data-task="N1P2" onclick="showIntro('N1P2')" title="N1-P2 Auditory Evoked Potential — vertex negativity at ~100ms and positivity at ~200ms to tone onset; amplitude modulated by attention, habituation, and arousal; foundational cortical auditory response"><span class="task-icon">N1P2</span>N1-P2</div>
      <div class="task-tile" data-task="RON" onclick="showIntro('RON')" title="Reorienting Negativity — fronto-central negativity ~400–600ms following an unexpected deviant that captures attention; reflects reorientation of attention back to the attended channel after distraction by a novel sound"><span class="task-icon">RON</span>RON</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">VISUAL ERPs<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">spatial attention · face · object</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="P1N1" onclick="showIntro('P1N1')" style="border-color:rgba(212,180,86,0.35);" title="P1/N1 Spatial Attention — bilateral flash with cued spatial attention; P1 enhanced ~100ms over contralateral occipital scalp at attended location; N1 enhanced ~160ms; canonical covert spatial attention ERP (Hillyard et al., 1973)"><span class="task-icon">P₁N₁</span>P1/N1 SPATIAL</div>
      <div class="task-tile" data-task="N170" onclick="showIntro('N170')" style="border-color:rgba(212,180,86,0.35);" title="N170 Face/Object — occipito-temporal negative component ~170 ms; larger for faces than objects, larger/later for inverted faces (configural processing)"><span class="task-icon">👁</span>N170 FACE</div>
      <div class="task-tile" data-task="VPP" onclick="showIntro('VPP')" title="Vertex Positive Potential — positive counterpart of N170 at midline vertex (Cz); peaks ~170ms to faces; face-specific; reflects same fusiform source as N170 seen at opposite polarity at Cz"><span class="task-icon">VPP</span>VPP</div>
      <div class="task-tile" data-task="N2PC" onclick="showIntro('N2PC')" style="border-color:rgba(212,180,86,0.35);" title="N2pc — bilateral visual search; contralateral posterior negativity ~220–300 ms (PO7/PO8) marks covert attentional capture by the target"><span class="task-icon">◎</span>N2pc</div>
      <div class="task-tile" data-task="N2B" onclick="showIntro('N2B')" title="N2b — target-elicited fronto-central negativity ~200–300ms; attention and stimulus categorisation; dissociates from N2pc (spatial) and N200 (inhibition); reflects mismatch between stimulus and target template"><span class="task-icon">N2b</span>N2b</div>
      <div class="task-tile" data-task="PD" onclick="showIntro('PD')" title="Pd (Distractor Positivity) — contralateral positivity ~200–300ms to actively suppressed salient distractors; complement to N2pc; reflects top-down suppression of attention capture"><span class="task-icon">Pd</span>Pd</div>
      <div class="task-tile" data-task="N300" onclick="showIntro('N300')" style="border-color:rgba(212,180,86,0.35);" title="N300 Object Priming — emoji prime → target; central-occipital negativity ~300 ms smaller for categorically congruent pairs"><span class="task-icon">N₃</span>N300</div>
      <div class="task-tile" data-task="PVEP" onclick="showIntro('PVEP')" style="border-color:rgba(212,180,86,0.35);" title="Visual P100 (PVEP) — pattern-onset VEP; P100 latency used in MS diagnosis; passive checkerboard flash, no response needed"><span class="task-icon">P₁</span>VISUAL P100</div>
      <div class="task-tile" data-task="CSR" onclick="showIntro('CSR')" style="border-color:rgba(212,180,86,0.35);" title="Contrast Reversal — checkerboard reversal with rare target orientations; elicits visual P300 and N2"><span class="task-icon">▨</span>CONTRAST REV.</div>
      <div class="task-tile" data-task="SSVEP" onclick="showIntro('SSVEP')" style="border-color:rgba(212,180,86,0.35);" title="SSVEP — Steady-State Visual Evoked Potential; flickering patches at 10 Hz (left) and 15 Hz (right) produce sharp spectral peaks in occipital EEG at exactly those frequencies"><span class="task-icon">~</span>SSVEP</div>
      <div class="task-tile" data-task="ERAN" onclick="showIntro('ERAN')" title="ERAN — Early Right Anterior Negativity; music-syntactic violation ~150–200ms; right-lateralised; chord irregularity detection; analogous to ELAN for language syntax; sensitive to musical training"><span class="task-icon">♭ERAN</span>ERAN</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">MOTOR & PREPARATION<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">readiness · lateralisation · anticipation</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="BP" onclick="showIntro('BP')" style="border-color:rgba(212,180,86,0.35);" title="Bereitschaftspotential (Readiness Potential) — self-paced voluntary keypresses; slow negative ramp over Cz beginning ~1500 ms before movement. Libet free-will paradigm."><span class="task-icon">↑</span>BEREITSCHAFT</div>
      <div class="task-tile" data-task="LRP" onclick="showIntro('LRP')" style="border-color:rgba(212,180,86,0.35);" title="Lateralized Readiness Potential — left/right arrow task; contralateral motor cortex negativity ~300–500 ms indexes hand-specific motor preparation"><span class="task-icon">⇌</span>LRP</div>
      <div class="task-tile" data-task="LRPEXT" onclick="showIntro('LRPEXT')" style="border-color:rgba(212,180,86,0.35);" title="LRP Extended — incompatible S-R mapping; respond with hand opposite to stimulus side; LRP reversal indexes response selection conflict and motor preparation duration; extends standard LRP with compatibility manipulation"><span class="task-icon">⟵⟶±</span>LRP EXTENDED</div>
      <div class="task-tile" data-task="RRN" onclick="showIntro('RRN')" title="Readiness-Related Negativity — slow pre-movement potential in choice RT tasks; includes early bilateral BP and lateralised LRP; reflects motor preparation and response selection in conditions of choice uncertainty"><span class="task-icon">RRN</span>RRN</div>
      <div class="task-tile" data-task="CNV" onclick="showIntro('CNV')" style="border-color:rgba(212,180,86,0.35);" title="Contingent Negative Variation — S1 warning → S2 imperative; slow negative ramp during foreperiod reflects motor preparation and temporal expectancy"><span class="task-icon">〜</span>CNV</div>
      <div class="task-tile" data-task="CNVW" onclick="showIntro('CNVW')" style="border-color:rgba(212,180,86,0.35);" title="CNV Warning Signal — S1 warning tone precedes S2 imperative stimulus by 1000ms; slow negative CNV builds between them over frontal scalp; amplitude reflects motor preparation and temporal expectancy; distinct from Bereitschaftspotential"><span class="task-icon">〜W</span>CNV WARNING</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">EXECUTIVE & INHIBITORY<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">conflict · error · inhibition</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="ERN" onclick="showIntro('ERN')" style="border-color:rgba(212,180,86,0.35);" title="Error-Related Negativity — fast forced-choice arrow task; frontocentral negative deflection ~0–100 ms after errors"><span class="task-icon">✗</span>ERN</div>
      <div class="task-tile" data-task="PE" onclick="showIntro('PE')" title="Pe — Error Positivity; centroparietal positivity ~200–400ms after ERN; reflects conscious awareness of an error; dissociates from ERN in anosognosia; mediated by anterior cingulate and insular cortex"><span class="task-icon">Pe</span>Pe</div>
      <div class="task-tile" data-task="N200" onclick="showIntro('N200')" style="border-color:rgba(212,180,86,0.35);" title="N200 / NoGo N2 — two-choice Go/No-Go; frontocentral negative peak ~200 ms selectively larger for inhibited No-Go responses"><span class="task-icon">N₂</span>N200 / NoGo</div>
      <div class="task-tile" data-task="MFN" onclick="showIntro('MFN')" title="Medial Frontal Negativity — fronto-central negativity ~200–350ms to response conflict and prediction mismatch in non-motor contexts; related to N2 family; sensitive to incongruency and expectation violation"><span class="task-icon">MFN</span>MFN</div>
      <div class="task-tile" data-task="P3A" onclick="showIntro('P3A')" style="border-color:rgba(212,180,86,0.35);" title="Novelty P300 / P3a — three-stimulus oddball; dissociates P3a (frontal novelty) from P3b (parietal target detection)"><span class="task-icon">P₃ₐ</span>P3a NOVELTY</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">REWARD & SLOW WAVES<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">reinforcement · SCP · oscillations</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="REWP" onclick="showIntro('REWP')" style="border-color:rgba(212,180,86,0.35);" title="Reward Positivity (RewP/FRN) — feedback-locked ERP ~250ms; win elicits positivity, loss negativity; orbitofrontal source; used in depression, addiction, and decision-making research"><span class="task-icon">±</span>RewP / FRN</div>
      <div class="task-tile" data-task="LPC" onclick="showIntro('LPC')" title="Late Positive Component — parietal positivity 500–800ms during episodic recognition; reflects recollection; dissociates from familiarity (FN400); large for high-confidence remembered items"><span class="task-icon">LPC</span>LPC</div>
      <div class="task-tile" data-task="FRN" onclick="showIntro('FRN')" title="Feedback-Related Negativity — fronto-central negativity ~200–300ms after negative outcomes; reward prediction error signal; distinct from ERN which follows one's own errors; sensitive to depression and substance use"><span class="task-icon">FRN</span>FRN</div>
      <div class="task-tile" data-task="SCP" onclick="showIntro('SCP')" style="border-color:rgba(212,180,86,0.35);" title="Slow Cortical Potentials — sustained DC shifts during cognitive load; used in neurofeedback and BCI"><span class="task-icon">⌇</span>SCP</div>
      <div class="task-tile" data-task="CDA" onclick="showIntro('CDA')" title="Contralateral Delay Activity — sustained negativity during visual working memory maintenance; contralateral to memorised items; capacity ~3–4 items; individual differences in WM capacity"><span class="task-icon">CDA</span>CDA</div>
      <div class="task-tile" data-task="THALPHA" onclick="showIntro('THALPHA')" style="border-color:rgba(212,180,86,0.35);" title="Theta/Alpha Oscillations — eyes-open vs eyes-closed blocks; occipital alpha (8–13Hz) suppresses during eyes-open; frontal theta (4–8Hz) indexes working memory load; standard clinical EEG baseline"><span class="task-icon">∿α</span>THETA/ALPHA</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">SENSORY GATING & BASELINE<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">pre-attentive · clinical baseline</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="P50" onclick="showIntro('P50')" style="border-color:rgba(212,180,86,0.35);" title="P50 Sensory Gating — paired clicks; S2/S1 ratio indexes pre-attentive sensory suppression; schizophrenia biomarker"><span class="task-icon">P₅</span>P50 GATING</div>
      <div class="task-tile" data-task="N100" onclick="showIntro('N100')" style="border-color:rgba(212,180,86,0.35);" title="Auditory N100/P200 — click train AEP; foundational clinical component; N100 latency indexes auditory cortex processing speed"><span class="task-icon">N₁</span>N100 / P200</div>
      <div class="task-tile" data-task="LDAEP" onclick="showIntro('LDAEP')" title="Loudness Dependence of Auditory Evoked Potential — N1/P2 amplitude slopes with intensity; inverse index of serotonin activity; high LDAEP = low serotonergic tone; used in antidepressant response prediction"><span class="task-icon">LDAEP</span>LDAEP</div>
      <div class="task-tile" data-task="C1" onclick="showIntro('C1')" title="C1 — first cortical visual ERP (~50–90ms); generated in primary visual cortex (V1); polarity inverts for upper vs lower visual field stimulation; attention does not modulate C1; pure feedforward striate response"><span class="task-icon">C1</span>C1</div>
    </div>
    <div class="grid-section-label" style="margin-top:22px;" data-en="SENSORY TESTING" data-en-sub="visual · color · auditory · rhythm" data-es="PRUEBAS SENSORIALES" data-es-sub="visual · color · auditivo · ritmo" data-fr="TESTS SENSORIELS" data-fr-sub="visuel · couleur · auditif · rythme" data-de="SENSORISCHE TESTS" data-de-sub="visuell · Farbe · auditiv · Rhythmus" data-zh="感官测试" data-zh-sub="视觉 · 色觉 · 听觉 · 节奏" data-ja="感覚検査" data-ja-sub="視覚 · 色覚 · 聴覚 · リズム" data-pt="TESTES SENSORIAIS" data-pt-sub="visual · cor · auditivo · ritmo" data-he="בדיקות חישה" data-he-sub="ראייה · צבע · שמיעה · קצב" data-ar="الفحوصات الحسية" data-ar-sub="بصري · ألوان · سمعي · إيقاع">SENSORY TESTING<span>visual · color · auditory · rhythm</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="SNELLEN" onclick="showIntro('SNELLEN')" style="border-color:rgba(212,180,86,0.35);" title="Visual Acuity — Snellen chart screening; calibrated to viewing distance and display PPI; reports acuity in 20/x notation"><span class="task-icon">E</span>VISUAL ACUITY</div>
      <div class="task-tile" data-task="ISHIHARA" onclick="showIntro('ISHIHARA')" style="border-color:rgba(212,180,86,0.35);" title="Color Vision — Ishihara-style plates; numerals embedded in dichromatic-confusion-line color dots; red-green and blue-yellow screening"><span class="task-icon">⬢</span>COLOR VISION</div>
      <div class="task-tile" data-task="SEASHORE" onclick="showIntro('SEASHORE')" style="border-color:rgba(212,180,86,0.35);" title="Seashore Rhythm Test — pairs of rhythmic patterns; same/different judgement; auditory attention and non-verbal rhythm discrimination"><span class="task-icon">♪</span>SEASHORE RHYTHM</div>
      <div class="task-tile" data-task="AUDIOM" onclick="showIntro('AUDIOM')" style="border-color:rgba(212,180,86,0.35);" title="Auditory Threshold — Hughson-Westlake pure-tone screening across 250 Hz to 8 kHz; produces relative audiogram; uncalibrated browser SPL"><span class="task-icon">Ω</span>AUDIO THRESHOLD</div>
    </div>
    <div class="grid-section-label" style="margin-top:22px;" data-en="NEUROPSYCHOLOGY" data-en-sub="attention · memory · executive · motor" data-es="NEUROPSICOLOGÍA" data-es-sub="atención · memoria · función ejecutiva · motor" data-fr="NEUROPSYCHOLOGIE" data-fr-sub="attention · mémoire · fonctions exécutives · moteur" data-de="NEUROPSYCHOLOGIE" data-de-sub="Aufmerksamkeit · Gedächtnis · Exekutivfunktionen · Motor" data-zh="神经心理" data-zh-sub="注意 · 记忆 · 执行功能 · 运动" data-ja="神経心理" data-ja-sub="注意 · 記憶 · 実行機能 · 運動" data-pt="NEUROPSICOLOGIA" data-pt-sub="atenção · memória · funções executivas · motor" data-he="נוירופסיכולוגיה" data-he-sub="קשב · זיכרון · ביצועי · מוטורי" data-ar="النفس العصبي" data-ar-sub="الانتباه · الذاكرة · التنفيذي · الحركي">NEUROPSYCHOLOGY<span>attention · memory · executive · motor</span></div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">ATTENTION & VIGILANCE<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">attention · vigilance · sustained performance</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="GNG" onclick="showIntro('GNG')" title="Go/No-Go — response inhibition; respond to Go stimuli, withhold to No-Go. Measures prepotent response suppression."><span class="task-icon">●</span>GO / NO-GO</div>
      <div class="task-tile" data-task="CPT" onclick="showIntro('CPT')" title="Continuous Performance Test (CPT-AX) — sustained attention/vigilance; X after A is the target; detects ADHD and TBI fatigue effects over time"><span class="task-icon">◉</span>CPT</div>
      <div class="task-tile" data-task="SPATIAL" onclick="showIntro('SPATIAL')" title="Spatial Attention — click the highlighted cell in a 3×3 grid as fast as possible. Measures visuospatial processing speed and selective attention."><span class="task-icon">⊞</span>SPATIAL</div>
      <div class="task-tile" data-task="POSNER" onclick="showIntro('POSNER')" title="Posner Cueing — endogenous or exogenous spatial cue precedes a target. Valid minus invalid RT = attentional benefit / cost."><span class="task-icon">◁▷</span>POSNER</div>
      <div class="task-tile" data-task="ATTBLINK" onclick="showIntro('ATTBLINK')" title="Attentional Blink — RSVP stream of letters; T2 missed when 200–500ms after T1; temporal window of inattention after resource depletion"><span class="task-icon">◫</span>ATT. BLINK</div>
      <div class="task-tile" data-task="DUALTASK" onclick="showIntro('DUALTASK')" title="Dual Task — simultaneous letter monitoring + spatial tracking; dual-task cost indexes divided attention and central bottleneck"><span class="task-icon">⊕</span>DUAL TASK</div>
      <div class="task-tile" data-task="SART" onclick="showIntro('SART')" title="Sustained Attention to Response Task — respond to every digit except 3; commission rate indexes mindwandering; sensitive to TBI and ADHD"><span class="task-icon">3̸</span>SART</div>
      <div class="task-tile" data-task="UFOV" onclick="showIntro('UFOV')" title="Useful Field of View — central discrimination + peripheral detection; divided attention; driving safety predictor; sensitive to aging and TBI"><span class="task-icon">⊙</span>UFOV</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">WORKING MEMORY<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">capacity · updating · span</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="NBACK" onclick="showIntro('NBACK')" title="N-Back — working memory updating; decide if the current letter matches N trials back. Taxes hold-update-compare in working memory."><span class="task-icon">N</span>N-BACK</div>
      <div class="task-tile" data-task="STB" onclick="showIntro('STB')" title="Sternberg Memory Scanning — letters presented one at a time; probe whether a target was in the set. RT slope across set sizes = memory scanning rate."><span class="task-icon">Ш</span>STERNBERG</div>
      <div class="task-tile" data-task="DST" onclick="showIntro('DST')" title="Digit Span (WAIS-IV) — repeat digit sequences forward then backward. Span length = verbal working memory capacity."><span class="task-icon">🔢</span>DIGIT SPAN</div>
      <div class="task-tile" data-task="SPATWM" onclick="showIntro('SPATWM')" title="Spatial Working Memory — remember locations of highlighted boxes across a delay; distinct from verbal span; Corsi block-tapping analog"><span class="task-icon">⬜</span>SPATIAL WM</div>
      <div class="task-tile" data-task="DIGCAN" onclick="showIntro('DIGCAN')" title="Digit Cancellation — scan a grid of random digits and mark every target digit (e.g. 3 and 7); total correct, omissions, false alarms, and time index sustained attention and processing speed"><span class="task-icon">3̶</span>DIGIT CANCEL</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">EXECUTIVE FUNCTION<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">inhibition · flexibility · planning · conflict</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="WCST" onclick="showIntro('WCST')" title="Wisconsin Card Sorting Test — infer the sorting rule (colour, shape, number) from feedback; rule shifts silently. Measures cognitive flexibility and perseverative errors."><span class="task-icon">♦</span>CARD SORT</div>
      <div class="task-tile" data-task="FLANKER" onclick="showIntro('FLANKER')" title="Eriksen Flanker — respond to the central arrow, ignore flankers. Incongruent minus congruent RT = flanker interference / conflict cost."><span class="task-icon">⟺</span>FLANKER</div>
      <div class="task-tile" data-task="STOP" onclick="showIntro('STOP')" title="Stop Signal Task — respond to arrows; withhold when a beep sounds. Staircase tracks stop-signal delay; SSRT = mean Go RT − final SSD."><span class="task-icon">⛔</span>STOP SIGNAL</div>
      <div class="task-tile" data-task="TASKSWITCH" onclick="showIntro('TASKSWITCH')" title="Task Switching — alternate between two classification rules with a cue; switch cost = slowed RT on switch trials; measures cognitive flexibility"><span class="task-icon">⇄</span>TASK SWITCH</div>
      <div class="task-tile" data-task="STROOP" onclick="showIntro('STROOP')" title="Stroop Color-Word — respond to ink color, ignore the word. Incongruent minus congruent RT = Stroop interference; classic executive control index."><span class="task-icon">🎨</span>STROOP</div>
      <div class="task-tile" data-task="EMOTSTROOP" onclick="showIntro('EMOTSTROOP')" title="Emotional Stroop — name ink color of emotional vs neutral words; affective interference slows RT to emotional words; measures attentional bias"><span class="task-icon">❤</span>EMOT. STROOP</div>
      <div class="task-tile" data-task="TOL" onclick="showIntro('TOL')" title="Tower of London — move coloured discs to match a goal state in the minimum number of moves; measures executive planning, prefrontal inhibition, and problem-solving; sensitive to frontal lobe dysfunction"><span class="task-icon">⬛</span>TOWER OF LONDON</div>
      <div class="task-tile" data-task="MATRIX" onclick="showIntro('MATRIX')" title="Matrix Reasoning — complete the pattern; non-verbal fluid intelligence; culture-fair; sensitive to global cognitive decline"><span class="task-icon">⊞?</span>MATRIX REASONING</div>
      <div class="task-tile" data-task="META" onclick="showIntro('META')" title="Metacognition — confidence ratings on memory decisions; type 2 d-prime; metacognitive efficiency; impaired in schizophrenia and anosognosia"><span class="task-icon">?̲</span>METACOGNITION</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">PROCESSING SPEED<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">psychomotor · scanning · enumeration</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="SYMSEARCH" onclick="showIntro('SYMSEARCH')" title="Symbol Search (WAIS-IV) — scan a row of symbols and decide if either target appears; processing speed index alongside Digit Symbol Coding"><span class="task-icon">Ψ</span>SYMBOL SEARCH</div>
      <div class="task-tile" data-task="DSC" onclick="showIntro('DSC')" title="Digit Symbol Coding (WAIS-IV subtest) — fill in the symbol paired with each digit as fast as possible in 90 s. Classic measure of processing speed."><span class="task-icon">9</span>DIGIT SYMBOL</div>
      <div class="task-tile" data-task="FTT" onclick="showIntro('FTT')" title="Finger Tapping Test (Halstead-Reitan) — dominant hand, non-dominant hand, and alternating tapping. Measures motor speed, regularity, and bimanual coordination."><span class="task-icon">👆</span>FINGER TAP</div>
      <div class="task-tile" data-task="SUBITIZE" onclick="showIntro('SUBITIZE')" title="Subitizing — rapidly enumerate 1–8 dots; flat RT slope 1–4 (subitizing) vs steep slope 4+ (counting); numerosity processing speed"><span class="task-icon">⠿</span>SUBITIZING</div>
      <div class="task-tile" data-task="PASAT" onclick="showIntro('PASAT')" title="Paced Auditory Serial Addition Test — single digits presented at fixed rate; add each new digit to the one immediately before it; measures divided attention, working memory updating, and processing speed; standard in MS and TBI assessment"><span class="task-icon">+</span>PASAT</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">MEMORY<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">verbal learning · recall · prospective</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="RECALL" onclick="showIntro('RECALL')" title="Free Recall — study a word list, distractor arithmetic, then type every word you remember. Records serial position (primacy/recency) effects."><span class="task-icon">≡</span>FREE RECALL</div>
      <div class="task-tile" data-task="RAVLT" onclick="showIntro('RAVLT')" title="Rey Auditory Verbal Learning Test — 15-word list read 5 times; interference list; immediate recall; 20-minute delayed recall; learning curve, primacy/recency, proactive interference, retention — gold standard verbal memory assessment"><span class="task-icon">≡₅</span>RAVLT</div>
      <div class="task-tile" data-task="CVLT" onclick="showIntro('CVLT')" title="California Verbal Learning Test — 16-word shopping list from 4 semantic categories; 5 learning trials; short and long delay free and cued recall; recognition; measures learning curve, semantic clustering, serial position, and retention"><span class="task-icon">🛒</span>CVLT</div>
      <div class="task-tile" data-task="PAL" onclick="showIntro('PAL')" title="Paired Associate Learning — study word-word pairs; cued recall; measures hippocampal associative binding; sensitive to early Alzheimer disease"><span class="task-icon">A↔B</span>PAIRED ASSOC.</div>
      <div class="task-tile" data-task="SRCMEM" onclick="showIntro('SRCMEM')" title="Source Memory — remember not just what but where you learned it; frontal lobe function; dissociates recollection from familiarity"><span class="task-icon">⌖</span>SOURCE MEMORY</div>
      <div class="task-tile" data-task="PROSMEM" onclick="showIntro('PROSMEM')" title="Prospective Memory — remember to press a key when a target appears during an ongoing task; often impaired in TBI and aging"><span class="task-icon">⏰</span>PROSP. MEMORY</div>
      <div class="task-tile" data-task="SEMFLUENCY" onclick="showIntro('SEMFLUENCY')" title="Semantic Fluency — name as many animals/foods/tools as possible in 60s; total and cluster scores index frontal/temporal lobe integrity"><span class="task-icon">🐾</span>SEM. FLUENCY</div>
      <div class="task-tile" data-task="PHONFLUE" onclick="showIntro('PHONFLUE')" title="Phonemic Fluency (FAS) — name as many words as possible beginning with F, then A, then S in 60 seconds each; phonemic fluency indexes frontal lobe integrity and lexical access speed; distinct from semantic fluency"><span class="task-icon">FAS</span>PHON. FLUENCY</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">LANGUAGE & LEXICAL<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">access · naming · decision</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="LEXDEC" onclick="showIntro('LEXDEC')" title="Lexical Decision — word vs non-word as fast as possible; RT varies with word frequency, imageability, and orthographic neighborhood size"><span class="task-icon">Aa</span>LEXICAL DEC.</div>
      <div class="task-tile" data-task="PNT" onclick="showIntro('PNT')" title="Picture Naming — name pictured objects aloud as fast as possible. Scored by speech recognition; measures lexical access and naming speed."><span class="task-icon">🖼</span>PICTURE NAMING</div>
      <div class="task-tile" data-task="BNT" onclick="showIntro('BNT')" title="Boston Naming Test — name line drawings of objects; graded difficulty; sensitive to temporal lobe damage and Alzheimer disease"><span class="task-icon">🖊</span>BOSTON NAMING</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">VISUOSPATIAL<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">orientation · rotation · trails</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="MRT" onclick="showIntro('MRT')" title="Mental Rotation — decide if two 3-D objects are the same shape at different orientations. RT increases with rotation angle (Shepard & Metzler)."><span class="task-icon">⟳</span>MENTAL ROTATION</div>
      <div class="task-tile" data-task="JLO" onclick="showIntro('JLO')" title="Judgment of Line Orientation (JLO, Benton) — match two angled line segments to a reference fan of 11 lines; measures visuospatial perception; right parietal lobe function; sensitive to hemispatial neglect and parietal lesions"><span class="task-icon">/|</span>LINE ORIENT.</div>
      <div class="task-tile" data-task="TMT" onclick="showIntro('TMT')" title="Trail Making Test — Part A: connect numbers in order; Part B: alternate numbers and letters. Part B / Part A ratio indexes executive set-shifting."><span class="task-icon">→</span>TRAIL MAKING</div>
      <div class="task-tile" data-task="VRT" onclick="showIntro('VRT')" title="Visual Recognition — study procedurally-generated patterns, then identify them among foils. Records hit rate, false alarms, and d′ sensitivity."><span class="task-icon">◈</span>VISUAL RECOG</div>
      <div class="task-tile" data-task="TOJ" onclick="showIntro('TOJ')" title="Temporal Order Judgment — which stimulus came first; estimates JND via staircase; sensitive to basal ganglia and cerebellar timing dysfunction"><span class="task-icon">t₁t₂</span>TEMPORAL ORDER</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">SOCIAL COGNITION<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">theory of mind · mentalising</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="RMET" onclick="showIntro('RMET')" title="Reading the Mind in the Eyes (Baron-Cohen) — infer mental state from eye-region photographs; 4-alternative forced choice; measures Theory of Mind / social cognition; impaired in ASD, alexithymia, and frontal lesions"><span class="task-icon">👁</span>MIND IN EYES</div>
      <div class="task-tile" data-task="FER" onclick="showIntro('FER')" title="Facial Emotion Recognition — identify six basic emotions; amygdala-dependent affective processing; impaired in amygdala lesions and depression"><span class="task-icon">😐</span>FACIAL EMOTION</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">DECISION MAKING<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">reward · risk · strategy</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="IGT" onclick="showIntro('IGT')" title="Iowa Gambling Task — choose from four decks; advantageous (C/D) vs disadvantageous (A/B); measures somatic marker / ventromedial PFC function; impaired in addiction, vmPFC lesions, and psychopathy"><span class="task-icon">🃏</span>IOWA GAMBLING</div>
    </div>
    <div style="margin-top:14px;margin-bottom:5px;font-size:0.62rem;font-family:'Source Code Pro',monospace;letter-spacing:0.16em;color:rgba(212,180,86,0.5);border-left:2px solid rgba(212,180,86,0.25);padding-left:8px;">SCREENING<span style="color:rgba(138,180,208,0.35);margin-left:10px;font-size:0.58rem;">cognitive screening · global assessment</span></div>
    <div class="task-select-grid" style="margin-bottom:4px;">
      <div class="task-tile" data-task="MOCA" onclick="showIntro('MOCA')" title="Montreal Cognitive Assessment — 10-minute cognitive screening; visuospatial, naming, memory, attention, language, abstraction, orientation; /30, <26 = impairment"><span class="task-icon">🧠</span>MoCA</div>
      <div class="task-tile" data-task="PHQ9" onclick="showIntro('PHQ9')" title="PHQ-9 Depression — 9 items; 0-27; >=10 moderate depression; standard primary care screen"><span class="task-icon">PHQ</span>PHQ-9</div>
      <div class="task-tile" data-task="GAD7" onclick="showIntro('GAD7')" title="GAD-7 Anxiety — 7 items; 0-21; >=10 moderate anxiety; screens for GAD, panic, social anxiety, PTSD"><span class="task-icon">GAD</span>GAD-7</div>
      <div class="task-tile" data-task="PCL5" onclick="showIntro('PCL5')" title="PCL-5 PTSD Checklist — 20 DSM-5 PTSD symptoms; 0-80; >=33 probable PTSD; standard clinical screen"><span class="task-icon">PCL</span>PCL-5</div>
      <div class="task-tile" data-task="AUDIT" onclick="showIntro('AUDIT')" title="AUDIT Alcohol Use — 10 WHO items; 0-40; >=8 hazardous drinking; >=20 alcohol dependence; global standard"><span class="task-icon">🍺</span>AUDIT</div>
      <div class="task-tile" data-task="ASRS" onclick="showIntro('ASRS')" title="ASRS ADHD Self-Report — 18 DSM items; Part A (6 items) is the validated screen; >=4 on Part A = positive screen for adult ADHD"><span class="task-icon">ADHD</span>ASRS</div>
    </div>
<div class="tools-row">
      <div class="task-tile" onclick="openEditor()" style="border-color:var(--dim);width:120px;" title="Task Editor — configure trial counts, stimulus durations, ISI ranges, and other parameters for each task without touching code"><span class="task-icon" style="font-size:1rem;">⚙</span>TASK EDITOR</div>
      <div class="task-tile" onclick="openMediaPlayer()" style="border-color:rgba(200,168,75,0.2);width:120px;" title="Media Player — play video or audio alongside a task; photocell trigger fires on stimulus onset for synchronised EEG recording"><span class="task-icon" style="font-size:1rem;">▶</span>MEDIA</div>
    </div>
    <div class="trials-input-row">TRIALS<input type="number" id="trialsInput" value="20" min="4" max="120" title="Number of trials for the main task run (4–120). Practice mode uses a fixed shorter count."/></div>
    <button class="sidebar-btn" style="border-color:#2a5040;color:var(--ok);font-size:0.72rem;padding:8px 20px;" onclick="showStats()" title="Session Statistics — view accuracy, mean RT, and trial counts across all tasks completed this session">▦ SESSION STATS</button>
  </div>

  <!-- INTRO SCREEN -->
  <div id="introScreen">
    <div class="intro-wrap">
      <div class="intro-task-name" id="introTaskName">—</div>
      <hr class="intro-divider">
      <canvas id="introAnim" width="520" height="110" style="width:100%;height:110px;display:block;border:1px solid #1a2f44;background:#060d14;border-radius:2px;margin-bottom:0;"></canvas>
      <div class="intro-body" id="introBody"></div>
      <div class="intro-rules" id="introRules"></div>
      <div class="intro-actions">
        <button class="intro-btn primary" id="introPracticeBtn" onclick="startPractice()" title="Run a short practice block (5–10 trials) — results are not recorded. Familiarise yourself with the stimuli and keys before the main task.">▶ PRACTICE (5 trials)</button>
        <button class="intro-btn" onclick="skipToMain()" title="Skip practice and go directly to the full main task — trials are recorded immediately">SKIP PRACTICE →</button>
        <span class="intro-practice-note" id="introPracticeNote"></span>
      </div>
    </div>
  </div>

  <!-- PRACTICE COMPLETE -->
  <div id="practiceComplete">
    <div class="pc-title">PRACTICE COMPLETE</div>
    <div class="pc-stats" id="pcStats"></div>
    <div style="display:flex;gap:12px;">
      <button class="intro-btn primary" onclick="startMain()" title="Begin the full recorded task run using the trial count set in the sidebar">▶ BEGIN MAIN TASK</button>
      <button class="intro-btn" onclick="startPractice()" title="Run another practice block before starting the main task">↩ REPEAT PRACTICE</button>
    </div>
  </div>

  <!-- TASK SCREEN (shared for practice + main) -->
  <div id="taskscreen">
    <div class="practice-banner" id="practiceBanner" style="display:none">PRACTICE MODE — responses not recorded</div>
    <div class="task-header">
      <span class="task-label" id="th-task">GNG</span>
      <span id="th-trial">Trial 1/20</span>
    </div>
    <div class="progress-bar-wrap"><div class="progress-bar" id="progressBar" style="width:0%"></div></div>
    <div class="stim-grid" id="stimGrid"></div>
    <div class="nback-prompt" id="nbackPrompt"></div>
    <div class="controls">
      <button class="ctrl-btn go-btn" onclick="respButton(true)">YES / GO</button>
      <button class="ctrl-btn nogo-btn" onclick="respButton(false)">NO / NOGO</button>
    </div>
    <div class="feedback" id="feedback"></div>
    <div class="rt-chart-wrap" id="rtChartWrap" style="display:none">
      <div class="rt-chart-header">
        RT HISTORY
        <span>AVG <span id="rtChartAvg">—</span> ms</span>
        <span>LAST <span id="rtChartLast">—</span> ms</span>
        <div class="adaptive-badge" id="adaptiveBadge">ADAPTIVE ITI OFF</div>
      </div>
      <canvas id="rtChartCanvas" width="370" height="54"></canvas>
    </div>
    <div class="key-hint" id="keyHint"></div>
  <div class="key-legend" id="main-key-legend"><span class="key-legend-item"><span class="key-cap">F</span> Yes / Go</span><span class="key-legend-sep">·</span><span class="key-legend-item"><span class="key-cap">J</span> No / NoGo</span><span class="key-legend-sep">·</span><span class="key-legend-item"><span class="key-cap">Space</span> Detect</span></div>
  </div>

  <!-- POSNER SCREEN -->
  <div id="posnerScreen">
    <div class="practice-banner" id="posPracticeBanner" style="display:none">PRACTICE MODE — responses not recorded</div>
    <div class="task-header">
      <span class="task-label">POSNER</span>
      <span id="pos-trial">Trial 1/20</span>
      <span id="pos-cue-badge" class="cue-type-badge neutral">—</span>
    </div>
    <div class="progress-bar-wrap"><div class="progress-bar" id="posProgressBar" style="width:0%"></div></div>
    <div class="posner-settings">
      <span>CUE <select id="posnerCueType" title="Endogenous: central arrow cue — voluntary attention shift. Exogenous: peripheral box flash — reflexive automatic capture."><option value="endogenous">ENDOGENOUS</option><option value="exogenous">EXOGENOUS</option></select></span>
      <span>VALIDITY <select id="posnerValidity" title="Percentage of trials where the cue correctly predicts the target side. 50% = no predictive value (exogenous baseline)."><option value="80">80%</option><option value="60">60%</option><option value="50">50%</option></select></span>
      <span>SOA ms <input type="number" id="posnerSOA" value="200" min="50" max="800" style="width:56px" title="Stimulus Onset Asynchrony — time in ms between cue onset and target onset (50–800 ms)"/></span>
    </div>
    <div class="posner-arena">
      <div class="posner-box" id="posBoxL" onclick="posnerDetect()">
        <span id="posTargetL" class="posner-target" style="opacity:0">★</span>
        <span class="posner-cue-label">LEFT</span>
      </div>
      <div class="posner-fixation">
        <span id="posCueArrow" class="posner-arrow" style="opacity:0">→</span>
        <span id="posFixDot" style="font-size:1.4rem;color:var(--dim)">+</span>
      </div>
      <div class="posner-box" id="posBoxR" onclick="posnerDetect()">
        <span id="posTargetR" class="posner-target" style="opacity:0">★</span>
        <span class="posner-cue-label">RIGHT</span>
      </div>
    </div>
    <div class="posner-info">
      <span>LAST RT <span id="pos-rt">—</span></span>
      <span>VALID RT <span id="pos-valid-rt">—</span></span>
      <span>INVALID RT <span id="pos-invalid-rt">—</span></span>
      <span>BENEFIT <span id="pos-benefit">—</span></span>
    </div>
    <div class="controls">
      <button class="ctrl-btn go-btn" onclick="posnerDetect()">DETECTED</button>
    </div>
    <div class="feedback" id="posFeedback"></div>
    <div class="key-hint" id="posKeyHint"></div>
  <div class="key-legend" id="posner-key-legend"><span class="key-legend-item"><span class="key-cap">Space</span> or <span class="key-cap">F</span> Target detected</span><span class="key-legend-sep">·</span><span class="key-legend-item">Click either box to respond</span></div>
  </div>

  <!-- MIC VALIDATION SCREEN -->
  <div id="micValidScreen">
    <div class="micv-wrap">
      <div class="micv-title">MICROPHONE CHECK</div>
      <hr class="micv-divider">

      <!-- Step 1: permission -->
      <div class="micv-step">
        <div class="micv-step-num" id="mvStep1Num">1</div>
        <div class="micv-step-body">
          <div class="micv-step-label">BROWSER PERMISSION</div>
          <div class="micv-step-sub" id="mvStep1Sub">Requesting microphone access…</div>
        </div>
      </div>

      <!-- Step 2: signal level -->
      <div class="micv-step">
        <div class="micv-step-num" id="mvStep2Num">2</div>
        <div class="micv-step-body">
          <div class="micv-step-label">SIGNAL LEVEL</div>
          <div class="micv-step-sub">Speak normally — bars should move when you talk</div>
          <div class="micv-vol-wrap" id="mvVolBars">
            <div class="micv-vol-bar" id="mvvb0" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb1" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb2" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb3" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb4" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb5" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb6" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb7" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb8" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb9" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb10" style="height:4px"></div>
            <div class="micv-vol-bar" id="mvvb11" style="height:4px"></div>
          </div>
          <div class="micv-status" id="mvLevelStatus">waiting for signal…</div>
        </div>
      </div>

      <!-- Step 3: recognition test -->
      <div class="micv-step">
        <div class="micv-step-num" id="mvStep3Num">3</div>
        <div class="micv-step-body">
          <div class="micv-step-label">RECOGNITION TEST</div>
          <div class="micv-step-sub">Say the word shown below clearly</div>
          <div class="micv-prompt-word" id="mvPromptWord">—</div>
          <div class="micv-heard-row" id="mvHeardRow"></div>
          <div class="micv-status" id="mvRecogStatus">waiting…</div>
        </div>
      </div>

      <hr class="micv-divider">
      <div class="micv-status" id="mvOverallStatus"></div>
      <div class="micv-actions">
        <button class="intro-btn primary" id="mvProceedBtn" onclick="mvProceed()" disabled>▶ PROCEED</button>
        <button class="intro-btn" id="mvRetryBtn" onclick="mvRetry()">↩ RETRY</button>
        <button class="intro-btn" onclick="mvSkip()" style="border-color:#1a2f44;color:var(--dim)">SKIP CHECK →</button>
      </div>
    </div>
  </div>

  <!-- FREE RECALL SCREEN -->
  <div id="frScreen">
    <div class="practice-banner" id="frPracticeBanner" style="display:none">PRACTICE MODE — results not recorded</div>

    <!-- STUDY PHASE -->
    <div id="frStudyPhase" style="display:none">
      <div class="fr-study-wrap">
        <div class="fr-phase-label">STUDY PHASE</div>
        <div class="fr-study-counter" id="frStudyCounter">Word 1 of 12</div>
        <div class="fr-study-progress"><div class="fr-study-bar" id="frStudyBar" style="width:0%"></div></div>
        <div class="fr-word-display" id="frWordDisplay">—</div>
      </div>
    </div>

    <!-- DISTRACTOR PHASE -->
    <div id="frDistractorPhase" style="display:none">
      <div class="fr-distractor-wrap">
        <div class="fr-phase-label">DISTRACTOR — mental arithmetic</div>
        <div class="fr-distractor-timer" id="frDistractorTimer">30 s remaining</div>
        <div class="fr-distractor-problem" id="frDistractorProblem">—</div>
        <input class="fr-distractor-input" id="frDistractorInput" type="number" placeholder="?" autocomplete="off" oninput="checkDistractor()"/>
        <div class="fr-distractor-fb" id="frDistractorFb"></div>
        <div style="font-size:0.75rem;color:var(--dim);margin-top:4px">type your answer and press Enter or wait</div>
      </div>
    </div>

    <!-- RECALL PHASE -->
    <div id="frRecallPhase" style="display:none">
      <div class="fr-recall-wrap">
        <div class="fr-phase-label">RECALL PHASE — type every word you remember</div>
        <div class="fr-recall-header">
          <span id="frRecallCount">0 words recalled</span>
          <span class="fr-recall-timer" id="frRecallTimer">90 s</span>
        </div>
        <input class="fr-recall-input" id="frRecallInput" type="text" placeholder="type a word, press Enter" autocomplete="off" autocorrect="on" spellcheck="true" onkeydown="handleRecallKey(event)"/>
        <div class="fr-recall-chips" id="frRecallChips"></div>
        <div style="display:flex;align-items:center;gap:10px;width:100%;margin-top:2px;">
          <div class="fr-recall-hint" style="flex:1">Enter = submit word · any order · fuzzy spelling OK</div>
          <div id="frVoiceStatus" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;flex-shrink:0;display:flex;align-items:center;gap:5px;">
            <span id="frVoiceDot" style="width:6px;height:6px;border-radius:50%;background:#2a4060;display:inline-block"></span>
            <span id="frVoiceLabel">voice off</span>
            <button style="padding:2px 7px;border:1px solid #2a4060;background:none;color:#4a6a8a;font-family:'Source Code Pro';font-size:0.72rem;cursor:pointer;" onclick="frToggleVoiceRecall()">enable</button>
          </div>
        </div>
      </div>
    </div>

    <!-- RESULTS PHASE -->
    <div id="frResultsPhase" style="display:none">
      <div class="fr-results-wrap">
        <div class="fr-results-title">RECALL RESULTS</div>
        <div class="fr-metrics" id="frMetrics"></div>
        <div class="fr-serial-chart">
          <div class="fr-serial-title">SERIAL POSITION CURVE</div>
          <div class="fr-serial-bars" id="frSerialBars"></div>
          <div class="fr-serial-labels" id="frSerialLabels"></div>
        </div>
        <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.08em">STUDY LIST</div>
        <div class="fr-word-list" id="frWordList"></div>
        <div style="display:flex;gap:12px;margin-top:6px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" id="frExportBtn" onclick="exportRecallCSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>
  <div class="key-legend" id="fr-key-legend"><span class="key-legend-item"><span class="key-cap">Enter</span> Submit recalled word</span><span class="key-legend-sep">·</span><span class="key-legend-item">Type freely during recall phase</span></div>
  </div>


  <!-- WCST SCREEN -->
  <div id="wcstScreen">
    <div class="practice-banner" id="wcstPracticeBanner" style="display:none">PRACTICE MODE — results not recorded</div>
    <div class="wcst-header">
      <span class="wcst-label">CARD SORT</span>
      <span id="wcst-trial">Trial 1/64</span>
      <span id="wcst-runs">Runs: 0</span>
      <span id="wcst-persev-count" style="color:var(--gold)">Persev: 0</span>
    </div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="wcstProgressBar" style="width:0%"></div></div>
    <!-- Target cards row -->
    <div style="font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;align-self:center">TARGET CARDS</div>
    <div class="wcst-targets" id="wcstTargets"></div>
    <!-- Stimulus -->
    <div class="wcst-stimulus-wrap">
      <div class="wcst-stim-label">MATCH THIS CARD TO ONE OF THE TARGETS</div>
      <div id="wcstStimulus"></div>
    </div>
    <!-- Feedback -->
    <div class="feedback" id="wcstFeedback"></div>
    <div class="wcst-fb-row">
      <div>CORRECT <span id="wcst-correct">0</span></div>
      <div>ERRORS <span id="wcst-errors">0</span></div>
      <div>CONSEC <span id="wcst-consec">0</span></div>
    </div>
    <div class="wcst-persev-strip" id="wcstPersevStrip"></div>
    <div class="wcst-rule-hint" id="wcstRuleHint">Discover the sorting rule by trial and error</div>
  <div class="key-legend" id="wcst-key-legend"><span class="key-legend-item">Click a card to sort it</span><span class="key-legend-sep">·</span><span class="key-legend-item">No keyboard required</span></div>
  </div>

  <!-- STATS SCREEN -->
  <div id="statsScreen">
    <div class="stats-wrap">
      <div class="stats-title">SESSION STATISTICS</div>
      <hr class="stats-divider">
      <div id="statsContent"></div>
      <div style="display:flex;gap:12px;margin-top:8px;">
        <button class="intro-btn primary" onclick="hideAll();$('home').style.display='flex'">↩ HOME</button>
        <button class="intro-btn" onclick="exportAllCSV()">⬇ EXPORT ALL</button>
      </div>
    </div>
  </div>


  <!-- VISUAL RECOGNITION SCREEN -->
  <div id="vrtScreen" style="display:none">
    <div class="practice-banner" id="vrtPracticeBanner" style="display:none">PRACTICE MODE — results not recorded</div>
    <div class="vrt-header">
      <span class="vrt-label">VISUAL RECOG</span>
      <span id="vrt-trial">—</span>
      <span id="vrt-phase-badge" class="vrt-phase">—</span>
    </div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="vrtProgressBar" style="width:0%"></div></div>

    <!-- STUDY PHASE -->
    <div id="vrtStudyPhase" style="display:none">
      <div class="vrt-study-wrap">
        <div class="vrt-phase study" id="vrtStudyLabel">STUDY — remember these patterns</div>
        <div class="vrt-grid" id="vrtStudyGrid"></div>
        <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.08em" id="vrtStudyTimer"></div>
      </div>
    </div>

    <!-- ISI -->
    <div id="vrtISI" style="display:none">
      <div style="display:flex;flex-direction:column;align-items:center;gap:12px;">
        <div class="vrt-phase isi">RETENTION INTERVAL</div>
        <div class="vrt-countdown">
          <svg viewBox="0 0 48 48" width="48" height="48">
            <circle cx="24" cy="24" r="20" fill="none" stroke="#1a2f44" stroke-width="3"/>
            <circle id="vrtCountdownRing" cx="24" cy="24" r="20" fill="none" stroke="var(--gold)" stroke-width="3"
              stroke-dasharray="125.6" stroke-dashoffset="0" stroke-linecap="round"
              transform="rotate(-90 24 24)" style="transition:stroke-dashoffset 0.25s linear;"/>
          </svg>
          <div class="vrt-countdown-text" id="vrtCountdownText">3</div>
        </div>
      </div>
    </div>

    <!-- TEST PHASE -->
    <div id="vrtTestPhase" style="display:none">
      <div class="vrt-test-wrap">
        <div class="vrt-test-question" id="vrtTestQuestion">Which of these did you see?</div>
        <div class="vrt-test-grid pair" id="vrtTestGrid"></div>
        <div class="feedback" id="vrtFeedback"></div>
        <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.08em">click the pattern you studied</div>
      </div>
    </div>

    <!-- RESULTS -->
    <div id="vrtResultsPhase" style="display:none">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">RECOGNITION RESULTS</div>
        <div class="vrt-metrics" id="vrtMetrics"></div>
        <div class="vrt-results-grid" id="vrtResultsGrid"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="exportVrtCSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>
  <div class="key-legend" id="vrt-key-legend"><span class="key-legend-item"><span class="key-cap">F</span> Yes — probe was in set</span><span class="key-legend-sep">·</span><span class="key-legend-item"><span class="key-cap">J</span> No — probe was not in set</span></div>
  </div>

  <!-- CONTRAST REVERSAL SCREEN -->
  <div id="csrScreen" style="display:none">
    <div class="practice-banner" id="csrPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div style="display:flex;gap:28px;align-items:center;font-size:0.88rem;color:var(--dim);">
      <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CONTRAST REVERSAL</span>
    </div>
    <div class="progress-bar-wrap" style="width:520px"><div class="progress-bar" id="csrProgressBar" style="width:0%"></div></div>
    <div id="csrArena" style="display:none">
      <div class="csr-arena">
        <div class="csr-overlay">
          <span id="csr-trial-ov">—</span>
          <span id="csr-phase-ov" style="color:var(--dim);">—</span>
          <div class="feedback" id="csrFeedback" style="position:static;"></div>
        </div>
        <canvas id="csrCanvas" width="520" height="520" onclick="csrRespond()"></canvas>
        <div class="csr-hint">SPACE = TARGET reversal detected</div>
      </div>
    </div>
    <div id="csrResultsPhase" style="display:none">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">CSR RESULTS</div>
        <div class="vrt-metrics" id="csrMetrics"></div>
        <div class="vrt-results-grid" id="csrResultsGrid"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="exportCsrCSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>
  <div class="key-legend" id="csr-key-legend"><span class="key-legend-item"><span class="key-cap">Space</span> Target reversal detected</span><span class="key-legend-sep">·</span><span class="key-legend-item">Withhold on standard reversals</span></div>
  </div>

  <!-- AUDITORY P300 SCREEN -->
  <div id="p300Screen" style="display:none">
    <div class="practice-banner" id="p300PracticeBanner" style="display:none">PRACTICE MODE</div>
    <div style="display:flex;gap:28px;align-items:center;font-size:0.88rem;color:var(--dim);">
      <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">AUDITORY P300</span>
      <span id="p300-trial">—</span>
      <span id="p300-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
    </div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="p300ProgressBar" style="width:0%"></div></div>
    <div id="p300Arena" style="display:none">
      <div class="p300-arena">
        <div class="p300-freq-row">
          <div>STANDARD <span id="p300-std-freq">—</span> Hz</div>
          <div>ODDBALL <span id="p300-odd-freq">—</span> Hz</div>
          <div>PROB <span id="p300-prob">—</span></div>
        </div>
        <div class="p300-stim-circle isi" id="p300Circle">+</div>
        <div class="p300-hint">SPACE when you hear the rare tone</div>
        <div class="feedback" id="p300Feedback"></div>
      </div>
    </div>
    <div id="p300ResultsPhase" style="display:none">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">P300 RESULTS</div>
        <div class="vrt-metrics" id="p300Metrics"></div>
        <div class="vrt-results-grid" id="p300ResultsGrid"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="exportP300CSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>
  <div class="key-legend" id="p300-key-legend"><span class="key-legend-item"><span class="key-cap">Space</span> Rare tone detected</span><span class="key-legend-sep">·</span><span class="key-legend-item">Withhold on common tones</span></div>
  </div>

  <!-- TASK EDITOR SCREEN -->
  <div id="editorScreen" style="display:none">
    <div class="editor-wrap">
      <div class="editor-title">⚙ TASK EDITOR</div>
      <div class="editor-task-tabs" id="editorTabs"></div>
      <div class="editor-desc" id="editorDesc">Select a task to configure its parameters.</div>
      <div class="editor-fields" id="editorFields"></div>
      <div class="editor-actions">
        <button class="editor-save-btn" onclick="editorSave()">✓ SAVE</button>
        <button class="editor-reset-btn" onclick="editorReset()">↺ RESET DEFAULTS</button>
        <button class="editor-reset-btn" onclick="hideAll();$('home').style.display='flex'">↩ HOME</button>
        <span class="editor-saved-badge" id="editorSavedBadge">Saved</span>
      </div>

    </div>
  </div>


  <!-- STERNBERG SCREEN -->
  <div id="stbScreen" style="display:none">
    <div class="practice-banner" id="stbPracticeBanner" style="display:none">PRACTICE MODE — results not recorded</div>
    <div class="stb-header">
      <span class="stb-label">STERNBERG</span>
      <span id="stb-trial">—</span>
      <span id="stb-phase" class="stb-phase-label">—</span>
    </div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="stbProgressBar" style="width:0%"></div></div>
    <div style="display:flex;gap:8px;align-items:center;font-size:0.78rem;color:var(--dim);letter-spacing:0.08em;" id="stbSetSizeRow">
      SET SIZES &nbsp;
      <label style="display:flex;align-items:center;gap:3px;cursor:pointer;"><input type="checkbox" id="stbSz2" value="2"> 2</label>
      <label style="display:flex;align-items:center;gap:3px;cursor:pointer;"><input type="checkbox" id="stbSz4" value="4" checked> 4</label>
      <label style="display:flex;align-items:center;gap:3px;cursor:pointer;"><input type="checkbox" id="stbSz6" value="6"> 6</label>
      <label style="display:flex;align-items:center;gap:3px;cursor:pointer;"><input type="checkbox" id="stbSz8" value="8"> 8</label>
    </div>

    <!-- STUDY: one letter at a time -->
    <div id="stbStudyPhase" style="display:none">
      <div class="stb-arena">
        <div class="stb-phase-label study" id="stbMemoriseLabel">MEMORIZE</div>
        <div class="stb-letter" id="stbStudyLetter">+</div>
      </div>
    </div>

    <!-- RETENTION ISI -->
    <div id="stbISI" style="display:none">
      <div class="stb-arena">
        <div class="stb-phase-label isi">···</div>
        <div class="stb-letter" style="color:var(--dim);font-size:3rem;line-height:96px;">+</div>
      </div>
    </div>

    <!-- PROBE -->
    <div id="stbProbePhase" style="display:none">
      <div class="stb-arena">
        <div class="stb-phase-label probe">IN THE SET?</div>
        <div class="stb-letter" id="stbProbeLetter" style="color:var(--text);">?</div>
        <div class="stb-resp-row">
          <button class="stb-resp-btn yes" id="stbYesBtn" onclick="stbRespond(true)">YES &nbsp;(F)</button>
          <button class="stb-resp-btn no"  id="stbNoBtn"  onclick="stbRespond(false)">NO &nbsp;(J)</button>
        </div>
        <div class="feedback" id="stbFeedback"></div>
      </div>
    </div>

    <!-- RESULTS -->
    <div id="stbResultsPhase" style="display:none">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">STERNBERG RESULTS</div>
        <div class="vrt-metrics" id="stbMetrics"></div>
        <div style="width:100%;max-width:460px;margin:8px 0 4px 0;">
          <div style="font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:6px;">RT BY SET SIZE</div>
          <canvas id="stbRtChart" width="460" height="140" style="display:block;width:100%;background:#060d14;border:1px solid #1a2f44;"></canvas>
          <div style="font-size:0.72rem;color:var(--dim);letter-spacing:0.06em;margin-top:4px;display:flex;gap:16px;" id="stbChartLegend"></div>
        </div>
        <div class="vrt-results-grid" id="stbResultsGrid"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="exportStbCSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>

    <div class="key-legend">
      <span class="key-legend-item"><span class="key-cap">F</span> Yes — in set</span>
      <span class="key-legend-sep">·</span>
      <span class="key-legend-item"><span class="key-cap">J</span> No — not in set</span>
      <span class="key-legend-sep">·</span>
      <span class="key-legend-item">One letter shown at a time</span>
    </div>
  </div>


    <!-- MEDIA PLAYER -->
  <!-- N400 SCREEN -->
  <div id="n400Screen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="n400PracticeBanner" style="display:none">PRACTICE MODE — results not recorded</div>
    <div class="stb-header">
      <span class="stb-label">N400</span>
      <span id="n400-trial">—</span>
      <span id="n400-phase-lbl" class="stb-phase-label">—</span>
    </div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n400ProgressBar" style="width:0%"></div></div>
    <div id="n400StimPhase" style="display:none;flex-direction:column;align-items:center;gap:0;">
      <div class="stb-arena" style="gap:10px;min-height:160px;">
        <div class="stb-phase-label study" id="n400PhaseLabel">—</div>
        <div id="n400Word" style="min-height:80px;max-width:520px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;">+</div>
        <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.12em;margin-top:4px;" id="n400KeyHint">—</div>
        <div class="stb-resp-row" id="n400RespRow" style="display:none;">
          <button class="stb-resp-btn yes" onclick="n400Respond('FIT')">FITS &nbsp;(F)</button>
          <button class="stb-resp-btn no"  onclick="n400Respond('ODD')">DOESN'T FIT &nbsp;(J)</button>
        </div>
        <div class="feedback" id="n400Feedback"></div>
      </div>
    </div>
    <div id="n400ResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">N400 RESULTS</div>
        <div class="vrt-metrics" id="n400Metrics"></div>
        <div style="width:100%;max-width:460px;margin:8px 0 4px;">
          <div style="font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:6px;">RT BY CONDITION</div>
          <canvas id="n400Chart" width="460" height="140" style="display:block;width:100%;background:#060d14;border:1px solid #1a2f44;"></canvas>
        </div>
        <div id="n400ResultsGrid" style="font-size:0.8rem;max-height:180px;overflow-y:auto;width:100%;max-width:460px;"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="n400ExportCSV()">⬇ EXPORT CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- FLANKER SCREEN -->
  <div id="flankerScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="flankerPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">FLANKER</span><span id="flanker-trial">—</span><span id="flanker-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="flankerProgressBar" style="width:0%"></div></div>
    <div id="flankerStimPhase" style="display:none;flex-direction:column;align-items:center;gap:8px;">
      <div class="stb-arena">
        <div id="flankerStim" style="font-size:2.8rem;letter-spacing:0.18em;color:#e8e0d0;font-family:'Source Code Pro',monospace;min-width:220px;text-align:center;">+</div>
        <div class="stb-resp-row" id="flankerRespRow" style="display:none;">
          <button class="stb-resp-btn yes" onclick="flankerRespond('L')">← LEFT &nbsp;(F)</button>
          <button class="stb-resp-btn no"  onclick="flankerRespond('R')">RIGHT → &nbsp;(J)</button>
        </div>
        <div class="feedback" id="flankerFeedback"></div>
      </div>
    </div>
    <div id="flankerResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">FLANKER RESULTS</div>
        <div class="vrt-metrics" id="flankerMetrics"></div>
        <canvas id="flankerChart" width="460" height="140" style="display:block;width:100%;max-width:460px;background:#060d14;border:1px solid #1a2f44;margin:8px 0;"></canvas>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="flankerExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- STOP SIGNAL SCREEN -->
  <div id="stopScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="stopPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">STOP SIGNAL</span><span id="stop-trial">—</span><span id="stop-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="stopProgressBar" style="width:0%"></div></div>
    <div id="stopStimPhase" style="display:none;flex-direction:column;align-items:center;">
      <div class="stb-arena">
        <div id="stopStim" style="font-size:3.5rem;color:#e8e0d0;font-family:'Source Code Pro',monospace;min-width:120px;text-align:center;">+</div>
        <div id="stopSignalIndicator" style="font-size:0.75rem;letter-spacing:0.15em;color:#e57373;font-family:'Source Code Pro',monospace;min-height:1.4em;margin-top:4px;"></div>
        <div class="stb-resp-row" id="stopRespRow" style="display:none;">
          <button class="stb-resp-btn yes" onclick="stopRespond('L')">← LEFT &nbsp;(F)</button>
          <button class="stb-resp-btn no"  onclick="stopRespond('R')">RIGHT → &nbsp;(J)</button>
        </div>
        <div class="feedback" id="stopFeedback"></div>
      </div>
    </div>
    <div id="stopResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">STOP SIGNAL RESULTS</div>
        <div class="vrt-metrics" id="stopMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="stopExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- MMN SCREEN -->
  <div id="mmnScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="mmnPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">MMN</span><span id="mmn-trial">—</span><span id="mmn-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="mmnProgressBar" style="width:0%"></div></div>
    <div id="mmnStimPhase" style="display:none;flex-direction:column;align-items:center;">
      <div class="stb-arena" style="min-height:180px;">
        <div style="font-size:0.8rem;letter-spacing:0.16em;color:var(--dim);font-family:'Source Code Pro',monospace;">PASSIVE — NO RESPONSE NEEDED</div>
        <div id="mmnToneIndicator" style="width:80px;height:80px;border-radius:50%;border:2px solid #1a2f44;display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-family:'Source Code Pro',monospace;color:var(--dim);transition:all 0.1s;text-align:center;">WAIT</div>
        <div id="mmnFreqLabel" style="font-size:0.78rem;color:var(--dim);font-family:'Source Code Pro',monospace;letter-spacing:0.1em;margin-top:4px;">—</div>
      </div>
    </div>
    <div id="mmnResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">MMN RESULTS</div>
        <div class="vrt-metrics" id="mmnMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="mmnExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- P600 SCREEN -->
  <div id="p600Screen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="p600PracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">P600</span><span id="p600-trial">—</span><span id="p600-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="p600ProgressBar" style="width:0%"></div></div>
    <div id="p600StimPhase" style="display:none;flex-direction:column;align-items:center;">
      <div class="stb-arena" style="min-height:160px;gap:10px;">
        <div class="stb-phase-label study" id="p600PhaseLabel">—</div>
        <div id="p600Word" style="min-height:80px;max-width:540px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;font-size:2.2rem;color:#d4a520;font-family:'EB Garamond',serif;">+</div>
        <div id="p600KeyHint" style="font-size:0.78rem;color:var(--dim);letter-spacing:0.12em;"></div>
        <div class="stb-resp-row" id="p600RespRow" style="display:none;">
          <button class="stb-resp-btn yes" onclick="p600Respond('OK')">CORRECT &nbsp;(F)</button>
          <button class="stb-resp-btn no"  onclick="p600Respond('ERR')">VIOLATION &nbsp;(J)</button>
        </div>
        <div class="feedback" id="p600Feedback"></div>
      </div>
    </div>
    <div id="p600ResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">P600 RESULTS</div>
        <div class="vrt-metrics" id="p600Metrics"></div>
        <canvas id="p600Chart" width="460" height="140" style="display:block;width:100%;max-width:460px;background:#060d14;border:1px solid #1a2f44;margin:8px 0;"></canvas>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="p600ExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- FINGER TAPPING SCREEN -->
  <div id="fttScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="fttPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">FINGER TAPPING</span><span id="ftt-trial">—</span><span id="ftt-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="fttProgressBar" style="width:0%"></div></div>
    <div id="fttStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
      <div class="ftt-subtest-label" id="fttSubLabel">DOMINANT HAND</div>
      <div class="ftt-arena">
        <!-- Unimanual button (dominant / non-dominant) -->
        <div id="fttUniWrap" style="display:none;flex-direction:column;align-items:center;gap:10px;">
          <div class="ftt-counter" id="fttCount">0</div>
          <button class="ftt-tap-btn" id="fttTapBtn" onpointerdown="fttTap(event)">●</button>
          <div class="ftt-timer-ring" id="fttTimerTxt">— s remaining</div>
        </div>
        <!-- Alternating buttons -->
        <div id="fttAltWrap" style="display:none;flex-direction:column;align-items:center;gap:10px;">
          <div class="ftt-counter" id="fttAltCount">0</div>
          <div class="ftt-alt-row">
            <button class="ftt-alt-btn" id="fttBtnL" onpointerdown="fttAltTap('L',event)">◀</button>
            <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;">ALT</div>
            <button class="ftt-alt-btn" id="fttBtnR" onpointerdown="fttAltTap('R',event)">▶</button>
          </div>
          <div class="ftt-timer-ring" id="fttAltTimerTxt">— s remaining</div>
        </div>
      </div>
      <div class="ftt-iti-msg" id="fttItiMsg"></div>
      <div class="feedback" id="fttFeedback"></div>
    </div>
    <div id="fttResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">FINGER TAPPING RESULTS</div>
        <div class="vrt-metrics" id="fttMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="fttExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- CNV SCREEN -->
  <div id="cnvScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="cnvPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">CNV</span><span id="cnv-trial">—</span><span id="cnv-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cnvProgressBar" style="width:0%"></div></div>
    <div id="cnvStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
      <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;" id="cnvInstruct">Press SPACE when the circle turns gold</div>
      <div class="cnv-arena">
        <div class="cnv-circle" id="cnvCircle">+</div>
        <div class="cnv-fp-bar-wrap"><div class="cnv-fp-bar" id="cnvFpBar"></div></div>
      </div>
      <div style="font-size:0.75rem;color:var(--dim);letter-spacing:0.08em;" id="cnvTrialType"></div>
      <div class="feedback" id="cnvFeedback"></div>
    </div>
    <div id="cnvResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">CNV RESULTS</div>
        <div class="vrt-metrics" id="cnvMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="cnvExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- DIGIT SPAN SCREEN -->
  <div id="dstScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="dstPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">DIGIT SPAN</span><span id="dst-trial">—</span><span id="dst-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="dstProgressBar" style="width:0%"></div></div>
    <div id="dstStimPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;">
      <div style="font-size:0.82rem;color:var(--dim);letter-spacing:0.12em;" id="dstSubtestLabel">FORWARD SPAN</div>
      <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;" id="dstInstruct">Watch the digits…</div>
      <!-- digits shown one at a time -->
      <div style="width:220px;height:80px;display:flex;align-items:center;justify-content:center;">
        <div id="dstBigDigit" style="font-size:5rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-width:60px;text-align:center;"></div>
      </div>
      <!-- sequence length tracker dots -->
      <div class="dst-digit-display" id="dstDots"></div>
      <!-- recall entry -->
      <div id="dstRecallWrap" style="display:none;flex-direction:column;align-items:center;gap:10px;">
        <div style="font-size:0.82rem;color:var(--dim);letter-spacing:0.1em;" id="dstRecallInstruct">Enter the sequence:</div>
        <div class="dst-digit-display" id="dstEnteredDigits" style="min-height:40px;min-width:200px;border:1px solid #1a2f44;padding:6px 12px;"></div>
        <div class="dst-numpad">
          <button class="dst-numpad-btn" onclick="dstEntry(1)">1</button>
          <button class="dst-numpad-btn" onclick="dstEntry(2)">2</button>
          <button class="dst-numpad-btn" onclick="dstEntry(3)">3</button>
          <button class="dst-numpad-btn" onclick="dstEntry(4)">4</button>
          <button class="dst-numpad-btn" onclick="dstEntry(5)">5</button>
          <button class="dst-numpad-btn" onclick="dstEntry(6)">6</button>
          <button class="dst-numpad-btn" onclick="dstEntry(7)">7</button>
          <button class="dst-numpad-btn" onclick="dstEntry(8)">8</button>
          <button class="dst-numpad-btn" onclick="dstEntry(9)">9</button>
          <button class="dst-numpad-btn" onclick="dstBackspace()" style="font-size:0.75rem;">⌫</button>
          <button class="dst-numpad-btn" onclick="dstEntry(0)">0</button>
          <button class="dst-numpad-btn" onclick="dstSubmit()" style="border-color:var(--gold);color:var(--gold);font-size:0.88rem;">✓</button>
        </div>
      </div>
      <div class="feedback" id="dstFeedback"></div>
    </div>
    <div id="dstResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">DIGIT SPAN RESULTS</div>
        <div class="vrt-metrics" id="dstMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="dstExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- STROOP SCREEN -->
  <div id="stroopScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="stroopPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">STROOP</span><span id="stroop-trial">—</span><span id="stroop-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="stroopProgressBar" style="width:0%"></div></div>
    <div id="stroopStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
      <div class="stb-arena" style="gap:14px;">
        <div id="stroopFixation" style="font-size:2rem;color:var(--dim);min-height:60px;display:flex;align-items:center;justify-content:center;">+</div>
        <div id="stroopWord" style="font-size:3.2rem;font-family:'EB Garamond',serif;font-weight:600;letter-spacing:0.08em;min-height:80px;min-width:240px;text-align:center;display:none;line-height:1;"></div>
        <div id="stroopTimer" style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;font-family:'Source Code Pro',monospace;min-height:1.2em;"></div>
        <div id="stroopColorBtns" style="display:none;flex-wrap:wrap;gap:8px;justify-content:center;max-width:340px;">
          <button class="stroop-resp-btn" style="border-color:#e05c5c;color:#e05c5c;" onclick="stroopRespond('red')">RED &nbsp;(F)</button>
          <button class="stroop-resp-btn" style="border-color:#4ec994;color:#4ec994;" onclick="stroopRespond('green')">GREEN (G)</button>
          <button class="stroop-resp-btn" style="border-color:#5b9fda;color:#5b9fda;" onclick="stroopRespond('blue')">BLUE &nbsp;(H)</button>
          <button class="stroop-resp-btn" style="border-color:#c8a84b;color:#c8a84b;" onclick="stroopRespond('yellow')">YELLOW (J)</button>
        </div>
        <div class="feedback" id="stroopFeedback"></div>
      </div>
    </div>
    <div id="stroopResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">STROOP RESULTS</div>
        <div class="vrt-metrics" id="stroopMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="stroopExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

  <!-- ERN SCREEN -->
  <div id="ernScreen" style="display:none;flex-direction:column;align-items:center;gap:14px;padding:16px 0;width:100%;">
    <div class="practice-banner" id="ernPracticeBanner" style="display:none">PRACTICE MODE</div>
    <div class="stb-header"><span class="stb-label">ERN</span><span id="ern-trial">—</span><span id="ern-phase" class="stb-phase-label">—</span></div>
    <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ernProgressBar" style="width:0%"></div></div>
    <div id="ernStimPhase" style="display:none;flex-direction:column;align-items:center;">
      <div class="stb-arena">
        <div id="ernStim" style="font-size:3rem;letter-spacing:0.15em;color:#e8e0d0;font-family:'Source Code Pro',monospace;min-width:200px;text-align:center;">+</div>
        <div id="ernTimer" style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;font-family:'Source Code Pro',monospace;min-height:1.2em;"></div>
        <div class="stb-resp-row" id="ernRespRow" style="display:none;">
          <button class="stb-resp-btn yes" onclick="ernRespond('L')">← LEFT &nbsp;(F)</button>
          <button class="stb-resp-btn no"  onclick="ernRespond('R')">RIGHT → &nbsp;(J)</button>
        </div>
        <div class="feedback" id="ernFeedback"></div>
      </div>
    </div>
    <div id="ernResultsPhase" style="display:none;">
      <div class="vrt-results-wrap">
        <div class="vrt-results-title">ERN RESULTS</div>
        <div class="vrt-metrics" id="ernMetrics"></div>
        <div style="display:flex;gap:12px;margin-top:8px;">
          <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
          <button class="intro-btn" onclick="ernExportCSV()">⬇ CSV</button>
        </div>
      </div>
    </div>
  </div>

    <div class="scr" id="scr-media" style="display:none">
      <!-- Drop zone (shown when no file loaded) -->
      <div class="mp-drop" id="mp-drop" onclick="mpPickFile()">
        <div class="mp-drop-icon">▶</div>
        <div class="mp-drop-txt">Drop a video or audio file</div>
        <div class="mp-drop-sub">or click to browse &nbsp;·&nbsp; MP4 · MOV · WEBM · MP3 · WAV · OGG</div>
        <input type="file" id="mp-file-input" accept="video/*,audio/*" onchange="mpLoadFile(this)">
      </div>

      <!-- Player (shown once file loaded) -->
      <div class="mp-main" id="mp-main" style="display:none">
        <div class="mp-video-wrap" id="mp-media-wrap">
          <video id="mp-video" preload="metadata"></video>
          <div id="mp-audio-vis" style="display:none">
            <div class="mp-audio-icon">♪</div>
          </div>
          <div class="mp-audio-title" id="mp-audio-title"></div>
        </div>

        <div class="mp-controls">
          <input type="range" class="mp-seek" id="mp-seek" value="0" min="0" step="0.01" oninput="mpSeek(this.value)">
          <div class="mp-btn-row">
            <button class="mp-btn" onclick="mpSkip(-10)" title="Back 10s">⏮</button>
            <button class="mp-btn big" id="mp-play-btn" onclick="mpTogglePlay()">▶</button>
            <button class="mp-btn" onclick="mpSkip(10)" title="Forward 10s">⏭</button>
            <span class="mp-time" id="mp-time">0:00 / 0:00</span>
            <div class="mp-vol-row">
              <span style="font-size:.7rem;color:rgba(100,160,200,0.4);">🔊</span>
              <input type="range" class="mp-vol" id="mp-vol" min="0" max="1" step="0.01" value="1" oninput="mpSetVol(this.value)">
            </div>
            <span class="mp-fname" id="mp-fname"></span>
            <button class="mp-trig-badge" id="mp-trig-tog" onclick="mpTrigToggle()">⬡ TRIG ON</button>
            <button class="mp-open-btn" title="Open new file">
              ⏏ OPEN
              <input type="file" accept="video/*,audio/*" onchange="mpLoadFile(this)">
            </button>
            <button class="mp-btn" onclick="openMediaPlayer(false)" title="Close player" style="color:rgba(100,160,200,0.4);font-size:.8rem;">✕</button>
          </div>
        </div>
      </div>
    </div>


<!-- ═══════ N200 / NoGo N2 SCREEN ═══════ -->
<div id="n200Screen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="n200PracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N200 / NoGo N2</span>
    <span id="n200-trial">—</span><span id="n200-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n200ProgressBar" style="width:0%"></div></div>
  <div id="n200StimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
    <div id="n200Stim" style="font-size:5rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border:2px solid #1a2f44;border-radius:50%;transition:border-color 0.08s,background 0.08s;"></div>
    <div class="feedback" id="n200Feedback"></div>
    <div class="key-hint">F = GO &nbsp;·&nbsp; J = NO-GO</div>
  </div>
  <div id="n200ResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">N200 RESULTS</div>
      <div class="vrt-metrics" id="n200Metrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="n200ExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ N170 FACE SCREEN ═══════ -->
<div id="n170Screen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="n170PracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N170 FACE/OBJECT</span>
    <span id="n170-trial">—</span><span id="n170-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n170ProgressBar" style="width:0%"></div></div>
  <div id="n170StimPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;">
    <div id="n170Canvas" style="width:240px;height:240px;border:1px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;position:relative;">
      <canvas id="n170Cvs" width="240" height="240"></canvas>
    </div>
    <div id="n170Label" style="font-size:0.8rem;color:var(--dim);letter-spacing:0.15em;min-height:18px;"></div>
    <div class="feedback" id="n170Feedback"></div>
    <div class="key-hint">F = FACE &nbsp;·&nbsp; J = OBJECT</div>
  </div>
  <div id="n170ResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">N170 RESULTS</div>
      <div class="vrt-metrics" id="n170Metrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="n170ExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ LRP SCREEN ═══════ -->
<div id="lrpScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="lrpPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LATERALIZED READINESS</span>
    <span id="lrp-trial">—</span><span id="lrp-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="lrpProgressBar" style="width:0%"></div></div>
  <div id="lrpStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="display:flex;gap:60px;align-items:center;">
      <div id="lrpLeft"  style="width:80px;height:80px;border:2px solid #1a2f44;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:all 0.08s;">←</div>
      <div id="lrpFix"   style="font-size:2rem;color:var(--mid);">+</div>
      <div id="lrpRight" style="width:80px;height:80px;border:2px solid #1a2f44;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:all 0.08s;">→</div>
    </div>
    <div class="feedback" id="lrpFeedback"></div>
    <div class="key-hint">F = Left hand &nbsp;·&nbsp; J = Right hand</div>
  </div>
  <div id="lrpResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">LRP RESULTS</div>
      <div class="vrt-metrics" id="lrpMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="lrpExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ N2pc SCREEN ═══════ -->
<div id="n2pcScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="n2pcPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N2pc VISUAL SEARCH</span>
    <span id="n2pc-trial">—</span><span id="n2pc-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n2pcProgressBar" style="width:0%"></div></div>
  <div id="n2pcStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="n2pcCvs" width="420" height="280" style="border:1px solid #1a2f44;background:#060d14;"></canvas>
    <div class="feedback" id="n2pcFeedback"></div>
    <div class="key-hint">F = Target on LEFT &nbsp;·&nbsp; J = Target on RIGHT</div>
  </div>
  <div id="n2pcResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">N2pc RESULTS</div>
      <div class="vrt-metrics" id="n2pcMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="n2pcExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ N300 SCREEN ═══════ -->
<div id="n300Screen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="n300PracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N300 OBJECT PRIMING</span>
    <span id="n300-trial">—</span><span id="n300-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n300ProgressBar" style="width:0%"></div></div>
  <div id="n300StimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="display:flex;gap:40px;align-items:center;justify-content:center;">
      <div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.1em;">PRIME</div>
        <div id="n300Prime" style="font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #1a2f44;background:#0a1620;"></div>
      </div>
      <div id="n300Arrow" style="font-size:1.5rem;color:var(--dim);">→</div>
      <div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.1em;">TARGET</div>
        <div id="n300Target" style="font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #1a2f44;background:#0a1620;"></div>
      </div>
    </div>
    <div class="feedback" id="n300Feedback"></div>
    <div class="key-hint">F = SAME category &nbsp;·&nbsp; J = DIFFERENT category</div>
  </div>
  <div id="n300ResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">N300 RESULTS</div>
      <div class="vrt-metrics" id="n300Metrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="n300ExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ ELAN SCREEN ═══════ -->
<div id="elanScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="elanPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">ELAN SYNTACTIC</span>
    <span id="elan-trial">—</span><span id="elan-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="elanProgressBar" style="width:0%"></div></div>
  <div id="elanStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="elanSentence" style="font-family:'EB Garamond',serif;font-size:1.6rem;color:var(--text);min-height:3rem;text-align:center;max-width:500px;line-height:1.6;letter-spacing:0.04em;"></div>
    <div id="elanWordStream" style="font-family:'EB Garamond',serif;font-size:2.4rem;color:var(--gold2);min-height:3rem;min-width:260px;text-align:center;letter-spacing:0.06em;"></div>
    <div class="feedback" id="elanFeedback"></div>
    <div class="key-hint">F = GRAMMATICAL &nbsp;·&nbsp; J = VIOLATION</div>
  </div>
  <div id="elanResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">ELAN RESULTS</div>
      <div class="vrt-metrics" id="elanMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="elanExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ BEREITSCHAFTSPOTENTIAL SCREEN ═══════ -->
<div id="bpScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="bpPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">READINESS POTENTIAL (BP)</span>
    <span id="bp-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="bpProgressBar" style="width:0%"></div></div>
  <div id="bpStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="bpCircle" style="width:120px;height:120px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--mid);transition:all 0.2s;"></div>
    <div id="bpInstruct" style="font-size:0.85rem;color:var(--dim);letter-spacing:0.12em;text-align:center;max-width:380px;line-height:1.7;"></div>
    <div class="feedback" id="bpFeedback"></div>
    <div class="key-hint">SPACE = voluntary keypress (whenever you feel ready)</div>
  </div>
  <div id="bpResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">READINESS POTENTIAL RESULTS</div>
      <div class="vrt-metrics" id="bpMetrics"></div>
      <div id="bpIITChart" style="margin-top:10px;max-width:520px;"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="bpExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ MMN SPEECH SCREEN ═══════ -->
<div id="mmnspeechScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="mmnspeechPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">MMN — SPEECH</span>
    <span id="mmns-trial">—</span><span id="mmns-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="mmnsProgressBar" style="width:0%"></div></div>
  <div id="mmnsStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="mmnsCircle" style="width:100px;height:100px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--mid);">+</div>
    <div id="mmnsLabel" style="font-size:1.4rem;color:var(--gold2);font-family:'EB Garamond',serif;letter-spacing:0.1em;min-height:2rem;text-align:center;"></div>
    <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;">Passive listening — no response required</div>
    <div class="feedback" id="mmnsFeedback"></div>
  </div>
  <div id="mmnsResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">MMN SPEECH RESULTS</div>
      <div class="vrt-metrics" id="mmnsMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="mmnsExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════ SSVEP SCREEN ═══════ -->
<div id="ssvepScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="ssvepPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SSVEP</span>
    <span id="ssvep-trial">—</span><span id="ssvep-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ssvepProgressBar" style="width:0%"></div></div>
  <div id="ssvepStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="display:flex;gap:40px;align-items:center;justify-content:center;">
      <div style="display:flex;flex-direction:column;align-items:center;gap:8px;">
        <div id="ssvepLeft" style="width:160px;height:160px;background:#060d14;border:1px solid #1a2f44;display:flex;align-items:center;justify-content:center;font-size:3rem;"></div>
        <div id="ssvepLeftFreq" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;">— Hz</div>
      </div>
      <div style="display:flex;flex-direction:column;align-items:center;gap:8px;">
        <div id="ssvepRight" style="width:160px;height:160px;background:#060d14;border:1px solid #1a2f44;display:flex;align-items:center;justify-content:center;font-size:3rem;"></div>
        <div id="ssvepRightFreq" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.12em;">— Hz</div>
      </div>
    </div>
    <div style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;text-align:center;max-width:380px;">Fixate on the cross between the two flickering patches. Your EEG will show peaks at exactly these frequencies.</div>
    <div class="feedback" id="ssvepFeedback"></div>
    <div class="key-hint">F = Left flicker attended &nbsp;·&nbsp; J = Right flicker attended</div>
  </div>
  <div id="ssvepResultsPhase" style="display:none">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">SSVEP RESULTS</div>
      <div class="vrt-metrics" id="ssvepMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="ssvepExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

</div><!-- /main -->

<script>

// ═══════════════════════════════════════════════════════════
// LOCALE DETECTION
// ═══════════════════════════════════════════════════════════
(function(){
  const lang = (navigator.language||navigator.userLanguage||'en-US').toLowerCase();
  const isUK = /^en-(gb|au|nz|ie|za)/.test(lang);
  const locale = isUK ? 'en-GB' : 'en-US';
  document.documentElement.lang = locale;
  window._srLocale = locale;
  window._srIsUK   = isUK;
  document.addEventListener('DOMContentLoaded', ()=>{
    const inp = document.getElementById('frRecallInput');
    if(inp) inp.lang = locale;
  });
})();

// ═══════════════════════════════════════════════════════════
// INTRO / PARADIGM DESCRIPTIONS
// ═══════════════════════════════════════════════════════════
const PARADIGMS = {
  GNG: {
    name: 'GO / NO-GO',
    body: 'The Go/No-Go task measures response inhibition — your ability to suppress a prepotent action. A single stimulus appears at the center of the grid on each trial. You must respond quickly to Go stimuli (●) and withhold all response to No-Go stimuli (○). The task induces a habitual "respond" tendency, then requires you to override it.',
    rules: [
      { key: 'F / SPACE', desc: 'GO — respond to the target' },
      { key: 'J',       desc: 'NO-GO — withhold (or simply do nothing)' },
      { key: '● (filled)', desc: 'GO — respond as fast as possible' },
      { key: '○ (empty)', desc: 'NO-GO — do not respond; withhold completely' },
      { key: 'TIMEOUT', desc: 'No response within 1.5 s counts as a withhold' },
      { key: 'RATE', desc: '70% Go trials · 30% No-Go trials' }
    ]
  },
  NBACK: {
    name: 'N-BACK  (1-back)',
    body: 'The N-Back task measures working memory updating. A letter appears at the center of the grid on each trial. Your job is to decide whether the current letter matches the one presented exactly one trial ago. The task taxes your ability to hold, update, and compare information in mind simultaneously.',
    rules: [
      { key: 'F / SPACE', desc: 'MATCH — letter matches N steps back' },
      { key: 'J',       desc: 'NO MATCH — letter does not match' },
      { key: 'YES / GO', desc: 'Current letter is the same as the letter one trial ago' },
      { key: 'NO / NOGO', desc: 'Current letter is different from one trial ago' },
      { key: 'FIRST TRIAL', desc: 'No correct answer possible — just observe the letter' },
      { key: 'MATCH RATE', desc: '~35% of trials are matches' }
    ]
  },
  SPATIAL: {
    name: 'SPATIAL ATTENTION',
    body: 'The Spatial Attention task measures visuospatial processing and selective attention. On each trial, one cell in a 3×3 grid is highlighted. You must click the highlighted cell as quickly and accurately as possible. Reaction time and accuracy jointly index how rapidly you orient attention to a peripheral location.',
    rules: [
      { key: 'CLICK',    desc: 'Click the highlighted cell as fast as possible' },
      { key: 'CLICK', desc: 'Click the highlighted (gold) cell in the grid' },
      { key: 'ACCURACY', desc: 'Clicking the wrong cell counts as an error' },
      { key: 'TIMEOUT', desc: 'No response within 1.5 s is recorded as a miss' },
      { key: 'NOTE', desc: 'The same cell will rarely appear twice in a row' }
    ]
  },
  POSNER: {
    name: 'POSNER CUEING',
    body: 'The Posner Cueing paradigm measures covert spatial attention. A cue directs attention to the likely location of an upcoming target. When the cue is valid it predicts the correct side; when invalid it misleads. Faster RTs on valid trials relative to invalid trials reveal the attentional benefit conferred by the cue — a signature of selective spatial orienting.',
    rules: [
      { key: 'SPACE / F', desc: 'Respond when the target appears' },
      { key: 'ENDOGENOUS', desc: 'Central arrow cue — requires voluntary attention shift' },
      { key: 'EXOGENOUS', desc: 'Peripheral box flash — automatic, reflexive capture' },
      { key: 'RESPONSE', desc: 'Press SPACE / click as soon as the ★ target appears' },
      { key: 'BENEFIT', desc: 'Cueing benefit = Invalid RT − Valid RT (larger = stronger effect)' }
    ]
  },
  VRT: {
    name: 'VISUAL RECOGNITION',
    body: 'The Visual Recognition task measures visual episodic memory. During the study phase, an array of abstract geometric patterns is displayed for a fixed interval. Each pattern is procedurally generated — unique combinations of shapes, colours, and spatial arrangements — so they cannot be named or verbally encoded. After a brief retention interval, a series of forced-choice test trials presents one studied (old) pattern alongside one novel (new) foil. Your task is to identify which pattern you saw during study. Hit rate, false alarm rate, response time, and sensitivity (d\u2019) are recorded.',
    rules: [
      { key: 'F / SPACE', desc: 'YES — probe letter was in the memory set' },
      { key: 'J',       desc: 'NO — probe letter was NOT in the memory set' },
      { key: 'STUDY',   desc: 'View the array of patterns — 4 seconds per pattern set' },
      { key: 'INTERVAL',desc: 'Short retention interval (3 s) before testing begins' },
      { key: 'TEST',    desc: 'Two patterns appear — click the one you studied' },
      { key: 'FOILS',   desc: 'Foils are parametrically similar to targets (same colour palette, different arrangement)' },
      { key: 'METRICS', desc: 'Hit rate, false alarms, d\u2019 sensitivity, and per-trial RT' }
    ]
  },
  CSR: {
    name: 'CONTRAST REVERSAL',
    body: 'A checkerboard pattern reverses polarity at a steady rate. Most reversals are standard. A small proportion are TARGET reversals — signalled by the checkerboard shifting to a rotated (45°) orientation for exactly one reversal cycle before returning to normal. Respond as quickly as possible when you detect the orientation shift. This paradigm measures visual sustained attention and contrast sensitivity.',
    rules: [
      { key: 'SPACE',    desc: 'Press when you detect a TARGET (rotated) reversal' },
      { key: 'WATCH',   desc: 'Checkerboard reverses continuously — maintain fixation on centre' },
      { key: 'STANDARD',desc: 'Most reversals are standard — do NOT respond' },
      { key: 'TARGET',  desc: 'Occasional rotation shift (45°) — press SPACE immediately' },
      { key: 'SPEED',   desc: 'Respond within the reversal window — fast and accurate' }
    ]
  },
  P300: {
    name: 'AUDITORY P300',
    body: 'The auditory oddball paradigm elicits the P300 ERP component. A stream of frequent standard tones is presented, with rare oddball tones interspersed. Your task is to detect the oddball tone and press SPACE. The standard tone is 1000 Hz; the oddball is 2000 Hz. Probability of oddball is 20%. Key measures are hit rate, false alarm rate, d\u2019 sensitivity, and reaction time.',
    rules: [
      { key: 'SPACE',    desc: 'Press when you hear the RARE (high-pitched) tone' },
      { key: 'STANDARD', desc: '1000 Hz tone (frequent) — do NOT respond' },
      { key: 'ODDBALL',  desc: '2000 Hz tone (rare, 20%) — press SPACE' },
      { key: 'LISTEN',   desc: 'Use headphones for best frequency discrimination' },
      { key: 'SPEED',    desc: 'Respond as quickly and accurately as possible' }
    ]
  },
  STB: {
    name: 'STERNBERG MEMORY',
    body: 'The Sternberg paradigm measures verbal working memory scanning speed. A memory set of letters is presented ONE AT A TIME — each letter appears for 1 second, separated by a 1-second fixation cross. After a 2-second retention interval, a single probe letter appears. Respond YES if it was in the set, NO if it was not. Reaction time increases linearly with set size — the slope indexes your memory scanning rate.',
    rules: [
      { key: 'F / SPACE', desc: 'YES — the probe letter WAS in the memory set' },
      { key: 'J',         desc: 'NO — the probe letter was NOT in the memory set' },
      { key: 'STUDY',     desc: 'Letters appear ONE AT A TIME — 1 s each, with a fixation cross between each' },
      { key: 'PROBE',     desc: 'After the set, a single probe letter appears — respond quickly' },
      { key: 'SPEED',     desc: 'Respond as fast and accurately as possible' }
    ]
  },
  WCST: {
    name: 'CARD SORTING (WCST)',
    body: 'The Card Sorting task is modelled on the Wisconsin Card Sorting Test, a classic measure of executive function and cognitive flexibility. A stimulus card must be matched to one of four target cards according to a rule — colour, shape, or number. The rule is never stated; you must infer it from feedback. Critically, the rule shifts without warning after 10 consecutive correct sorts, requiring you to abandon a successful strategy and discover the new one. Perseverative errors — continuing to sort by the old rule after the shift — are the key dependent measure.',
    rules: [
      { key: 'CLICK',    desc: 'Click a card to place it on a pile' },
      { key: 'CLICK', desc: 'Click a target card to sort the stimulus card there' },
      { key: 'RULES', desc: 'Three possible rules: colour · shape · number of symbols' },
      { key: 'SHIFT', desc: 'Rule changes silently after 10 correct in a row' },
      { key: 'PERSEV', desc: 'Perseverative error = sorting by the old rule after a shift' },
      { key: 'GOAL', desc: 'Complete 6 rule runs (or 64 trials) with minimal perseverations' }
    ]
  },
  RECALL: {
    name: 'FREE RECALL',
    body: 'The Free Recall task measures episodic memory encoding and retrieval. A list of common words is presented one at a time during the study phase. After a brief distractor task — mental arithmetic designed to prevent rehearsal — you will be asked to type every word you can remember in any order. Serial position effects (primacy and recency) are recorded.',
    rules: [
      { key: 'TYPE + ENTER', desc: 'Type each recalled word and press Enter' },
      { key: 'STUDY', desc: 'Read each word carefully — each word appears for 2 seconds' },
      { key: 'DISTRACTOR', desc: 'Solve arithmetic problems for 30 s to prevent rehearsal' },
      { key: 'RECALL', desc: 'Type each remembered word and press Enter — 90 seconds' },
      { key: 'ORDER', desc: 'Any recall order is fine — the task is free, not serial' },
      { key: 'SCORING', desc: 'Hits, intrusions, and serial position curve are all recorded' }
    ]
  }
};

let currentIntroTask = null;

function showIntro(task) {
  currentIntroTask = task;
  const p = PARADIGMS[task];
  $('introTaskName').textContent = p.name;
  $('introBody').textContent = p.body;

  const rulesEl = $('introRules');
  rulesEl.innerHTML = '';
  p.rules.forEach(r => {
    const div = document.createElement('div');
    div.className = 'intro-rule';
    div.innerHTML = `<span class="intro-rule-key">${r.key}</span><span>${r.desc}</span>`;
    rulesEl.appendChild(div);
  });

  // show posner-specific settings hint
  $('introPracticeNote').textContent = task === 'POSNER' ? 'Configure cue type & SOA before starting' : '';

  hideAll();
  $('introScreen').style.display = 'flex';
  if(window._runIntroAnim) window._runIntroAnim(task);
}

function startPractice() {
  // Always validate mic before any voice-dependent task, or for FREE RECALL (which has built-in voice)
  if(inputMode === 'voice' || currentIntroTask === 'RECALL') {
    showMicValidation(()=>_doStartPractice());
  } else {
    _doStartPractice();
  }
}
function _doStartPractice(){
  if(currentIntroTask === 'POSNER') { startPosner(true); }
  else if(currentIntroTask === 'RECALL') { startFreeRecall(true); }
  else if(currentIntroTask === 'WCST') { startWCST(true); }
  else if(currentIntroTask === 'VRT') { startVRT(true); }
  else if(currentIntroTask==='TOJ'){ startTOJ(true); }
  else if(currentIntroTask === 'CSR') { startCSR(true); }
  else if(currentIntroTask === 'P300') { startP300(true); }
  else if(currentIntroTask === 'STB') { startSTB(true); }
  else if(currentIntroTask === 'N400') { startN400(true); }
  else if(currentIntroTask==='PMN'){ startPMN(true); }
  else if(currentIntroTask === 'FLANKER') { startFlanker(true); }
  else if(currentIntroTask === 'STOP') { startStop(true); }
  else if(currentIntroTask === 'MMN') { startMMN(true); }
  else if(currentIntroTask==='ORN'){ startORN(true); }
  else if(currentIntroTask === 'P600') { startP600(true); }
  else if(currentIntroTask === 'ERN') { startERN(true); }
  else if(currentIntroTask==='PE'){ startPE(true); }
  else if(currentIntroTask === 'STROOP') { startStroop(true); }
  else if(currentIntroTask === 'DST') { startDST(true); }
  else if(currentIntroTask === 'CNV') { startCNV(true); }
  else if(currentIntroTask === 'FTT') { startFTT(true); }
  else if(currentIntroTask === 'TMT') { selectTask('TMT', true); }
  else if(currentIntroTask === 'N200') { startN200(true); }
  else if(currentIntroTask==='MFN'){ startMFN(true); }
  else if(currentIntroTask === 'N170') { startN170(true); }
  else if(currentIntroTask==='VPP'){ startVPP(true); }
  else if(currentIntroTask === 'LRP')  { startLRP(true); }
  else if(currentIntroTask === 'N2PC') { startN2PC(true); }
  else if(currentIntroTask==='N2B'){ startN2B(true); }
  else if(currentIntroTask==='PD'){ startPD(true); }
  else if(currentIntroTask === 'N300') { startN300(true); }
  else if(currentIntroTask === 'ELAN') { startELAN(true); }
  else if(currentIntroTask==='LAN'){ startLAN(true); }
  else if(currentIntroTask==='CPS'){ startCPS(true); }
  else if(currentIntroTask === 'BP')   { startBP(true); }
  else if(currentIntroTask === 'MMNSP'){ startMMNS(true); }
  else if(currentIntroTask === 'SSVEP'){ startSSVEP(true); }
  else if(currentIntroTask==='ERAN'){ startERAN(true); }
  else if(currentIntroTask === 'P50')  { startP50(true); }
  else if(currentIntroTask === 'N100') { startN100(true); }
  else if(currentIntroTask==='LDAEP'){ startLDAEP(true); }
  else if(currentIntroTask==='C1'){ startC1(true); }
  else if(currentIntroTask === 'PVEP') { startPVEP(true); }
  else if(currentIntroTask === 'SCP')  { startSCP(true); }
  else if(currentIntroTask==='CDA'){ startCDA(true); }
  else if(currentIntroTask === 'P3A')  { startP3A(true); }
  else if(currentIntroTask === 'ASSR') { startASSR(true); }
  else if(currentIntroTask === 'CPT')  { startCPT(true); }
  else if(currentIntroTask === 'EMOTSTROOP') { startEmotStroop(true); }
  else if(currentIntroTask === 'TASKSWITCH') { startTaskSwitch(true); }
  else if(currentIntroTask === 'DUALTASK')   { startDualTask(true); }
  else if(currentIntroTask==='SART'){ startSART(true); }
  else if(currentIntroTask==='UFOV'){ startUFOV(true); }
  else if(currentIntroTask === 'ATTBLINK')   { startAttBlink(true); }
  else if(currentIntroTask === 'SUBITIZE')   { startSubitize(true); }
  else if(currentIntroTask === 'LEXDEC')     { startLexDec(true); }
  else if(currentIntroTask === 'SEMFLUENCY') { startSemFluency(true); }
  else if(currentIntroTask === 'PROSMEM')    { startProsMem(true); }
  else if(currentIntroTask === 'SPATWM')     { startSpatWM(true); }
  else if(currentIntroTask === 'MOCA')       { startMoCA(true); }
  else if(currentIntroTask==='PHQ9'){ startPHQ9(true); }
  else if(currentIntroTask==='GAD7'){ startGAD7(true); }
  else if(currentIntroTask==='PCL5'){ startPCL5(true); }
  else if(currentIntroTask==='AUDIT'){ startAUDIT(true); }
  else if(currentIntroTask==='ASRS'){ startASRS(true); }
  else if(currentIntroTask === 'REWP')       { startREWP(true); }
  else if(currentIntroTask==='LPC'){ startLPC(true); }
  else if(currentIntroTask==='FRN'){ startFRN(true); }
  else if(currentIntroTask === 'ABR') { startABR(true); }
  else if(currentIntroTask==='N1P2'){ startN1P2(true); }
  else if(currentIntroTask==='RON'){ startRON(true); }
  else if(currentIntroTask === 'P1N1') { startP1N1(true); }
  else if(currentIntroTask === 'CNVW') { startCNVW(true); }
  else if(currentIntroTask === 'DIGCAN') { startDigCan(true); }
  else if(currentIntroTask==='SYMSEARCH'){ startSymSearch(true); }
  else if(currentIntroTask==='PHONFLUE'){ startPhonFlue(true); }
  else if(currentIntroTask==='JLO'){ startJLO(true); }
  else if(currentIntroTask==='PASAT'){ startPASAT(true); }
  else if(currentIntroTask==='RAVLT'){ startRAVLT(true); }
  else if(currentIntroTask==='CVLT'){ startCVLT(true); }
  else if(currentIntroTask==='PAL'){ startPAL(true); }
  else if(currentIntroTask==='SRCMEM'){ startSrcMem(true); }
  else if(currentIntroTask==='IGT'){ startIGT(true); }
  else if(currentIntroTask==='TOL'){ startTOL(true); }
  else if(currentIntroTask==='MATRIX'){ startMatrix(true); }
  else if(currentIntroTask==='META'){ startMeta(true); }
  else if(currentIntroTask==='RMET'){ startRMET(true); }
  else if(currentIntroTask==='FER'){ startFER(true); }
  else if(currentIntroTask==='SNELLEN'){ startSnellen(true); }
  else if(currentIntroTask==='ISHIHARA'){ startIshihara(true); }
  else if(currentIntroTask==='SEASHORE'){ startSeashore(true); }
  else if(currentIntroTask==='AUDIOM'){ startAudiom(true); }
  else { selectTask(currentIntroTask, true); }
}

function skipToMain() {
  if(inputMode === 'voice' || currentIntroTask === 'RECALL') {
    showMicValidation(()=>_doSkipToMain());
  } else {
    _doSkipToMain();
  }
}
function _doSkipToMain(){
  if(currentIntroTask === 'POSNER') { startPosner(false); }
  else if(currentIntroTask === 'RECALL') { startFreeRecall(false); }
  else if(currentIntroTask === 'N400') { startN400(false); }
  else if(currentIntroTask==='PMN'){ startPMN(false); }
  else if(currentIntroTask === 'FLANKER') { startFlanker(false); }
  else if(currentIntroTask === 'STOP') { startStop(false); }
  else if(currentIntroTask === 'MMN') { startMMN(false); }
  else if(currentIntroTask==='ORN'){ startORN(false); }
  else if(currentIntroTask === 'P600') { startP600(false); }
  else if(currentIntroTask === 'ERN') { startERN(false); }
  else if(currentIntroTask==='PE'){ startPE(false); }
  else if(currentIntroTask === 'STROOP') { startStroop(false); }
  else if(currentIntroTask === 'DST') { startDST(false); }
  else if(currentIntroTask === 'CNV') { startCNV(false); }
  else if(currentIntroTask === 'TMT') { selectTask('TMT', false); }
  else if(currentIntroTask === 'DSC') { selectTask('DSC', false); }
  else if(currentIntroTask === 'PNT') { selectTask('PNT', false); }
  else if(currentIntroTask === 'MRT') { selectTask('MRT', false); }
  else if(currentIntroTask === 'N200') { startN200(false); }
  else if(currentIntroTask==='MFN'){ startMFN(false); }
  else if(currentIntroTask === 'N170') { startN170(false); }
  else if(currentIntroTask==='VPP'){ startVPP(false); }
  else if(currentIntroTask === 'LRP')  { startLRP(false); }
  else if(currentIntroTask === 'N2PC') { startN2PC(false); }
  else if(currentIntroTask==='N2B'){ startN2B(false); }
  else if(currentIntroTask==='PD'){ startPD(false); }
  else if(currentIntroTask === 'N300') { startN300(false); }
  else if(currentIntroTask === 'ELAN') { startELAN(false); }
  else if(currentIntroTask==='LAN'){ startLAN(false); }
  else if(currentIntroTask==='CPS'){ startCPS(false); }
  else if(currentIntroTask === 'BP')   { startBP(false); }
  else if(currentIntroTask === 'MMNSP'){ startMMNS(false); }
  else if(currentIntroTask === 'SSVEP'){ startSSVEP(false); }
  else if(currentIntroTask==='ERAN'){ startERAN(false); }
  else if(currentIntroTask === 'P50')  { startP50(false); }
  else if(currentIntroTask === 'N100') { startN100(false); }
  else if(currentIntroTask==='LDAEP'){ startLDAEP(false); }
  else if(currentIntroTask==='C1'){ startC1(false); }
  else if(currentIntroTask === 'PVEP') { startPVEP(false); }
  else if(currentIntroTask === 'SCP')  { startSCP(false); }
  else if(currentIntroTask==='CDA'){ startCDA(false); }
  else if(currentIntroTask === 'P3A')  { startP3A(false); }
  else if(currentIntroTask === 'ASSR') { startASSR(false); }
  else if(currentIntroTask === 'CPT')  { startCPT(false); }
  else if(currentIntroTask === 'EMOTSTROOP') { startEmotStroop(false); }
  else if(currentIntroTask === 'TASKSWITCH') { startTaskSwitch(false); }
  else if(currentIntroTask === 'DUALTASK')   { startDualTask(false); }
  else if(currentIntroTask==='SART'){ startSART(false); }
  else if(currentIntroTask==='UFOV'){ startUFOV(false); }
  else if(currentIntroTask === 'ATTBLINK')   { startAttBlink(false); }
  else if(currentIntroTask === 'SUBITIZE')   { startSubitize(false); }
  else if(currentIntroTask === 'LEXDEC')     { startLexDec(false); }
  else if(currentIntroTask === 'SEMFLUENCY') { startSemFluency(false); }
  else if(currentIntroTask === 'PROSMEM')    { startProsMem(false); }
  else if(currentIntroTask === 'SPATWM')     { startSpatWM(false); }
  else if(currentIntroTask === 'MOCA')       { startMoCA(false); }
  else if(currentIntroTask==='PHQ9'){ startPHQ9(false); }
  else if(currentIntroTask==='GAD7'){ startGAD7(false); }
  else if(currentIntroTask==='PCL5'){ startPCL5(false); }
  else if(currentIntroTask==='AUDIT'){ startAUDIT(false); }
  else if(currentIntroTask==='ASRS'){ startASRS(false); }
  else if(currentIntroTask === 'REWP')       { startREWP(false); }
  else if(currentIntroTask==='LPC'){ startLPC(false); }
  else if(currentIntroTask==='FRN'){ startFRN(false); }
  else if(currentIntroTask === 'ABR') { startABR(false); }
  else if(currentIntroTask==='N1P2'){ startN1P2(false); }
  else if(currentIntroTask==='RON'){ startRON(false); }
  else if(currentIntroTask === 'P1N1') { startP1N1(false); }
  else if(currentIntroTask === 'CNVW') { startCNVW(false); }
  else if(currentIntroTask === 'DIGCAN') { startDigCan(false); }
  else if(currentIntroTask==='SYMSEARCH'){ startSymSearch(false); }
  else if(currentIntroTask==='PHONFLUE'){ startPhonFlue(false); }
  else if(currentIntroTask==='JLO'){ startJLO(false); }
  else if(currentIntroTask==='PASAT'){ startPASAT(false); }
  else if(currentIntroTask==='RAVLT'){ startRAVLT(false); }
  else if(currentIntroTask==='CVLT'){ startCVLT(false); }
  else if(currentIntroTask==='PAL'){ startPAL(false); }
  else if(currentIntroTask==='SRCMEM'){ startSrcMem(false); }
  else if(currentIntroTask==='IGT'){ startIGT(false); }
  else if(currentIntroTask==='TOL'){ startTOL(false); }
  else if(currentIntroTask==='MATRIX'){ startMatrix(false); }
  else if(currentIntroTask==='META'){ startMeta(false); }
  else if(currentIntroTask==='RMET'){ startRMET(false); }
  else if(currentIntroTask==='FER'){ startFER(false); }
  else if(currentIntroTask==='SNELLEN'){ startSnellen(false); }
  else if(currentIntroTask==='ISHIHARA'){ startIshihara(false); }
  else if(currentIntroTask==='SEASHORE'){ startSeashore(false); }
  else if(currentIntroTask==='AUDIOM'){ startAudiom(false); }
  else { selectTask(currentIntroTask, false); }
}

function startMain() {
  if(currentIntroTask === 'POSNER') { startPosner(false); }
  else if(currentIntroTask === 'RECALL') { startFreeRecall(false); }
  else if(currentIntroTask === 'WCST') { startWCST(false); }
  else if(currentIntroTask === 'VRT') { startVRT(false); }
  else if(currentIntroTask==='TOJ'){ startTOJ(false); }
  else if(currentIntroTask === 'CSR') { startCSR(false); }
  else if(currentIntroTask === 'P300') { startP300(false); }
  else if(currentIntroTask === 'STB') { startSTB(false); }
  else if(currentIntroTask === 'N400') { startN400(false); }
  else if(currentIntroTask==='PMN'){ startPMN(false); }
  else if(currentIntroTask === 'FLANKER') { startFlanker(false); }
  else if(currentIntroTask === 'STOP') { startStop(false); }
  else if(currentIntroTask === 'MMN') { startMMN(false); }
  else if(currentIntroTask==='ORN'){ startORN(false); }
  else if(currentIntroTask === 'P600') { startP600(false); }
  else if(currentIntroTask === 'ERN') { startERN(false); }
  else if(currentIntroTask==='PE'){ startPE(false); }
  else if(currentIntroTask === 'STROOP') { startStroop(false); }
  else if(currentIntroTask === 'DST') { startDST(false); }
  else if(currentIntroTask === 'CNV') { startCNV(false); }
  else if(currentIntroTask === 'TMT') { selectTask('TMT', false); }
  else if(currentIntroTask === 'DSC') { selectTask('DSC', false); }
  else if(currentIntroTask === 'PNT') { selectTask('PNT', false); }
  else if(currentIntroTask === 'MRT') { selectTask('MRT', false); }
  else if(currentIntroTask === 'N200') { startN200(false); }
  else if(currentIntroTask==='MFN'){ startMFN(false); }
  else if(currentIntroTask === 'N170') { startN170(false); }
  else if(currentIntroTask==='VPP'){ startVPP(false); }
  else if(currentIntroTask === 'LRP')  { startLRP(false); }
  else if(currentIntroTask === 'N2PC') { startN2PC(false); }
  else if(currentIntroTask==='N2B'){ startN2B(false); }
  else if(currentIntroTask==='PD'){ startPD(false); }
  else if(currentIntroTask === 'N300') { startN300(false); }
  else if(currentIntroTask === 'ELAN') { startELAN(false); }
  else if(currentIntroTask==='LAN'){ startLAN(false); }
  else if(currentIntroTask==='CPS'){ startCPS(false); }
  else if(currentIntroTask === 'BP')   { startBP(false); }
  else if(currentIntroTask === 'MMNSP'){ startMMNS(false); }
  else if(currentIntroTask === 'SSVEP'){ startSSVEP(false); }
  else if(currentIntroTask==='ERAN'){ startERAN(false); }
  else if(currentIntroTask === 'P50')  { startP50(false); }
  else if(currentIntroTask === 'N100') { startN100(false); }
  else if(currentIntroTask==='LDAEP'){ startLDAEP(false); }
  else if(currentIntroTask==='C1'){ startC1(false); }
  else if(currentIntroTask === 'PVEP') { startPVEP(false); }
  else if(currentIntroTask === 'SCP')  { startSCP(false); }
  else if(currentIntroTask==='CDA'){ startCDA(false); }
  else if(currentIntroTask === 'P3A')  { startP3A(false); }
  else if(currentIntroTask === 'ASSR') { startASSR(false); }
  else if(currentIntroTask === 'CPT')  { startCPT(false); }
  else if(currentIntroTask === 'EMOTSTROOP') { startEmotStroop(false); }
  else if(currentIntroTask === 'TASKSWITCH') { startTaskSwitch(false); }
  else if(currentIntroTask === 'DUALTASK')   { startDualTask(false); }
  else if(currentIntroTask==='SART'){ startSART(false); }
  else if(currentIntroTask==='UFOV'){ startUFOV(false); }
  else if(currentIntroTask === 'ATTBLINK')   { startAttBlink(false); }
  else if(currentIntroTask === 'SUBITIZE')   { startSubitize(false); }
  else if(currentIntroTask === 'LEXDEC')     { startLexDec(false); }
  else if(currentIntroTask === 'SEMFLUENCY') { startSemFluency(false); }
  else if(currentIntroTask === 'PROSMEM')    { startProsMem(false); }
  else if(currentIntroTask === 'SPATWM')     { startSpatWM(false); }
  else if(currentIntroTask === 'MOCA')       { startMoCA(false); }
  else if(currentIntroTask==='PHQ9'){ startPHQ9(false); }
  else if(currentIntroTask==='GAD7'){ startGAD7(false); }
  else if(currentIntroTask==='PCL5'){ startPCL5(false); }
  else if(currentIntroTask==='AUDIT'){ startAUDIT(false); }
  else if(currentIntroTask==='ASRS'){ startASRS(false); }
  else if(currentIntroTask === 'REWP')       { startREWP(false); }
  else if(currentIntroTask==='LPC'){ startLPC(false); }
  else if(currentIntroTask==='FRN'){ startFRN(false); }
  else if(currentIntroTask === 'ABR') { startABR(false); }
  else if(currentIntroTask==='N1P2'){ startN1P2(false); }
  else if(currentIntroTask==='RON'){ startRON(false); }
  else if(currentIntroTask === 'P1N1') { startP1N1(false); }
  else if(currentIntroTask === 'LRPEXT') { startLRPEXT(false); }
  else if(currentIntroTask==='RRN'){ startRRN(false); }
  else if(currentIntroTask === 'THALPHA') { startTHALPHA(false); }
  else if(currentIntroTask === 'CNVW') { startCNVW(false); }
  else if(currentIntroTask === 'DIGCAN') { startDigCan(false); }
  else if(currentIntroTask==='SYMSEARCH'){ startSymSearch(false); }
  else if(currentIntroTask==='PHONFLUE'){ startPhonFlue(false); }
  else if(currentIntroTask==='JLO'){ startJLO(false); }
  else if(currentIntroTask==='PASAT'){ startPASAT(false); }
  else if(currentIntroTask==='RAVLT'){ startRAVLT(false); }
  else if(currentIntroTask==='CVLT'){ startCVLT(false); }
  else if(currentIntroTask==='PAL'){ startPAL(false); }
  else if(currentIntroTask==='SRCMEM'){ startSrcMem(false); }
  else if(currentIntroTask==='IGT'){ startIGT(false); }
  else if(currentIntroTask==='TOL'){ startTOL(false); }
  else if(currentIntroTask==='MATRIX'){ startMatrix(false); }
  else if(currentIntroTask==='META'){ startMeta(false); }
  else if(currentIntroTask==='RMET'){ startRMET(false); }
  else if(currentIntroTask==='FER'){ startFER(false); }
  else if(currentIntroTask==='SNELLEN'){ startSnellen(false); }
  else if(currentIntroTask==='ISHIHARA'){ startIshihara(false); }
  else if(currentIntroTask==='SEASHORE'){ startSeashore(false); }
  else if(currentIntroTask==='AUDIOM'){ startAudiom(false); }
  else { selectTask(currentIntroTask, false); }
}

// ═══════════════════════════════════════════════════════════
// INPUT MODE
// ═══════════════════════════════════════════════════════════
let inputMode = 'keyboard';
function setInputMode(mode){
  inputMode=mode;
  ['keyboard','mouse','voice'].forEach(m=>{ $('im-'+m).classList.toggle('active',m===mode); });
  $('mouseIndicator').style.display = mode==='mouse'?'flex':'none';
  updateKeyHint();
  if(mode==='voice'&&!Speech.micOn) toggleMic();
  if(mode!=='voice'&&Speech.micOn) stopMic();
}
function updateKeyHint(){
  const hints={
    keyboard:'F = Yes/Go  ·  J = No/NoGo  ·  Space = Detect/Oddball  ·  Enter = submit word',
    mouse:'LEFT CLICK = Yes/Go  ·  RIGHT CLICK = No/NoGo  ·  any click = detect',
    voice:'say: go · yes · no · match · same · different'
  };
  const h=hints[inputMode]||'';
  [$('keyHint'), $('posKeyHint')].forEach(el=>{ if(el) el.textContent=h; });
}
updateKeyHint();

function flashMBI(side){ const el=$('mbi-'+side); if(!el)return; el.classList.add(side+'-active'); setTimeout(()=>el.classList.remove(side+'-active'),180); }
function spawnRipple(e,cls){ const r=document.createElement('div'); r.className='ripple '+cls; r.style.left=e.clientX+'px'; r.style.top=e.clientY+'px'; document.body.appendChild(r); r.addEventListener('animationend',()=>r.remove()); }

document.addEventListener('mousedown',e=>{
  if(e.target.closest('.sidebar')||e.target.closest('.task-select-grid')||e.target.closest('.posner-settings')||e.target.closest('.controls')||e.target.closest('.trials-input-row')||e.target.closest('#introScreen')||e.target.closest('#practiceComplete')) return;
  if(inputMode!=='mouse') return;
  const isLeft=e.button===0, isRight=e.button===2;
  if(!isLeft&&!isRight) return;
  spawnRipple(e, isLeft?'left-click':'right-click');
  flashMBI(isLeft?'left':'right');
  if(P.active&&P.waiting){ posnerDetect(); return; }
  if(S.waiting){
    if(S.task==='SPATIAL'){ if(isLeft&&e.target.closest('.stim-grid')) return; if(isLeft){ evaluate(-1,false); return; } }
    if(isLeft) respButton(true);
    if(isRight) respButton(false);
  }
});
document.addEventListener('contextmenu',e=>{ if(inputMode==='mouse'&&(S.waiting||P.waiting)) e.preventDefault(); });

// ═══════════════════════════════════════════════════════════
// SPEECH
// ═══════════════════════════════════════════════════════════
const Speech={recognition:null,synthesis:window.speechSynthesis,micOn:false,ttsOn:false,volAnimId:null,audioCtx:null,analyser:null,micStream:null,volBars:[0,1,2,3,4].map(i=>document.getElementById('vb'+i))};
function speak(text){
  if(!Speech.ttsOn||!Speech.synthesis) return;
  Speech.synthesis.cancel();
  const u=new SpeechSynthesisUtterance(text); u.rate=1.1; u.pitch=1.0; u.volume=0.9;
  const voices=Speech.synthesis.getVoices();
  const isUK = window._srIsUK;
  const pref = isUK
    ? voices.find(v=>/en.*GB/i.test(v.lang)) || voices.find(v=>/en/i.test(v.lang))
    : voices.find(v=>/en.*US/i.test(v.lang)&&/female|zira|samantha|karen/i.test(v.name)) || voices.find(v=>/en/i.test(v.lang));
  if(pref) u.voice=pref;
  u.onstart=()=>{ $('micBtn').classList.add('speaking'); $('speechStatus').textContent='speaking'; $('speechStatus').className='speech-status speaking'; };
  u.onend=u.onerror=()=>{ $('micBtn').classList.remove('speaking'); if(Speech.micOn){$('speechStatus').textContent='listening';$('speechStatus').className='speech-status on';}else{$('speechStatus').textContent='off';$('speechStatus').className='speech-status';} };
  Speech.synthesis.speak(u);
}
const CMD_YES=/\b(go|yes|match|same|hit|respond|left|right)\b/;
const CMD_NO=/\b(no.?go|nogo|no|different|pass|withhold)\b/;
// ── spoken word segmentation for free recall ──────────────────────────
// Split transcript into individual tokens, try each as a recall word.
// Skips short noise tokens and known filler words.
const FR_FILLER = new Set(['the','a','an','um','uh','er','ah','and','or','i','my','said','word','is','it','in','on','at','to','of','so','like','think','was','that','this']);

function handleFRSpeech(text) {
  if(FR.phase !== 'recall') return false;
  // split on whitespace and punctuation
  const tokens = text.toLowerCase().replace(/[^a-z\s]/g,' ').split(/\s+/).filter(t => t.length >= 3 && !FR_FILLER.has(t));
  let anySubmitted = false;
  for(const tok of tokens){
    // don't re-submit already-matched words
    const alreadyMatched = FR.recalled.filter(r=>r.isHit).map(r=>r.matchedWord);
    const matched = frMatchWord(tok, FR.studyList);
    if(matched && alreadyMatched.includes(matched)) continue;
    // submit if it matches a study word OR is a plausible new word (let fuzzy scoring decide)
    frSubmitRecallWord(tok);
    anySubmitted = true;
  }
  return anySubmitted;
}

function handleFRDistractorSpeech(text) {
  if(FR.phase !== 'distractor') return false;
  // look for a number in the transcript
  const nums = text.match(/\b(\d+|zero|one|two|three|four|five|six|seven|eight|nine|ten|eleven|twelve|thirteen|fourteen|fifteen|sixteen|seventeen|eighteen|nineteen|twenty|thirty|forty|fifty|sixty|seventy|eighty|ninety|hundred)\b/gi);
  if(!nums) return false;
  const wordToNum = {zero:0,one:1,two:2,three:3,four:4,five:5,six:6,seven:7,eight:8,nine:9,ten:10,eleven:11,twelve:12,thirteen:13,fourteen:14,fifteen:15,sixteen:16,seventeen:17,eighteen:18,nineteen:19,twenty:20,thirty:30,forty:40,fifty:50,sixty:60,seventy:70,eighty:80,ninety:90,hundred:100};
  let val = null;
  for(const n of nums){
    const parsed = parseInt(n) || wordToNum[n.toLowerCase()];
    if(!isNaN(parsed) && parsed !== undefined){ val = parsed; break; }
  }
  if(val === null) return false;
  $('frDistractorInput').value = val;
  checkDistractor();
  return true;
}

function handleVoiceCommand(text){
  // Free recall phases intercept first
  if(FR.phase === 'recall'){ handleFRSpeech(text); return; }
  if(FR.phase === 'distractor'){ handleFRDistractorSpeech(text); return; }
  if(P.active&&P.waiting){ posnerDetect(); return; }
  // N400 voice response: "fits"/"yes" → FIT,  "odd"/"no" → ODD
  if(typeof FTT!=='undefined'&&FTT.log&&FTT.log.length){
    parts.push('# TASK: FINGER TAPPING');parts.push('subtest,trial,taps,duration_s,mean_iti_ms,sd_iti_ms');
    FTT.log.forEach(r=>parts.push([r.subtest,r.trial,r.taps,r.duration,r.meanITI!=null?r.meanITI.toFixed(1):'',r.sdITI!=null?r.sdITI.toFixed(1):''].join(',')));parts.push('');
  }
  if(typeof CNV!=='undefined'&&CNV.log&&CNV.log.length){
    parts.push('# TASK: CNV');parts.push('trial,type,foreperiod_ms,response,correct,rt_ms,fa');
    CNV.log.forEach(r=>parts.push([r.trial,r.type,r.foreperiod,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.fa?1:0].join(',')));parts.push('');
  }
  if(typeof DST!=='undefined'&&DST.log&&DST.log.length){
    parts.push('# TASK: DIGIT SPAN');parts.push('trial,subtest,span_length,sequence,target,response,correct');
    DST.log.forEach(r=>parts.push([r.trial,r.subtest,r.spanLen,r.sequence,r.target,r.response,r.correct?1:0].join(',')));parts.push('');
  }
  if(typeof STROOP!=='undefined'&&STROOP.active&&STROOP.waiting){
    if(/\b(red)\b/.test(text)){stroopRespond('red');return;}
    if(/\b(green)\b/.test(text)){stroopRespond('green');return;}
    if(/\b(blue)\b/.test(text)){stroopRespond('blue');return;}
    if(/\b(yellow)\b/.test(text)){stroopRespond('yellow');return;}
    return;
  }
  if(N400.active&&N400.waiting){
    if(/\b(fit|fits|yes|correct|right|congruent)\b/.test(text)){ n400Respond('FIT'); return; }
    if(/\b(odd|no|wrong|incongruent|weird|strange|doesn)\b/.test(text)){ n400Respond('ODD'); return; }
    return;
  }
  if(!S.waiting) return;
  if(CMD_YES.test(text)){ respButton(true); return; }
  if(CMD_NO.test(text)) respButton(false);
}
function initRecognition(){
  const SpeechRec=window.SpeechRecognition||window.webkitSpeechRecognition;
  if(!SpeechRec){ setTranscript('Not supported',false); return null; }
  const r=new SpeechRec(); r.lang = window._srLocale || 'en-US'; r.continuous=true; r.interimResults=true; r.maxAlternatives=3;
  // track processed final transcripts to avoid double-submitting
  const seenFinals = new Set();
  r.onresult=(e)=>{
    let interim='',final='';
    for(let i=e.resultIndex;i<e.results.length;i++){
      const t=e.results[i][0].transcript.trim().toLowerCase();
      if(e.results[i].isFinal){
        if(!seenFinals.has(t)){ seenFinals.add(t); final+=' '+t; }
        // trim set to avoid unbounded growth
        if(seenFinals.size>40){ const first=seenFinals.values().next().value; seenFinals.delete(first); }
      } else { interim+=t; }
    }
    if(interim) setTranscript(interim+'…',false);
    if(final.trim()){
      setTranscript(final.trim(),true);
      handleVoiceCommand(final.trim());
    }
  };
  r.onerror=(e)=>{ if(e.error!=='no-speech') setTranscript('err:'+e.error,false); };
  r.onend=()=>{ if(Speech.micOn) try{ r.start(); }catch(ex){} };
  return r;
}
function setTranscript(text,heard){ const b=$('transcriptBox'); b.textContent=text; b.className='transcript-box'+(heard?' heard':''); }
async function toggleMic(){
  if(!Speech.micOn){
    try{ const stream=await navigator.mediaDevices.getUserMedia({audio:true}); Speech.micStream=stream; startVolMeter(stream); }
    catch(e){ setTranscript('Mic denied:'+e.message,false); return; }
    if(!Speech.recognition) Speech.recognition=initRecognition();
    if(!Speech.recognition) return;
    try{ Speech.recognition.start(); }catch(e){}
    Speech.micOn=true; $('micBtn').classList.add('listening'); $('speechStatus').textContent='listening'; $('speechStatus').className='speech-status on';
  } else stopMic();
}
function stopMic(){
  Speech.micOn=false;
  if(Speech.recognition) try{ Speech.recognition.stop(); }catch(e){}
  if(Speech.micStream){ Speech.micStream.getTracks().forEach(t=>t.stop()); Speech.micStream=null; }
  if(Speech.volAnimId){ cancelAnimationFrame(Speech.volAnimId); Speech.volAnimId=null; }
  if(Speech.audioCtx){ Speech.audioCtx.close(); Speech.audioCtx=null; Speech.analyser=null; }
  $('micBtn').classList.remove('listening','speaking');
  $('speechStatus').textContent='off'; $('speechStatus').className='speech-status';
  Speech.volBars.forEach(b=>{ b.style.height='4px'; b.style.background='#1a2f44'; });
  setTranscript('—',false);
}
function startVolMeter(stream){ try{ Speech.audioCtx=new AudioContext(); Speech.analyser=Speech.audioCtx.createAnalyser(); Speech.analyser.fftSize=32; const src=Speech.audioCtx.createMediaStreamSource(stream); src.connect(Speech.analyser); animVol(); }catch(e){} }
function animVol(){ if(!Speech.analyser) return; const data=new Uint8Array(Speech.analyser.frequencyBinCount); Speech.analyser.getByteFrequencyData(data); const avg=data.reduce((a,b)=>a+b,0)/data.length; Speech.volBars.forEach((b,i)=>{ const thresh=(i+1)*10; const h=avg>thresh?Math.min(14,3+(avg-thresh)*0.3):3; b.style.height=h.toFixed(0)+'px'; b.style.background=avg>40?'var(--ok)':'#2a4060'; }); Speech.volAnimId=requestAnimationFrame(animVol); }
window.speechSynthesis&&window.speechSynthesis.getVoices();
window.speechSynthesis&&window.speechSynthesis.addEventListener('voiceschanged',()=>window.speechSynthesis.getVoices());

// ═══════════════════════════════════════════════════════════
// STATE
// ═══════════════════════════════════════════════════════════

// ═══════════════════════════════════════════════════════════
// ADAPTIVE ITI ENGINE  (from SR_COGNOS_ADAPTIVE_FINAL)
// ═══════════════════════════════════════════════════════════
const ADAPT = {
  enabled: true,
  targetRT: 350,         // ms — aim to keep average here
  window: 5,             // rolling window size
  gain: 0.8,             // how aggressively to adjust
  minITI: 300,
  maxITI: 1200,
  baseITI: 500,
  jitter: 150,           // ± random jitter ms
  history: {             // per-condition rolling RT histories
    GO:     [],
    NOGO:   [],
    MATCH:  [],
    NOMATCH:[],
    SPATIAL:[],
    DEFAULT:[]
  }
};

function adaptClamp(v){ return Math.max(ADAPT.minITI, Math.min(ADAPT.maxITI, v)); }

function adaptPushRT(condition, rt) {
  const key = ADAPT.history[condition] !== undefined ? condition : 'DEFAULT';
  ADAPT.history[key].push(rt);
  if(ADAPT.history[key].length > 20) ADAPT.history[key].shift();
}

function adaptGetITI(condition) {
  if(!ADAPT.enabled) return ADAPT.baseITI;
  const key = ADAPT.history[condition] !== undefined ? condition : 'DEFAULT';
  const hist = ADAPT.history[key];
  const jitter = (Math.random() * 2 - 1) * ADAPT.jitter;
  if(!hist.length) return adaptClamp(ADAPT.baseITI + jitter);
  const recent = hist.slice(-ADAPT.window);
  const avg = recent.reduce((a,b)=>a+b,0) / recent.length;
  // For GO / SPATIAL: if responding fast, increase ITI to maintain challenge
  // For NOGO: use FA rate to modulate — longer ITI = more prepotency build-up
  if(condition === 'NOGO') {
    const iti = 700 + avg * 0.3 + jitter;
    return adaptClamp(iti);
  }
  const iti = ADAPT.baseITI + (avg - ADAPT.targetRT) * ADAPT.gain + jitter;
  return adaptClamp(iti);
}

// Map current trial condition to ADAPT key
function adaptConditionKey() {
  if(!S.task) return 'DEFAULT';
  if(S.task === 'GNG') return S.stimType || 'GO';
  if(S.task === 'NBACK') return S.nbackTarget ? 'MATCH' : 'NOMATCH';
  if(S.task === 'SPATIAL') return 'SPATIAL';
  return 'DEFAULT';
}

// ── RT CHART ────────────────────────────────────────────────
const RTChart = {
  rts: [],
  conditions: [],  // parallel array: 'correct'|'error'|'timeout'
  maxPoints: 40
};

function rtChartPush(rt, correct) {
  RTChart.rts.push(rt);
  RTChart.conditions.push(correct ? 'correct' : 'error');
  if(RTChart.rts.length > RTChart.maxPoints) {
    RTChart.rts.shift(); RTChart.conditions.shift();
  }
  rtChartDraw();
  // update header stats
  const valid = RTChart.rts.filter((_,i)=>RTChart.conditions[i]==='correct');
  const avg = valid.length ? (valid.reduce((a,b)=>a+b,0)/valid.length).toFixed(0) : '—';
  const last = rt.toFixed(0);
  const avgEl = $('rtChartAvg'); if(avgEl) avgEl.textContent = avg;
  const lastEl = $('rtChartLast'); if(lastEl) lastEl.textContent = last;
}

function rtChartDraw() {
  const canvas = $('rtChartCanvas');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  const W = canvas.width, H = canvas.height;
  ctx.clearRect(0, 0, W, H);

  // background grid lines
  ctx.strokeStyle = '#0e1e2c';
  ctx.lineWidth = 1;
  [200,400,600,800].forEach(ms => {
    const y = H - (ms / 1200 * H);
    ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(W,y); ctx.stroke();
    ctx.fillStyle = '#1a2f44';
    ctx.font = '8px monospace';
    ctx.fillText(ms+'ms', 2, y-2);
  });

  // target RT line
  const targetY = H - (ADAPT.targetRT / 1200 * H);
  ctx.strokeStyle = '#1a3028';
  ctx.setLineDash([3,3]);
  ctx.beginPath(); ctx.moveTo(0,targetY); ctx.lineTo(W,targetY); ctx.stroke();
  ctx.setLineDash([]);

  if(!RTChart.rts.length) return;

  const pts = RTChart.rts.length;
  const xStep = W / Math.max(pts - 1, 1);

  // draw line
  ctx.lineWidth = 1.5;
  ctx.beginPath();
  RTChart.rts.forEach((rt, i) => {
    const x = i * xStep;
    const y = H - Math.min(rt, 1200) / 1200 * H;
    i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
  });
  ctx.strokeStyle = 'rgba(78,201,148,0.4)';
  ctx.stroke();

  // draw dots
  RTChart.rts.forEach((rt, i) => {
    const x = i * xStep;
    const y = H - Math.min(rt, 1200) / 1200 * H;
    const col = RTChart.conditions[i] === 'correct' ? 'var(--ok)' : 'var(--err)';
    ctx.beginPath();
    ctx.arc(x, y, 2.5, 0, Math.PI*2);
    ctx.fillStyle = col;
    ctx.fill();
  });

  // moving average (window=5) overlay
  if(RTChart.rts.length >= 3) {
    const win = 5;
    ctx.lineWidth = 2;
    ctx.strokeStyle = 'rgba(200,168,75,0.7)';
    ctx.beginPath();
    RTChart.rts.forEach((_, i) => {
      const slice = RTChart.rts.slice(Math.max(0,i-win+1), i+1);
      const mavg = slice.reduce((a,b)=>a+b,0)/slice.length;
      const x = i * xStep;
      const y = H - Math.min(mavg,1200)/1200*H;
      i===0 ? ctx.moveTo(x,y) : ctx.lineTo(x,y);
    });
    ctx.stroke();
  }
}

function rtChartReset() {
  RTChart.rts = []; RTChart.conditions = [];
  const canvas = $('rtChartCanvas');
  if(canvas){ const ctx=canvas.getContext('2d'); ctx.clearRect(0,0,canvas.width,canvas.height); }
  const avgEl=$('rtChartAvg'); if(avgEl) avgEl.textContent='—';
  const lastEl=$('rtChartLast'); if(lastEl) lastEl.textContent='—';
}

function adaptUpdateBadge() {
  const el = $('adaptiveBadge');
  if(!el) return;
  el.textContent = ADAPT.enabled ? 'ADAPTIVE ITI ✓' : 'ADAPTIVE ITI OFF';
  el.className = 'adaptive-badge' + (ADAPT.enabled ? ' active' : '');
}

let S={task:null,trial:0,maxTrials:20,isPractice:false,practiceTrials:5,waiting:false,stimType:null,stimOn:0,log:[],practiceLog:[],nbackHistory:[],nbackN:1,nbackTarget:null,lastSpatialIdx:null};
function $(id){ return document.getElementById(id); }

function hideAll(){
  if(window._stopIntroAnim) window._stopIntroAnim();
  ['home','introScreen','taskscreen','posnerScreen','practiceComplete','frScreen','micValidScreen','wcstScreen','statsScreen','vrtScreen','tojScreen','csrScreen','p300Screen','editorScreen','stbScreen','n400Screen','pmnScreen','flankerScreen','stopScreen','mmnScreen','ornScreen','p600Screen','ernScreen','peScreen','stroopScreen','dstScreen','cnvScreen','fttScreen','scr-media','n200Screen','mfnScreen','n170Screen','vppScreen','lrpScreen','n2pcScreen','n2bScreen','pdScreen','n300Screen','elanScreen','lanScreen','cpsScreen','bpScreen','mmnspeechScreen','ssvepScreen','eranScreen','p50Screen','n100Screen','ldaepScreen','c1Screen','pvepScreen','scpScreen','cdaScreen','p3aScreen','assrScreen','cptScreen','emotstroopScreen','taskswitchScreen','dualtaskScreen','sartScreen','ufovScreen','attblinkScreen','subitizeScreen','lexdecScreen','semfluencyScreen','prosmemScreen','spatwmScreen','mocaScreen','phq9Screen','gad7Screen','pcl5Screen','auditScreen','asrsScreen','digcanScreen','abrScreen','n1p2Screen','ronScreen','p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen','rrnScreen','symsearchScreen','phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','palScreen','srcmemScreen','igtScreen','tolScreen','matrixScreen','metaScreen','rmetScreen','ferScreen','rewpScreen','lpcScreen','frnScreen','snellenScreen','ishiharaScreen','seashoreScreen','audiomScreen'].forEach(id=>{ const el=$(id); if(el) el.style.display='none'; });
}

function updateSidebar(){
  // Auto-record results when called after task completion
  cognosAutoRecord();
  if(P.active){
    $('si-task').textContent='POSNER'+(P.isPractice?' (PRAC)':'');
    $('si-trial').textContent=`${P.trial}/${P.maxTrials}`;
    const rts=P.log.filter(r=>r.rt!==null);
    $('si-acc').textContent='—'; $('si-rt').textContent=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0)+' ms':'—';
    $('si-hits').textContent='—'; $('si-fa').textContent='—';
    ['valid','invalid','neutral'].forEach(c=>{ const cr=P.log.filter(r=>r.cueType===c&&r.rt!==null); const el=$('si-'+c); if(el) el.textContent=cr.length?(cr.reduce((a,b)=>a+b.rt,0)/cr.length).toFixed(0)+' ms':'—'; const row=$('si-'+c+'-row'); if(row) row.style.display=''; });
    return;
  }
  $('si-task').textContent=(S.task||'—')+(S.isPractice?' (PRAC)':'');
  $('si-trial').textContent=S.trial>0?`${S.trial}/${S.maxTrials}`:'—';
  ['valid','invalid','neutral'].forEach(c=>{ const row=$('si-'+c+'-row'); if(row) row.style.display='none'; });
  const log=S.isPractice?S.practiceLog:S.log;
  if(!log.length){ $('si-acc').textContent=$('si-rt').textContent=$('si-hits').textContent=$('si-fa').textContent='—'; return; }
  const correct=log.filter(r=>r.correct).length;
  const responded=log.filter(r=>r.rt!==null);
  $('si-acc').textContent=(correct/log.length*100).toFixed(0)+'%';
  $('si-rt').textContent=responded.length?(responded.reduce((a,b)=>a+b.rt,0)/responded.length).toFixed(0)+' ms':'—';
  $('si-hits').textContent=log.filter(r=>r.stimType==='GO'&&r.correct).length;
  $('si-fa').textContent=log.filter(r=>r.stimType==='NOGO'&&!r.correct&&r.rt!==null).length;
}

function addLogRow(trial,label,correct,rt,isPrac){
  const div=document.createElement('div');
  div.className=correct?'log-ok':'log-err';
  const rtStr=rt!==null?rt.toFixed(0)+'ms':'T/O';
  div.textContent=(isPrac?'[P] ':'')+'T'+trial+' '+label+' '+(correct?'✓':'✗')+' '+rtStr;
  const la=$('logArea'); la.prepend(div);
  if(la.children.length>80) la.lastChild.remove();
}

function logEntry(entry){
  if(S.isPractice) S.practiceLog.push(entry);
  else S.log.push(entry);
  addLogRow(entry.trial,entry.stimType||'',entry.correct,entry.rt,S.isPractice);
}

// ═══════════════════════════════════════════════════════════
// POSNER
// ═══════════════════════════════════════════════════════════
let P={active:false,isPractice:false,trial:0,maxTrials:20,waiting:false,stimOn:0,log:[],practiceLog:[],cueType:'endogenous',validity:80,soa:200,cueDir:null,targetSide:null,cueValidity:null,timers:[]};
function clearPTimers(){ P.timers.forEach(t=>clearTimeout(t)); P.timers=[]; }
function posnerRTSummary(){
  const log=P.isPractice?P.practiceLog:P.log;
  const avg=a=>a.length?(a.reduce((x,y)=>x+y,0)/a.length).toFixed(0)+'ms':'—';
  const v=log.filter(r=>r.cueType==='valid'&&r.rt!==null).map(r=>r.rt);
  const inv=log.filter(r=>r.cueType==='invalid'&&r.rt!==null).map(r=>r.rt);
  $('pos-valid-rt').textContent=avg(v); $('pos-invalid-rt').textContent=avg(inv);
  $('pos-benefit').textContent=v.length&&inv.length?((inv.reduce((a,b)=>a+b,0)/inv.length)-(v.reduce((a,b)=>a+b,0)/v.length)).toFixed(0)+' ms':'—';
}
function startPosner(isPractice){
  P.active=true; P.isPractice=isPractice;
  if(!isPractice){ P.trial=0; P.log=[]; }
  else { P.trial=0; P.practiceLog=[]; }
  P.cueType=$('posnerCueType').value; P.validity=parseInt($('posnerValidity').value);
  P.soa=parseInt($('posnerSOA').value)||200;
  P.maxTrials=isPractice?5:parseInt($('trialsInput').value)||20;
  hideAll();
  $('posnerScreen').style.display='flex';
  $('posPracticeBanner').style.display=isPractice?'block':'none';
  $('exportBtn').disabled=true;
  if(!isPractice) $('logArea').innerHTML='';
  ['posnerCueType','posnerValidity','posnerSOA'].forEach(id=>{ $(id).disabled=true; });
  updateSidebar(); updateKeyHint();
  speak(isPractice?'Practice Posner task. Press space when target appears.':'Starting Posner task.');
  setTimeout(posnerNext,600);
}
function posnerNext(){
  if(P.trial>=P.maxTrials){ posnerEnd(); return; }
  P.trial++;
  $('pos-trial').textContent=`Trial ${P.trial}/${P.maxTrials}`;
  $('posProgressBar').style.width=((P.trial-1)/P.maxTrials*100).toFixed(1)+'%';
  $('posFeedback').textContent=''; $('posFeedback').className='feedback';
  $('pos-cue-badge').textContent='—'; $('pos-cue-badge').className='cue-type-badge neutral';
  resetPosnerArena();
  const targetSide=Math.random()<0.5?'left':'right'; P.targetSide=targetSide;
  let cueDir,cueValidity;
  if(P.validity===50){ cueDir='neutral'; cueValidity='neutral'; }
  else if(Math.random()*100<P.validity){ cueDir=targetSide; cueValidity='valid'; }
  else{ cueDir=targetSide==='left'?'right':'left'; cueValidity='invalid'; }
  P.cueDir=cueDir; P.cueValidity=cueValidity;
  const badge=$('pos-cue-badge'); badge.textContent=cueValidity.toUpperCase(); badge.className='cue-type-badge '+cueValidity;
  P.timers.push(setTimeout(()=>showPosnerCue(cueDir,targetSide),500));
}
function resetPosnerArena(){
  ['posBoxL','posBoxR'].forEach(id=>{ $(id).classList.remove('cued','target-flash'); });
  $('posTargetL').style.opacity='0'; $('posTargetR').style.opacity='0';
  $('posCueArrow').style.opacity='0'; $('posFixDot').style.opacity='1';
  P.waiting=false;
}
function showPosnerCue(cueDir,targetSide){
  if(P.cueType==='endogenous'){ const arrow=$('posCueArrow'); arrow.textContent=cueDir==='neutral'?'↔':cueDir==='left'?'←':'→'; arrow.style.opacity='1'; $('posFixDot').style.opacity='0'; }
  else{ if(cueDir!=='neutral'){ const boxId=cueDir==='left'?'posBoxL':'posBoxR'; $(boxId).classList.add('cued'); } }
  P.timers.push(setTimeout(()=>showPosnerTarget(targetSide),P.soa));
}
function showPosnerTarget(side){
  $('posCueArrow').style.opacity='0'; $('posFixDot').style.opacity='1';
  ['posBoxL','posBoxR'].forEach(id=>$(id).classList.remove('cued'));
  const tEl=side==='left'?$('posTargetL'):$('posTargetR');
  const box=side==='left'?$('posBoxL'):$('posBoxR');
  tEl.style.opacity='1'; box.classList.add('target-flash');
  triggerFlash();
  P.stimOn=performance.now(); P.waiting=true;
  P.timers.push(setTimeout(posnerTimeout,1500));
}
function posnerDetect(){
  if(!P.waiting) return; clearPTimers(); P.waiting=false;
  const rt=performance.now()-P.stimOn;
  $('pos-rt').textContent=rt.toFixed(0)+' ms';
  const entry={trial:P.trial,task:'POSNER',targetSide:P.targetSide,cueDir:P.cueDir,cueType:P.cueValidity,rt,response:'detect'};
  if(P.isPractice) P.practiceLog.push(entry); else P.log.push(entry);
  addLogRow(P.trial,'POS-'+P.cueValidity.toUpperCase(),true,rt,P.isPractice);
  const fb=$('posFeedback'); fb.textContent=`${rt.toFixed(0)} ms · ${P.cueValidity}`; fb.className='feedback ok';
  speak(rt<300?'fast':'ok'); posnerRTSummary(); updateSidebar();
  $('posTargetL').style.opacity='0'; $('posTargetR').style.opacity='0';
  ['posBoxL','posBoxR'].forEach(id=>$(id).classList.remove('target-flash'));
  P.timers.push(setTimeout(posnerNext,400));
}
function posnerTimeout(){
  if(!P.waiting) return; P.waiting=false;
  const entry={trial:P.trial,task:'POSNER',targetSide:P.targetSide,cueDir:P.cueDir,cueType:P.cueValidity,rt:null,response:'TIMEOUT'};
  if(P.isPractice) P.practiceLog.push(entry); else P.log.push(entry);
  addLogRow(P.trial,'POS-T/O',false,null,P.isPractice);
  $('posFeedback').textContent='T/O — too slow'; $('posFeedback').className='feedback timeout';
  $('posTargetL').style.opacity='0'; $('posTargetR').style.opacity='0';
  ['posBoxL','posBoxR'].forEach(id=>$(id).classList.remove('target-flash','cued'));
  updateSidebar(); P.timers.push(setTimeout(posnerNext,400));
}
function posnerEnd(){
  $('posProgressBar').style.width='100%';
  ['posnerCueType','posnerValidity','posnerSOA'].forEach(id=>{ $(id).disabled=false; });
  if(P.isPractice){
    P.active=false;
    const log=P.practiceLog; const rts=log.filter(r=>r.rt!==null);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0):'—';
    const tos=log.filter(r=>r.rt===null).length;
    hideAll();
    $('pcStats').innerHTML=`TRIALS &nbsp;<span>${log.length}</span> &nbsp;&nbsp; AVG RT &nbsp;<span>${avgRT} ms</span> &nbsp;&nbsp; TIMEOUTS &nbsp;<span>${tos}</span>`;
    $('practiceComplete').style.display='flex';
    speak('Practice complete. Ready to begin?');
  } else {
    $('exportBtn').disabled=false;
    posnerRTSummary();
    const log=P.log;
    const v=log.filter(r=>r.cueType==='valid'&&r.rt!==null).map(r=>r.rt);
    const inv=log.filter(r=>r.cueType==='invalid'&&r.rt!==null).map(r=>r.rt);
    const benefit=v.length&&inv.length?((inv.reduce((a,b)=>a+b,0)/inv.length)-(v.reduce((a,b)=>a+b,0)/v.length)).toFixed(0)+' ms':null;
    $('posFeedback').textContent='DONE · '+(benefit?`cuing benefit: ${benefit}`:''); $('posFeedback').className='feedback ok';
    speak(benefit?'Task complete. Cuing benefit '+benefit+' milliseconds.':'Task complete.');
    updateSidebar(); P.active=false;
  }
}

// ═══════════════════════════════════════════════════════════
// STANDARD TASKS
// ═══════════════════════════════════════════════════════════
function selectTask(t, isPractice){
  S.maxTrials=isPractice?5:parseInt($('trialsInput').value)||20;
  S.task=t; S.trial=0; S.isPractice=isPractice;
  if(!isPractice){ S.log=[]; $('logArea').innerHTML=''; }
  else S.practiceLog=[];
  S.nbackHistory=[]; S.lastSpatialIdx=null;
  $('th-task').textContent=t;
  $('exportBtn').disabled=true;
  hideAll();
  $('taskscreen').style.display='flex';
  $('practiceBanner').style.display=isPractice?'block':'none';
  updateSidebar(); updateKeyHint();
  // reset adaptive history for new task
  ADAPT.history = {GO:[],NOGO:[],MATCH:[],NOMATCH:[],SPATIAL:[],DEFAULT:[]};
  rtChartReset();
  const chartWrap=$('rtChartWrap');
  if(chartWrap) chartWrap.style.display = isPractice?'none':'flex';
  adaptUpdateBadge();
  speak(isPractice?'Practice '+t+' task.':'Starting '+t+' task.');
  next();
}

const NBACK_LETTERS=['A','B','C','D','E','F','H','K','M','R'];

function next(){
  if(S.trial>=S.maxTrials){ end(); return; }
  S.trial++;
  $('th-trial').textContent=`Trial ${S.trial}/${S.maxTrials}`;
  $('progressBar').style.width=((S.trial-1)/S.maxTrials*100).toFixed(1)+'%';
  $('feedback').textContent=''; $('feedback').className='feedback'; $('nbackPrompt').textContent='';
  // Adaptive ITI: brief fixation cross during inter-trial interval
  const iti = S.isPractice ? 400 : adaptGetITI(adaptConditionKey());
  if(S.trial===1 || S.isPractice){
    renderStim(); arm(); return;
  }
  // Show fixation cross during ITI
  const grid=$('stimGrid'); grid.innerHTML='';
  const fix=document.createElement('div');
  fix.style.cssText='grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--dim);';
  fix.textContent='+';
  grid.appendChild(fix);
  setTimeout(()=>{ renderStim(); arm(); }, iti);
}

function renderStim(){
  const grid=$('stimGrid'); grid.innerHTML='';
  S.stimType=null; S.stimOn=0; S.waiting=false;
  if(S.task==='SPATIAL'){
    let idx; do{ idx=Math.floor(Math.random()*9); }while(idx===S.lastSpatialIdx&&Math.random()<0.7);
    S.lastSpatialIdx=idx; S.stimType=idx;
    for(let i=0;i<9;i++){ const c=document.createElement('div'); c.className='cell'+(i===idx?' spatial-active':''); c.onclick=()=>handleClick(i); grid.appendChild(c); }
    const pos=['top-left','top-center','top-right','middle-left','center','middle-right','bottom-left','bottom-center','bottom-right'];
    speak(pos[idx]);
  } else if(S.task==='GNG'){
    const go=Math.random()>0.3; S.stimType=go?'GO':'NOGO';
    for(let i=0;i<9;i++){ const c=document.createElement('div'); if(i===4){ c.className='cell '+(go?'go-stim':'nogo-stim'); c.textContent=go?'●':'○'; c.onclick=()=>handleClick(true); } else { c.className='cell'; c.onclick=()=>handleClick(true); } grid.appendChild(c); }
    speak(go?'Go':'No-go');
  } else if(S.task==='NBACK'){
    let letter,isMatch=false;
    if(S.nbackHistory.length>=S.nbackN&&Math.random()<0.35){ letter=S.nbackHistory[S.nbackHistory.length-S.nbackN]; isMatch=true; }
    else{ let tries=0; do{ letter=NBACK_LETTERS[Math.floor(Math.random()*NBACK_LETTERS.length)]; tries++; }while(S.nbackHistory.length>=S.nbackN&&letter===S.nbackHistory[S.nbackHistory.length-S.nbackN]&&tries<10); isMatch=(S.nbackHistory.length>=S.nbackN&&letter===S.nbackHistory[S.nbackHistory.length-S.nbackN]); }
    S.nbackTarget=isMatch; S.stimType=letter;
    S.nbackHistory.push(letter); if(S.nbackHistory.length>20) S.nbackHistory.shift();
    for(let i=0;i<9;i++){ const c=document.createElement('div'); if(i===4){ c.className='cell nback-stim'; c.textContent=letter; c.onclick=()=>respButton(true); } else c.className='cell'; grid.appendChild(c); }
    if(S.trial>S.nbackN) $('nbackPrompt').textContent=`Same as ${S.nbackN} trial${S.nbackN>1?'s':''} ago? (F=YES / J=NO)`;
    else $('nbackPrompt').textContent=`Trial ${S.trial} — observe the letter`;
    speak(letter);
  }
}

function arm(){ triggerFlash(); requestAnimationFrame(()=>{ S.stimOn=performance.now(); S.waiting=true; setTimeout(timeout,1500); }); }
function handleClick(val){ if(!S.waiting) return; evaluate(val,true); }
function respButton(v){ if(!S.waiting) return; evaluate(v,false); }

function evaluate(input,isClick){
  S.waiting=false; const rt=performance.now()-S.stimOn; let correct=false;
  if(S.task==='SPATIAL'){
    correct=(input===S.stimType); logEntry({trial:S.trial,type:S.task,stimType:S.stimType,correct,rt,response:input});
    const cells=$('stimGrid').children;
    if(typeof input==='number'&&cells[input]) cells[input].classList.add(correct?'flash-ok':'flash-err');
  } else if(S.task==='GNG'){
    if(S.stimType==='GO') correct=(isClick||input===true); else correct=(input===false);
    logEntry({trial:S.trial,type:S.task,stimType:S.stimType,correct,rt:(isClick||input!==null)?rt:null,response:input});
  } else if(S.task==='NBACK'){
    if(S.trial<=S.nbackN){ setTimeout(next,400); return; }
    const userSaysMatch=(isClick||input===true); correct=(userSaysMatch===S.nbackTarget);
    logEntry({trial:S.trial,type:S.task,stimType:S.stimType+':'+(S.nbackTarget?'MATCH':'NON'),correct,rt,response:input});
  }
  const fb=$('feedback'); fb.textContent=`${rt.toFixed(0)} ms  ${correct?'✓ correct':'✗ error'}`; fb.className='feedback '+(correct?'ok':'err');
  // Feed adaptive engine + chart
  if(!S.isPractice){
    const condKey = adaptConditionKey();
    if(rt !== null) adaptPushRT(condKey, rt);
    rtChartPush(rt, correct);
  }
  speak(correct?'correct':'wrong'); updateSidebar(); setTimeout(next,350);
}

function timeout(){
  if(!S.waiting) return; S.waiting=false; let correct=false;
  if(S.task==='GNG'){ correct=(S.stimType==='NOGO'); logEntry({trial:S.trial,type:S.task,stimType:S.stimType,correct,rt:null,response:'TIMEOUT'}); }
  else if(S.task==='NBACK'&&S.trial>S.nbackN){ correct=!S.nbackTarget; logEntry({trial:S.trial,type:S.task,stimType:S.stimType+':'+(S.nbackTarget?'MATCH':'NON'),correct,rt:null,response:'TIMEOUT'}); }
  else if(S.task==='SPATIAL'){ logEntry({trial:S.trial,type:S.task,stimType:S.stimType,correct:false,rt:null,response:'TIMEOUT'}); }
  $('feedback').textContent='T/O — no response'; $('feedback').className='feedback timeout';
  updateSidebar(); setTimeout(next,350);
}

function end(){
  $('progressBar').style.width='100%';
  if(S.isPractice){
    // show practice complete screen
    const log=S.practiceLog;
    const correct=log.filter(r=>r.correct).length;
    const rts=log.filter(r=>r.rt!==null);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0):'—';
    const acc=log.length?(correct/log.length*100).toFixed(0):0;
    hideAll();
    $('pcStats').innerHTML=`TRIALS &nbsp;<span>${log.length}</span> &nbsp;&nbsp; ACC &nbsp;<span>${acc}%</span> &nbsp;&nbsp; AVG RT &nbsp;<span>${avgRT} ms</span>`;
    $('practiceComplete').style.display='flex';
    speak('Practice complete. Ready to begin the main task?');
  } else {
    $('exportBtn').disabled=false;
    const acc=S.log.length?(S.log.filter(r=>r.correct).length/S.log.length*100).toFixed(1):0;
    $('feedback').textContent=`DONE · ${S.log.length} trials · acc ${acc}%`; $('feedback').className='feedback ok';
    speak('Task complete. Accuracy: '+acc+' percent.'); updateSidebar();
  }
}

function exportCSV(){
  const usePosner=P.log.length>0&&!S.log.length;
  const log=usePosner?P.log:S.log; if(!log.length) return;
  let header,rows;
  if(usePosner){ header='trial,task,targetSide,cueDir,cueType,rt_ms,response\n'; rows=log.map(r=>[r.trial,r.task,r.targetSide,r.cueDir,r.cueType,r.rt!==null?r.rt.toFixed(1):'',r.response].join(',')).join('\n'); }
  else{ header='trial,task,stimType,correct,rt_ms,response\n'; rows=log.map(r=>[r.trial,r.type,r.stimType,r.correct?1:0,r.rt!==null?r.rt.toFixed(1):'',r.response].join(',')).join('\n'); }
  const blob=new Blob([header+rows],{type:'text/csv'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download=`cognos_${Date.now()}.csv`; a.click();
}

function resetAll(){
  stopMic(); clearPTimers();
  // FR cleanup
  clearInterval(FR.distractorTimer); clearInterval(FR.recallTimer);
  FR.studyTimers.forEach(t=>clearTimeout(t));
  Object.assign(FR,{active:false,isPractice:false,phase:null,studyList:[],studyIdx:0,distractorRemaining:0,distractorTimer:null,distractorProblem:null,recallRemaining:0,recallTimer:null,recalled:[],studyTimers:[]});
  if($('frRecallInput')) $('frRecallInput').disabled=false;
  // Adaptive + chart cleanup
  ADAPT.history = {GO:[],NOGO:[],MATCH:[],NOMATCH:[],SPATIAL:[],DEFAULT:[]};
  rtChartReset();
  const chartWrapR=$('rtChartWrap'); if(chartWrapR) chartWrapR.style.display='none';
  // WCST cleanup
  clearTimeout(WCST._feedbackTimer);
  Object.assign(WCST,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],rule:null,prevRule:null,runsComplete:0,consecutive:0,waiting:false,_feedbackTimer:null});
  // STB cleanup
  stbClear();
  Object.assign(STB,{active:false,isPractice:false,trial:0,memSet:[],probe:null,probeIsTarget:false,waiting:false,responded:false,stimOn:0,log:[],practiceLog:[],_timers:[]});
  // VRT cleanup
  // CSR cleanup
  csrClearTimers();
  Object.assign(CSR,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],waiting:false,responded:false,stimOn:0,_timers:[]});
  // P300 cleanup
  p300ClearTimers();
  Object.assign(P300,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],waiting:false,responded:false,stimOn:0,_timers:[]});
  VRT._timers.forEach(t=>clearTimeout(t));
  Object.assign(VRT,{active:false,isPractice:false,phase:null,studyItems:[],testItems:[],trialIdx:0,log:[],practiceLog:[],waiting:false,stimOn:0,_timers:[]});
  P={active:false,isPractice:false,trial:0,maxTrials:20,waiting:false,stimOn:0,log:[],practiceLog:[],cueType:'endogenous',validity:80,soa:200,cueDir:null,targetSide:null,cueValidity:null,timers:[]};
  S={task:null,trial:0,maxTrials:20,isPractice:false,practiceTrials:5,waiting:false,stimType:null,stimOn:0,log:[],practiceLog:[],nbackHistory:[],nbackN:1,nbackTarget:null,lastSpatialIdx:null};
  currentIntroTask=null;
  // Flanker / Stop / MMN / P600 / ERN / N400 cleanup
  if(typeof n400ClearTimers==='function') n400ClearTimers();
  if(typeof N400!=='undefined') Object.assign(N400,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],phase:null,waiting:false,stimOn:0,_timers:[]});
  ['flankerScreen','stopScreen','mmnScreen','p600Screen','ernScreen'].forEach(id=>{const el=document.getElementById(id);if(el)el.style.display='none';});
  if(typeof FLANKER!=='undefined'){FLANKER._timers.forEach(t=>clearTimeout(t));Object.assign(FLANKER,{active:false,waiting:false,log:[],practiceLog:[],_timers:[]});}
  if(typeof STOP!=='undefined'){STOP._timers.forEach(t=>clearTimeout(t));Object.assign(STOP,{active:false,waiting:false,stopWaiting:false,log:[],practiceLog:[],_timers:[]});}
  if(typeof MMN!=='undefined'){MMN._timers.forEach(t=>clearTimeout(t));if(MMN.audioCtx){try{MMN.audioCtx.close();}catch(e){}}Object.assign(MMN,{active:false,audioCtx:null,_timers:[],log:[]});}
  if(typeof P600!=='undefined'){P600._timers.forEach(t=>clearTimeout(t));Object.assign(P600,{active:false,waiting:false,log:[],practiceLog:[],_timers:[]});}
  if(typeof ERN!=='undefined'){ERN._timers.forEach(t=>clearTimeout(t));Object.assign(ERN,{active:false,waiting:false,log:[],practiceLog:[],_timers:[]});}
  if(typeof STROOP!=='undefined'){STROOP._timers.forEach(t=>clearTimeout(t));Object.assign(STROOP,{active:false,waiting:false,log:[],practiceLog:[],_timers:[]});}
  const stroopEl=document.getElementById('stroopScreen');if(stroopEl)stroopEl.style.display='none';
  if(typeof DST!=='undefined'){DST._timers.forEach(t=>clearTimeout(t));Object.assign(DST,{active:false,phase:null,subtest:'forward',spanLen:3,strikes:0,fwdSpan:0,bwdSpan:0,currentSeq:[],entered:[],log:[],practiceLog:[],_timers:[]});}
  const dstEl=document.getElementById('dstScreen');if(dstEl)dstEl.style.display='none';
  if(typeof CNV!=='undefined'){CNV._timers.forEach(t=>clearTimeout(t));if(CNV.audioCtx){try{CNV.audioCtx.close();}catch(e){}}Object.assign(CNV,{active:false,waiting:false,log:[],practiceLog:[],_timers:[],audioCtx:null});}
  const cnvEl=document.getElementById('cnvScreen');if(cnvEl)cnvEl.style.display='none';
  if(typeof FTT!=='undefined'){FTT._timers.forEach(t=>clearTimeout(t));if(FTT._raf){cancelAnimationFrame(FTT._raf);FTT._raf=null;}Object.assign(FTT,{active:false,subtest:null,trialPhase:null,taps:[],altNext:'L',log:[],practiceLog:[],_timers:[],_raf:null});}
  const fttEl=document.getElementById('fttScreen');if(fttEl)fttEl.style.display='none';
  ['posnerCueType','posnerValidity','posnerSOA'].forEach(id=>{ $(id).disabled=false; });
  $('progressBar').style.width='0%'; $('posProgressBar').style.width='0%';
  $('feedback').textContent=''; $('posFeedback').textContent='';
  $('exportBtn').disabled=true; $('logArea').innerHTML='';
  ['valid','invalid','neutral'].forEach(c=>{ const row=$('si-'+c+'-row'); if(row) row.style.display='none'; });
  hideAll(); $('home').style.display='flex';
  updateSidebar(); updateKeyHint();
}

// ═══════════════════════════════════════════════════════════
// FREE RECALL ENGINE
// ═══════════════════════════════════════════════════════════
const FR_WORD_POOLS = {
  common: ['apple','river','candle','mirror','garden','castle','window','pillow','hammer','silver','bridge','forest','ladder','butter','pencil','circle','doctor','orange','planet','market','bottle','carpet','anchor','temple','jacket','desert','lantern','compass','feather','thunder','blanket','crystal','harvest','kitchen','lantern','shovel','summit','flower','spider','tunnel'],
  abstract: ['justice','memory','courage','freedom','wisdom','sorrow','belief','wonder','silence','patience','virtue','glory','reason','shadow','spirit','motion','burden','longing','triumph','chaos']
};

const FR = {
  active: false,
  isPractice: false,
  phase: null,           // 'study' | 'distractor' | 'recall' | 'results'
  studyList: [],         // words shown
  studyDuration: 2000,   // ms per word
  studyISI: 400,         // inter-stimulus blank
  studyIdx: 0,
  distractorDuration: 30,
  distractorRemaining: 0,
  distractorTimer: null,
  distractorProblem: null, // {a,b,op,answer}
  recallDuration: 90,
  recallRemaining: 0,
  recallTimer: null,
  recalled: [],          // [{word, position, isHit, isIntrusion, isDuplicate, time}]
  studyTimers: [],
  listSize: 12,
  useDistractor: true
};

// word pool helpers
function frShufflePool(pool, n) {
  const arr = [...pool].sort(() => Math.random() - 0.5);
  return arr.slice(0, Math.min(n, arr.length));
}

function frBuildList(n) {
  const all = [...FR_WORD_POOLS.common, ...FR_WORD_POOLS.abstract];
  const shuffled = all.sort(() => Math.random() - 0.5);
  return shuffled.slice(0, n).map(w => w.toUpperCase());
}

// Levenshtein distance for fuzzy matching
function levenshtein(a, b) {
  const m = a.length, n = b.length;
  const dp = Array.from({length: m+1}, (_,i) => Array.from({length: n+1}, (_,j) => j===0?i:0));
  for(let j=1;j<=n;j++) dp[0][j]=j;
  for(let i=1;i<=m;i++) for(let j=1;j<=n;j++) {
    dp[i][j] = a[i-1]===b[j-1] ? dp[i-1][j-1] : 1+Math.min(dp[i-1][j],dp[i][j-1],dp[i-1][j-1]);
  }
  return dp[m][n];
}

function frMatchWord(input, list) {
  const norm = input.trim().toUpperCase();
  if(!norm) return null;
  // exact
  if(list.includes(norm)) return norm;
  // fuzzy within edit distance 1 for words >=4 chars, 2 for >=7 chars
  for(const w of list) {
    const maxDist = w.length >= 7 ? 2 : w.length >= 4 ? 1 : 0;
    if(levenshtein(norm, w) <= maxDist) return w;
  }
  return null;
}

function startFreeRecall(isPractice) {
  FR.active = true;
  FR.isPractice = isPractice;
  FR.listSize = isPractice ? 6 : 12;
  FR.studyList = frBuildList(FR.listSize);
  FR.studyIdx = 0;
  FR.recalled = [];
  FR.phase = 'study';
  FR.studyTimers = [];

  hideAll();
  $('frScreen').style.display = 'flex';
  $('frPracticeBanner').style.display = isPractice ? 'block' : 'none';
  ['frStudyPhase','frDistractorPhase','frRecallPhase','frResultsPhase'].forEach(id => $(id).style.display = 'none');
  $('frStudyPhase').style.display = 'flex';
  $('si-task').textContent = 'RECALL'+(isPractice?' (PRAC)':'');
  frUpdateVoiceStatus();

  speak(isPractice ? 'Practice free recall. Remember the words.' : 'Free recall task. Remember as many words as you can.');
  frRunStudy();
}

// voice toggle for recall phase — can be used independently of global inputMode
function frToggleVoiceRecall() {
  if(!Speech.micOn) {
    toggleMic().then ? toggleMic().then(()=>frUpdateVoiceStatus()) : (toggleMic(), setTimeout(frUpdateVoiceStatus, 500));
  } else {
    stopMic();
    frUpdateVoiceStatus();
  }
}

function frUpdateVoiceStatus() {
  const dot = $('frVoiceDot');
  const lbl = $('frVoiceLabel');
  const btn = document.querySelector('#frVoiceStatus button');
  if(!dot||!lbl) return;
  if(Speech.micOn) {
    dot.style.background = 'var(--ok)';
    lbl.style.color = 'var(--ok)';
    lbl.textContent = 'voice on — speak words';
    if(btn){ btn.textContent='disable'; btn.style.borderColor='var(--ok)'; btn.style.color='var(--ok)'; }
  } else {
    dot.style.background = '#2a4060';
    lbl.style.color = '#2a4060';
    lbl.textContent = 'voice off';
    if(btn){ btn.textContent='enable'; btn.style.borderColor='#2a4060'; btn.style.color='#4a6a8a'; }
  }
}

function frRunStudy() {
  const total = FR.studyList.length;
  function showWord(i) {
    if(i >= total) { frEndStudy(); return; }
    $('frStudyCounter').textContent = `Word ${i+1} of ${total}`;
    $('frStudyBar').style.width = ((i/total)*100).toFixed(1)+'%';
    const wd = $('frWordDisplay');
    wd.classList.remove('blank');
    wd.textContent = FR.studyList[i];
    speak(FR.studyList[i].toLowerCase());
    FR.studyTimers.push(setTimeout(() => {
      wd.classList.add('blank');
      FR.studyTimers.push(setTimeout(() => showWord(i+1), FR.studyISI));
    }, FR.studyDuration));
  }
  showWord(0);
}

function frEndStudy() {
  $('frStudyBar').style.width = '100%';
  $('frWordDisplay').textContent = '—';
  if(FR.useDistractor && !FR.isPractice) {
    setTimeout(frStartDistractor, 400);
  } else {
    setTimeout(frStartRecall, 600);
  }
}

// ── distractor (mental arithmetic) ──
function frMakeProblem() {
  const ops = ['+','-'];
  const op = ops[Math.floor(Math.random()*ops.length)];
  let a, b, answer;
  if(op==='+') { a=Math.floor(Math.random()*50)+10; b=Math.floor(Math.random()*50)+10; answer=a+b; }
  else { a=Math.floor(Math.random()*50)+30; b=Math.floor(Math.random()*30)+5; answer=a-b; }
  return {a,b,op,answer};
}

function frStartDistractor() {
  FR.phase='distractor';
  FR.distractorRemaining = FR.distractorDuration;
  $('frStudyPhase').style.display='none';
  $('frDistractorPhase').style.display='flex';
  $('frDistractorInput').value='';
  $('frDistractorFb').textContent='';
  frNewDistractorProblem();
  speak('Distractor phase. Solve the arithmetic problems.');
  FR.distractorTimer = setInterval(frDistractorTick, 1000);
}

function frNewDistractorProblem() {
  FR.distractorProblem = frMakeProblem();
  $('frDistractorProblem').textContent = `${FR.distractorProblem.a} ${FR.distractorProblem.op} ${FR.distractorProblem.b} = ?`;
  $('frDistractorInput').value='';
  $('frDistractorInput').focus();
}

function frDistractorTick() {
  FR.distractorRemaining--;
  $('frDistractorTimer').textContent = `${FR.distractorRemaining} s remaining`;
  if(FR.distractorRemaining <= 0) {
    clearInterval(FR.distractorTimer);
    frStartRecall();
  }
}

function checkDistractor() {
  const val = parseInt($('frDistractorInput').value);
  if(isNaN(val)) return;
  const correct = val === FR.distractorProblem.answer;
  const fb = $('frDistractorFb');
  fb.textContent = correct ? '✓' : '✗ ' + FR.distractorProblem.answer;
  fb.className = 'fr-distractor-fb ' + (correct ? 'ok' : 'err');
  if(correct || $('frDistractorInput').value.length >= 4) {
    setTimeout(frNewDistractorProblem, correct ? 200 : 600);
  }
}

// ── recall phase ──
function frStartRecall() {
  clearInterval(FR.distractorTimer);
  FR.phase = 'recall';
  FR.recallRemaining = FR.recallDuration;
  FR.recalled = [];
  $('frDistractorPhase').style.display='none';
  $('frStudyPhase').style.display='none';
  $('frRecallPhase').style.display='flex';
  $('frRecallChips').innerHTML='';
  $('frRecallInput').value='';
  $('frRecallCount').textContent='0 words recalled';
  $('frRecallTimer').textContent=FR.recallDuration+' s';
  $('frRecallTimer').className='fr-recall-timer';
  frUpdateVoiceStatus();
  setTimeout(()=>$('frRecallInput').focus(), 100);
  speak('Recall phase. Type every word you remember.');
  FR.recallTimer = setInterval(frRecallTick, 1000);
}

function frRecallTick() {
  FR.recallRemaining--;
  const el = $('frRecallTimer');
  el.textContent = FR.recallRemaining + ' s';
  el.className = 'fr-recall-timer' + (FR.recallRemaining <= 15 ? ' urgent' : '');
  if(FR.recallRemaining <= 0) {
    clearInterval(FR.recallTimer);
    frEndRecall();
  }
}

function handleRecallKey(e) {
  if(e.key === 'Enter') {
    e.preventDefault();
    const raw = $('frRecallInput').value.trim();
    if(!raw) return;
    frSubmitRecallWord(raw);
    $('frRecallInput').value = '';
  }
}

function frSubmitRecallWord(raw) {
  const norm = raw.trim().toUpperCase();
  if(!norm) return;

  // check duplicate (exact already recalled)
  const alreadyRecalled = FR.recalled.map(r=>r.matchedWord||r.word);
  const matchedTarget = frMatchWord(norm, FR.studyList);

  let entry;
  if(matchedTarget && alreadyRecalled.includes(matchedTarget)) {
    entry = {word: norm, matchedWord: matchedTarget, isHit: false, isIntrusion: false, isDuplicate: true, time: FR.recallDuration - FR.recallRemaining};
  } else if(matchedTarget) {
    const pos = FR.studyList.indexOf(matchedTarget);
    entry = {word: norm, matchedWord: matchedTarget, serialPos: pos, isHit: true, isIntrusion: false, isDuplicate: false, time: FR.recallDuration - FR.recallRemaining};
  } else {
    entry = {word: norm, matchedWord: null, isHit: false, isIntrusion: true, isDuplicate: false, time: FR.recallDuration - FR.recallRemaining};
  }
  FR.recalled.push(entry);

  // render chip
  const chip = document.createElement('div');
  chip.className = 'fr-chip' + (entry.isHit ? ' hit' : entry.isIntrusion ? ' intrusion' : ' duplicate');
  chip.textContent = entry.isHit ? (entry.matchedWord !== entry.word ? entry.matchedWord+'*' : entry.matchedWord) : norm + (entry.isDuplicate ? ' ×2' : ' ?');
  $('frRecallChips').appendChild(chip);

  const hits = FR.recalled.filter(r=>r.isHit).length;
  $('frRecallCount').textContent = `${hits} word${hits!==1?'s':''} recalled`;
}

function frEndRecall() {
  clearInterval(FR.recallTimer);
  $('frRecallInput').disabled = true;
  FR.phase = 'results';
  setTimeout(frShowResults, 400);
}

function frShowResults() {
  $('frRecallPhase').style.display='none';
  $('frResultsPhase').style.display='flex';

  const hits = FR.recalled.filter(r=>r.isHit);
  const intrusions = FR.recalled.filter(r=>r.isIntrusion).length;
  const total = FR.studyList.length;
  const pct = (hits.length/total*100).toFixed(0);

  $('frMetrics').innerHTML = `
    <div>HITS <span>${hits.length} / ${total}</span></div>
    <div>ACCURACY <span>${pct}%</span></div>
    <div>INTRUSIONS <span>${intrusions}</span></div>
    <div>TIME TO 1st <span>${hits.length?hits[0].time+'s':'—'}</span></div>`;

  // serial position curve
  const barsEl = $('frSerialBars');
  const lblsEl = $('frSerialLabels');
  barsEl.innerHTML=''; lblsEl.innerHTML='';
  FR.studyList.forEach((w,i) => {
    const recalled = hits.some(r=>r.serialPos===i);
    const bar = document.createElement('div');
    bar.className = 'fr-serial-bar' + (recalled?' recalled':'');
    bar.style.height = recalled ? '100%' : '20%';
    bar.title = w;
    barsEl.appendChild(bar);
    const lbl = document.createElement('div');
    lbl.className = 'fr-serial-lbl';
    lbl.textContent = i+1;
    lblsEl.appendChild(lbl);
  });

  // word list
  const wlEl = $('frWordList');
  wlEl.innerHTML='';
  FR.studyList.forEach((w,i) => {
    const recalled = hits.some(r=>r.serialPos===i);
    const chip = document.createElement('div');
    chip.className = 'fr-result-chip' + (recalled?' recalled':' missed');
    chip.textContent = w;
    wlEl.appendChild(chip);
  });

  $('exportBtn').disabled = false;
  speak(`Recall complete. You remembered ${hits.length} of ${total} words.`);
  FR.active = false;
}

function exportRecallCSV() {
  const rows = FR.recalled.map((r,i) => [i+1, r.word, r.matchedWord||'', r.isHit?1:0, r.isIntrusion?1:0, r.isDuplicate?1:0, r.serialPos!==undefined?r.serialPos+1:'', r.time].join(','));
  const csv = 'recall_order,typed_word,matched_word,hit,intrusion,duplicate,serial_position,time_s\n' + rows.join('\n');
  const blob = new Blob([csv],{type:'text/csv'});
  const a = document.createElement('a'); a.href=URL.createObjectURL(blob); a.download=`cognos_recall_${Date.now()}.csv`; a.click();
}


// ═══════════════════════════════════════════════════════════
// VISUAL RECOGNITION ENGINE
// ═══════════════════════════════════════════════════════════

// Pattern generator — draws an abstract geometric composition onto a canvas
// Each pattern is defined by a seed object {color, shapes, angles, positions}
const VRT_PALETTES = [
  ['#c8a84b','#4ec994','#5b9fda'],
  ['#e05c5c','#c8a84b','#d8e8f4'],
  ['#4ec994','#5b9fda','#c8a84b'],
  ['#5b9fda','#e05c5c','#4ec994'],
  ['#c8a84b','#e05c5c','#5b9fda'],
];

const VRT_SHAPE_TYPES = ['circle','rect','triangle','diamond','cross','ring'];

function vrtSeededRand(seed) {
  // deterministic PRNG (mulberry32)
  let s = seed >>> 0;
  return function() {
    s += 0x6D2B79F5;
    let t = Math.imul(s ^ s >>> 15, 1 | s);
    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
    return ((t ^ t >>> 14) >>> 0) / 4294967296;
  };
}

function vrtDrawPattern(canvas, seed, size) {
  size = size || 88;
  canvas.width = size;
  canvas.height = size;
  const ctx = canvas.getContext('2d');
  ctx.clearRect(0, 0, size, size);
  ctx.fillStyle = '#0a1620';
  ctx.fillRect(0, 0, size, size);

  const rng = vrtSeededRand(seed.id);
  const palette = VRT_PALETTES[seed.paletteIdx % VRT_PALETTES.length];
  const n = 3 + Math.floor(rng() * 3); // 3-5 shapes

  for(let i = 0; i < n; i++) {
    const shapeType = VRT_SHAPE_TYPES[Math.floor(rng() * VRT_SHAPE_TYPES.length)];
    const color = palette[Math.floor(rng() * palette.length)];
    const x = 10 + rng() * (size - 20);
    const y = 10 + rng() * (size - 20);
    const r = 6 + rng() * (size * 0.18);
    const alpha = 0.55 + rng() * 0.45;

    ctx.save();
    ctx.globalAlpha = alpha;
    ctx.fillStyle = color;
    ctx.strokeStyle = color;
    ctx.lineWidth = 1.5;

    if(shapeType === 'circle') {
      ctx.beginPath();
      ctx.arc(x, y, r, 0, Math.PI * 2);
      ctx.fill();
    } else if(shapeType === 'ring') {
      ctx.beginPath();
      ctx.arc(x, y, r, 0, Math.PI * 2);
      ctx.stroke();
    } else if(shapeType === 'rect') {
      ctx.translate(x, y);
      ctx.rotate(rng() * Math.PI);
      ctx.fillRect(-r, -r * 0.6, r * 2, r * 1.2);
    } else if(shapeType === 'triangle') {
      ctx.translate(x, y);
      ctx.rotate(rng() * Math.PI * 2);
      ctx.beginPath();
      ctx.moveTo(0, -r);
      ctx.lineTo(r * 0.87, r * 0.5);
      ctx.lineTo(-r * 0.87, r * 0.5);
      ctx.closePath();
      ctx.fill();
    } else if(shapeType === 'diamond') {
      ctx.translate(x, y);
      ctx.rotate(rng() * 0.5);
      ctx.beginPath();
      ctx.moveTo(0, -r);
      ctx.lineTo(r * 0.6, 0);
      ctx.lineTo(0, r);
      ctx.lineTo(-r * 0.6, 0);
      ctx.closePath();
      ctx.fill();
    } else if(shapeType === 'cross') {
      ctx.translate(x, y);
      ctx.rotate(rng() * Math.PI / 4);
      const t = r * 0.28;
      ctx.fillRect(-r, -t, r * 2, t * 2);
      ctx.fillRect(-t, -r, t * 2, r * 2);
    }
    ctx.restore();
  }
}

function vrtMakeSeed(id) {
  return {
    id,
    paletteIdx: id % VRT_PALETTES.length,
    // label for CSV
    shapeLabel: VRT_SHAPE_TYPES[id % VRT_SHAPE_TYPES.length],
    colorLabel: ['amber','teal','blue','red','gold'][id % 5]
  };
}

// Generate foil: same palette, different seed id
function vrtMakeFoil(target) {
  // foil id is offset within same palette family for parametric similarity
  return {
    id: target.id + 1000 + Math.floor(Math.random() * 50),
    paletteIdx: target.paletteIdx,
    shapeLabel: target.shapeLabel,
    colorLabel: target.colorLabel
  };
}

// ── VRT State ───────────────────────────────────────────────
const VRT = {
  active: false,
  isPractice: false,
  phase: null,        // 'study'|'isi'|'test'|'results'
  studyItems: [],     // array of seed objects shown during study
  testItems: [],      // [{target, foil, targetSide}] one per trial
  trialIdx: 0,
  log: [],
  practiceLog: [],
  waiting: false,
  stimOn: 0,
  _timers: [],
  studyDuration: 4000,  // ms study phase display
  isiDuration: 3000,
  studyN: 6,            // items studied per block
  testN: 6              // forced-choice pairs
};

function startVRT(isPractice) {
  VRT.active = true;
  VRT.isPractice = isPractice;
  VRT.phase = 'study';
  VRT.trialIdx = 0;
  VRT.studyN = isPractice ? 4 : 6;
  VRT.testN  = isPractice ? 4 : 6;
  // CSR cleanup
  csrClearTimers();
  Object.assign(CSR,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],waiting:false,responded:false,stimOn:0,_timers:[]});
  // P300 cleanup
  p300ClearTimers();
  Object.assign(P300,{active:false,isPractice:false,trial:0,log:[],practiceLog:[],waiting:false,responded:false,stimOn:0,_timers:[]});
  VRT._timers.forEach(t=>clearTimeout(t));
  VRT._timers = [];
  if(isPractice) VRT.practiceLog = []; else VRT.log = [];

  // build study set: unique random seeds
  const baseId = Math.floor(Math.random() * 500) * 10;
  VRT.studyItems = [];
  for(let i=0; i<VRT.studyN; i++) VRT.studyItems.push(vrtMakeSeed(baseId + i*3));

  // build test pairs: each target + one foil, randomise side
  VRT.testItems = VRT.studyItems.slice(0, VRT.testN).map(target => {
    const foil = vrtMakeFoil(target);
    const targetSide = Math.random() < 0.5 ? 0 : 1; // 0=left, 1=right
    return {target, foil, targetSide};
  });

  hideAll();
  $('vrtScreen').style.display = 'flex';
  $('vrtPracticeBanner').style.display = isPractice ? 'block' : 'none';
  $('vrtProgressBar').style.width = '0%';
  $('vrtFeedback').textContent = '';
  $('vrtFeedback').className = 'feedback';
  $('si-task').textContent = 'VRT' + (isPractice ? ' (PRAC)' : '');
  $('exportBtn').disabled = true;

  ['vrtStudyPhase','vrtISI','vrtTestPhase','vrtResultsPhase'].forEach(id=>$(id).style.display='none');

  vrtShowStudy();
}

function vrtShowStudy() {
  VRT.phase = 'study';
  $('vrtStudyPhase').style.display = 'flex';
  $('vrt-trial').textContent = `Study phase · ${VRT.studyN} patterns`;
  $('vrt-phase-badge').textContent = 'STUDY';
  $('vrt-phase-badge').className = 'vrt-phase study';

  const grid = $('vrtStudyGrid');
  grid.innerHTML = '';
  const cols = VRT.studyN <= 4 ? 'g'+VRT.studyN : VRT.studyN <= 6 ? 'g3' : 'g4';
  grid.className = 'vrt-grid ' + cols;

  VRT.studyItems.forEach((seed, i) => {
    const cell = document.createElement('div');
    cell.className = 'vrt-cell';
    const canvas = document.createElement('canvas');
    vrtDrawPattern(canvas, seed, 88);
    cell.appendChild(canvas);

    // animate in with stagger
    cell.style.opacity = '0';
    cell.style.transition = 'opacity 0.3s';
    grid.appendChild(cell);
    VRT._timers.push(setTimeout(()=>{ cell.style.opacity='1'; }, 80*i));
  });

  // countdown timer display
  let elapsed = 0;
  const totalMs = VRT.studyDuration;
  const tickMs = 200;
  const timerEl = $('vrtStudyTimer');
  const tick = setInterval(()=>{
    elapsed += tickMs;
    const rem = Math.max(0, (totalMs-elapsed)/1000);
    timerEl.textContent = `${rem.toFixed(1)} s remaining`;
    if(elapsed >= totalMs){ clearInterval(tick); }
  }, tickMs);

  VRT._timers.push(setTimeout(()=>{
    clearInterval(tick);
    $('vrtStudyPhase').style.display = 'none';
    vrtShowISI();
  }, VRT.studyDuration));
}

function vrtShowISI() {
  VRT.phase = 'isi';
  $('vrtISI').style.display = 'flex';
  $('vrt-phase-badge').textContent = 'RETENTION';
  $('vrt-phase-badge').className = 'vrt-phase isi';

  const total = VRT.isiDuration / 1000;
  let remaining = total;
  const ring = $('vrtCountdownRing');
  const txt  = $('vrtCountdownText');
  const circumference = 125.6;

  const tick = setInterval(()=>{
    remaining -= 0.25;
    const frac = Math.max(0, remaining/total);
    ring.style.strokeDashoffset = (circumference*(1-frac)).toFixed(2);
    txt.textContent = Math.ceil(remaining);
    if(remaining <= 0) { clearInterval(tick); }
  }, 250);

  VRT._timers.push(setTimeout(()=>{
    clearInterval(tick);
    $('vrtISI').style.display = 'none';
    vrtNextTest();
  }, VRT.isiDuration));
}

function vrtNextTest() {
  if(VRT.trialIdx >= VRT.testItems.length) { vrtShowResults(); return; }
  VRT.phase = 'test';
  $('vrtTestPhase').style.display = 'flex';

  const item = VRT.testItems[VRT.trialIdx];
  $('vrt-trial').textContent = `Test ${VRT.trialIdx+1} / ${VRT.testItems.length}`;
  $('vrt-phase-badge').textContent = 'TEST';
  $('vrt-phase-badge').className = 'vrt-phase test';
  $('vrtProgressBar').style.width = (VRT.trialIdx/VRT.testItems.length*100).toFixed(1)+'%';
  $('vrtFeedback').textContent = '';
  $('vrtFeedback').className = 'feedback';
  $('vrtTestQuestion').textContent = 'Which pattern did you see during study?';

  const testGrid = $('vrtTestGrid');
  testGrid.innerHTML = '';
  testGrid.className = 'vrt-test-grid pair';

  const pair = item.targetSide === 0
    ? [item.target, item.foil]
    : [item.foil,   item.target];

  pair.forEach((seed, sideIdx) => {
    const cell = document.createElement('div');
    cell.className = 'vrt-test-cell';
    const canvas = document.createElement('canvas');
    vrtDrawPattern(canvas, seed, 110);
    cell.appendChild(canvas);
    cell.onclick = () => vrtRespond(sideIdx, item);
    testGrid.appendChild(cell);
  });

  triggerFlash();
  VRT.waiting = true;
  VRT.stimOn = performance.now();
}

function vrtRespond(chosenSide, item) {
  if(!VRT.waiting) return;
  VRT.waiting = false;
  const rt = performance.now() - VRT.stimOn;
  const correct = chosenSide === item.targetSide;

  const entry = {
    trial: VRT.trialIdx + 1,
    targetSide: item.targetSide === 0 ? 'left' : 'right',
    correct, rt,
    studyShape: item.target.shapeLabel, studyColor: item.target.colorLabel,
    foilShape:  item.foil.shapeLabel,   foilColor:  item.foil.colorLabel
  };
  if(VRT.isPractice) VRT.practiceLog.push(entry); else VRT.log.push(entry);

  // flash chosen cell
  const cells = $('vrtTestGrid').children;
  cells[chosenSide].classList.add(correct ? 'flash-ok' : 'flash-err');

  const fb = $('vrtFeedback');
  fb.textContent = `${rt.toFixed(0)} ms  ${correct ? '✓ correct' : '✗ wrong'}`;
  fb.className = 'feedback ' + (correct ? 'ok' : 'err');

  // update sidebar
  const log = VRT.isPractice ? VRT.practiceLog : VRT.log;
  const hits = log.filter(r=>r.correct).length;
  $('si-acc').textContent = (hits/log.length*100).toFixed(0)+'%';
  $('si-trial').textContent = `${VRT.trialIdx+1}/${VRT.testItems.length}`;

  VRT.trialIdx++;
  VRT._timers.push(setTimeout(()=>{
    $('vrtTestPhase').style.display = 'none';
    vrtNextTest();
  }, 500));
}

function vrtShowResults() {
  $('vrtProgressBar').style.width = '100%';
  $('vrtTestPhase').style.display = 'none';
  $('vrtResultsPhase').style.display = 'flex';

  const log = VRT.isPractice ? VRT.practiceLog : VRT.log;
  if(VRT.isPractice) {
    // go to practice complete screen
    const acc = log.length ? (log.filter(r=>r.correct).length/log.length*100).toFixed(0) : 0;
    const avgRT = log.filter(r=>r.rt!=null).length ?
      (log.filter(r=>r.rt!=null).reduce((a,b)=>a+b.rt,0)/log.filter(r=>r.rt!=null).length).toFixed(0) : '—';
    hideAll();
    $('pcStats').innerHTML=`TRIALS &nbsp;<span>${log.length}</span> &nbsp;&nbsp; ACC &nbsp;<span>${acc}%</span> &nbsp;&nbsp; AVG RT &nbsp;<span>${avgRT} ms</span>`;
    $('practiceComplete').style.display='flex';
    VRT.active = false;
    return;
  }

  VRT.active = false;
  $('exportBtn').disabled = false;

  const hits = log.filter(r=>r.correct).length;
  const fa   = log.filter(r=>!r.correct).length;
  const rts  = log.filter(r=>r.rt!=null&&r.correct).map(r=>r.rt);
  const avgRT = rts.length ? (rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0) : '—';
  const hr = log.length ? hits/log.length : 0;
  const far = log.length ? fa/log.length : 0;
  const dprime = (hr>0&&far<1) ?
    (normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2) : '—';

  $('vrtMetrics').innerHTML = `
    <div>HITS <span>${hits}/${log.length}</span></div>
    <div>ACCURACY <span>${(hr*100).toFixed(0)}%</span></div>
    <div>d' <span>${dprime}</span></div>
    <div>AVG RT <span>${avgRT} ms</span></div>`;

  // per-trial result rows
  const grid = $('vrtResultsGrid');
  grid.innerHTML = '';
  grid.style.cssText = 'display:grid;gap:6px;width:100%;';
  log.forEach((entry, i) => {
    const item = VRT.testItems[i];
    if(!item) return;
    const row = document.createElement('div');
    row.className = 'vrt-result-row';

    // mini target canvas
    const c = document.createElement('canvas');
    c.className = 'vrt-mini-canvas';
    vrtDrawPattern(c, item.target, 36);
    row.appendChild(c);

    const lbl = document.createElement('div');
    lbl.className = 'vrt-result-label';
    lbl.textContent = `Trial ${entry.trial}`;
    row.appendChild(lbl);

    const rt = document.createElement('div');
    rt.className = 'vrt-rt-val';
    rt.textContent = entry.rt ? entry.rt.toFixed(0)+' ms' : '—';
    row.appendChild(rt);

    const badge = document.createElement('div');
    badge.className = 'vrt-result-badge ' + (entry.correct ? 'ok' : 'err');
    badge.textContent = entry.correct ? '✓ hit' : '✗ miss';
    row.appendChild(badge);

    grid.appendChild(row);
  });
}

function exportVrtCSV() {
  const log = VRT.log;
  if(!log.length) return;
  const header = 'trial,targetSide,correct,rt_ms,studyShape,studyColor,foilShape,foilColor\n';
  const rows = log.map(r=>[r.trial,r.targetSide,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.studyShape,r.studyColor,r.foilShape,r.foilColor].join(','));
  const blob = new Blob([header+rows.join('\n')],{type:'text/csv'});
  const a=document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='cognos_vrt_'+Date.now()+'.csv'; a.click();
}

// ═══════════════════════════════════════════════════════════
// MIC VALIDATION ENGINE
// ═══════════════════════════════════════════════════════════
const MV = {
  onPass: null,          // callback when user clicks proceed
  audioCtx: null,
  analyser: null,
  micStream: null,
  volAnimId: null,
  recognition: null,
  volBars: null,
  peakLevel: 0,
  levelPassed: false,
  recogPassed: false,
  testWords: ['BRIDGE','GARDEN','CANDLE','HAMMER','SILVER','WINDOW'],
  currentWord: null,
  heardWords: [],
  step: 1,               // 1=permission 2=level 3=recog
  wordTimeouts: []
};

function showMicValidation(onPass) {
  MV.onPass = onPass;
  MV.peakLevel = 0;
  MV.levelPassed = false;
  MV.recogPassed = false;
  MV.heardWords = [];
  MV.step = 1;
  MV.wordTimeouts.forEach(t=>clearTimeout(t));
  MV.wordTimeouts = [];

  // pick a random test word
  MV.currentWord = MV.testWords[Math.floor(Math.random()*MV.testWords.length)];

  // cache vol bars
  MV.volBars = Array.from({length:12},(_,i)=>document.getElementById('mvvb'+i));

  hideAll();
  $('micValidScreen').style.display = 'flex';

  // reset UI
  mvSetStep(1,'active');
  mvSetStep(2,'');
  mvSetStep(3,'');
  $('mvStep1Sub').textContent = 'Requesting microphone access…';
  $('mvLevelStatus').textContent = 'waiting for signal…';
  $('mvLevelStatus').className = 'micv-status';
  $('mvPromptWord').textContent = '—';
  $('mvHeardRow').innerHTML = '';
  $('mvRecogStatus').textContent = 'waiting…';
  $('mvRecogStatus').className = 'micv-status';
  $('mvOverallStatus').textContent = '';
  $('mvOverallStatus').className = 'micv-status';
  $('mvProceedBtn').disabled = true;

  mvStep1();
}

function mvSetStep(n, state) {
  const el = $('mvStep'+n+'Num');
  if(!el) return;
  el.className = 'micv-step-num' + (state ? ' '+state : '');
  el.textContent = state==='done' ? '✓' : state==='fail' ? '✗' : n;
}

// ── Step 1: request permission ────────────────────────────
async function mvStep1() {
  try {
    const stream = await navigator.mediaDevices.getUserMedia({audio:true, video:false});
    MV.micStream = stream;
    mvSetStep(1,'done');
    $('mvStep1Sub').textContent = 'Microphone access granted.';
    mvStep2(stream);
  } catch(e) {
    mvSetStep(1,'fail');
    $('mvStep1Sub').textContent = 'Denied: ' + e.message;
    $('mvOverallStatus').textContent = 'Microphone permission is required for voice input.';
    $('mvOverallStatus').className = 'micv-status err';
  }
}

// ── Step 2: level check ───────────────────────────────────
function mvStep2(stream) {
  mvSetStep(2,'active');
  try {
    MV.audioCtx = new AudioContext();
    MV.analyser = MV.audioCtx.createAnalyser();
    MV.analyser.fftSize = 256;
    const src = MV.audioCtx.createMediaStreamSource(stream);
    src.connect(MV.analyser);
    mvAnimLevel();
  } catch(e) {
    mvSetStep(2,'fail');
    $('mvLevelStatus').textContent = 'Audio analysis failed: '+e.message;
    $('mvLevelStatus').className = 'micv-status err';
  }
}

function mvAnimLevel() {
  if(!MV.analyser) return;
  const data = new Uint8Array(MV.analyser.frequencyBinCount);
  MV.analyser.getByteFrequencyData(data);
  // RMS of lower half (voice frequencies)
  const slice = data.slice(0, data.length/2);
  const rms = Math.sqrt(slice.reduce((s,v)=>s+v*v,0)/slice.length);
  const norm = Math.min(1, rms/80);

  MV.volBars.forEach((b,i) => {
    const thresh = (i+1)/MV.volBars.length;
    const lit = norm > thresh * 0.6;
    const h = lit ? Math.max(4, norm * 28) : 4;
    b.style.height = h.toFixed(0)+'px';
    b.style.background = norm > 0.6 ? 'var(--ok)' : norm > 0.25 ? 'var(--gold)' : '#1a2f44';
  });

  if(norm > MV.peakLevel) MV.peakLevel = norm;

  if(!MV.levelPassed && norm > 0.25) {
    MV.levelPassed = true;
    mvSetStep(2,'done');
    $('mvLevelStatus').textContent = 'Signal detected — level looks good.';
    $('mvLevelStatus').className = 'micv-status ok';
    // move to step 3 after a beat
    MV.wordTimeouts.push(setTimeout(mvStep3, 700));
  } else if(!MV.levelPassed) {
    $('mvLevelStatus').textContent = norm > 0.05 ? 'Low signal — speak louder or move closer to mic' : 'No signal — check mic connection';
    $('mvLevelStatus').className = 'micv-status ' + (norm > 0.05 ? 'warn' : '');
  }

  MV.volAnimId = requestAnimationFrame(mvAnimLevel);
}

// ── Step 3: recognition test ──────────────────────────────
function mvStep3() {
  mvSetStep(3,'active');
  $('mvPromptWord').textContent = MV.currentWord;
  $('mvRecogStatus').textContent = 'Listening — say the word above…';
  $('mvRecogStatus').className = 'micv-status warn';

  const SpeechRec = window.SpeechRecognition || window.webkitSpeechRecognition;
  if(!SpeechRec) {
    mvSetStep(3,'fail');
    $('mvRecogStatus').textContent = 'Web Speech API not supported in this browser.';
    $('mvRecogStatus').className = 'micv-status err';
    mvFinish(false, 'Recognition API unavailable — try Chrome or Edge.');
    return;
  }

  const r = new SpeechRec();
  r.lang = window._srLocale || 'en-US';
  r.continuous = false;
  r.interimResults = true;
  r.maxAlternatives = 5;
  MV.recognition = r;

  // show up to 3 attempts
  let attempts = 0;
  const maxAttempts = 3;

  r.onresult = (e) => {
    const finals = [], interims = [];
    for(let i=0;i<e.results.length;i++){
      for(let j=0;j<e.results[i].length;j++){
        const t = e.results[i][j].transcript.trim().toUpperCase();
        if(e.results[i].isFinal) finals.push(t); else interims.push(t);
      }
    }
    // show what was heard
    const heard = [...finals,...interims].join(', ');
    if(heard) $('mvRecogStatus').textContent = 'Heard: ' + heard;

    // check all alternatives for a match (exact or 1-edit)
    const allTokens = [...finals,...interims].join(' ').split(/\s+/);
    for(const tok of allTokens) {
      if(!tok) continue;
      const dist = levenshtein(tok, MV.currentWord);
      const matched = dist <= (MV.currentWord.length >= 6 ? 2 : 1);
      if(matched && !MV.recogPassed) {
        MV.recogPassed = true;
        const chip = document.createElement('div');
        chip.className = 'micv-heard-chip match';
        chip.textContent = tok + ' ✓';
        $('mvHeardRow').appendChild(chip);
        mvSetStep(3,'done');
        $('mvRecogStatus').textContent = 'Word recognised successfully!';
        $('mvRecogStatus').className = 'micv-status ok';
        try{ r.stop(); }catch(ex){}
        mvFinish(true, 'All checks passed — ready to proceed.');
        return;
      }
    }

    // non-matching finals — show as nomatch chip and try again
    finals.forEach(f => {
      const chip = document.createElement('div');
      chip.className = 'micv-heard-chip nomatch';
      chip.textContent = f;
      $('mvHeardRow').appendChild(chip);
    });
  };

  r.onerror = (e) => {
    if(e.error === 'no-speech') {
      attempts++;
      if(attempts < maxAttempts) { try{ r.start(); }catch(ex){} return; }
      mvSetStep(3,'fail');
      $('mvRecogStatus').textContent = 'No speech detected after '+maxAttempts+' attempts.';
      $('mvRecogStatus').className = 'micv-status err';
      mvFinish(false, 'Recognition failed — check mic and browser settings.');
    } else {
      mvSetStep(3,'fail');
      $('mvRecogStatus').textContent = 'Error: '+e.error;
      $('mvRecogStatus').className = 'micv-status err';
      mvFinish(false, 'Recognition error: '+e.error);
    }
  };

  r.onend = () => {
    if(!MV.recogPassed) {
      attempts++;
      if(attempts < maxAttempts) {
        // pick a new word and retry
        MV.currentWord = MV.testWords[Math.floor(Math.random()*MV.testWords.length)];
        $('mvPromptWord').textContent = MV.currentWord;
        $('mvRecogStatus').textContent = `Attempt ${attempts+1}/${maxAttempts} — say the new word`;
        $('mvRecogStatus').className = 'micv-status warn';
        MV.wordTimeouts.push(setTimeout(()=>{ try{ r.start(); }catch(ex){} }, 400));
      } else if(!MV.recogPassed) {
        mvSetStep(3,'fail');
        $('mvRecogStatus').textContent = 'Could not recognise speech after '+maxAttempts+' attempts.';
        $('mvRecogStatus').className = 'micv-status err';
        mvFinish(false, 'Recognition failed — you may still proceed but voice input may be unreliable.');
      }
    }
  };

  MV.wordTimeouts.push(setTimeout(()=>{ try{ r.start(); }catch(ex){
    mvSetStep(3,'fail');
    $('mvRecogStatus').textContent = 'Could not start recogniser: '+ex.message;
    $('mvRecogStatus').className = 'micv-status err';
    mvFinish(false, 'Could not start speech recognition.');
  }}, 300));
}

function mvFinish(passed, msg) {
  $('mvOverallStatus').textContent = msg;
  $('mvOverallStatus').className = 'micv-status '+(passed?'ok':'warn');
  $('mvProceedBtn').disabled = false;
  // stop level animation
  if(MV.volAnimId){ cancelAnimationFrame(MV.volAnimId); MV.volAnimId=null; }
}

function mvProceed() {
  mvCleanup();
  if(MV.onPass) MV.onPass();
}

function mvRetry() {
  mvCleanup();
  MV.wordTimeouts.forEach(t=>clearTimeout(t));
  MV.wordTimeouts = [];
  showMicValidation(MV.onPass);
}

function mvSkip() {
  mvCleanup();
  if(MV.onPass) MV.onPass();
}

function mvCleanup() {
  if(MV.volAnimId){ cancelAnimationFrame(MV.volAnimId); MV.volAnimId=null; }
  if(MV.recognition){ try{ MV.recognition.stop(); }catch(e){} MV.recognition=null; }
  // keep MV.micStream alive — pass it to main Speech module
  if(MV.micStream && !Speech.micStream) {
    Speech.micStream = MV.micStream;
    if(MV.audioCtx && !Speech.audioCtx){
      Speech.audioCtx = MV.audioCtx;
      Speech.analyser = MV.analyser;
      MV.audioCtx = null; MV.analyser = null;
    }
  } else if(MV.micStream) {
    // already have a stream — close the validation one
    if(MV.audioCtx){ try{ MV.audioCtx.close(); }catch(e){} MV.audioCtx=null; }
    MV.micStream = null;
  }
}


// ═══════════════════════════════════════════════════════════
// CARD SORTING ENGINE (WCST-style)
// ═══════════════════════════════════════════════════════════
const WCST_SHAPES   = ['▲','●','■','✦'];
const WCST_COLORS   = ['red','green','blue','yellow'];
const WCST_NUMS     = [1,2,3,4];
const WCST_RULES    = ['color','shape','number'];
const WCST_RUNS_GOAL = 6;
const WCST_CORRECT_TO_SHIFT = 10;
const WCST_MAX_TRIALS = 64;

// Four fixed target cards (one of each number, each shape, each color in canonical order)
const WCST_TARGETS = [
  {color:'red',   shape:'▲', num:1},
  {color:'green', shape:'●', num:2},
  {color:'blue',  shape:'■', num:3},
  {color:'yellow',shape:'✦', num:4},
];

const WCST = {
  active: false,
  isPractice: false,
  trial: 0,
  maxTrials: WCST_MAX_TRIALS,
  rule: null,
  prevRule: null,
  runsComplete: 0,
  consecutive: 0,
  waiting: false,
  stimulus: null,
  log: [],
  practiceLog: [],
  _feedbackTimer: null
};

function wcstRandomRule(exclude) {
  const opts = WCST_RULES.filter(r => r !== exclude);
  return opts[Math.floor(Math.random() * opts.length)];
}

function wcstMakeStimulus() {
  // random card that isn't identical to any target
  let card;
  do {
    card = {
      color: WCST_COLORS[Math.floor(Math.random() * 4)],
      shape: WCST_SHAPES[Math.floor(Math.random() * 4)],
      num:   Math.floor(Math.random() * 4) + 1
    };
  } while(WCST_TARGETS.some(t => t.color===card.color && t.shape===card.shape && t.num===card.num));
  return card;
}

function wcstCorrectTarget(stimulus, rule) {
  return WCST_TARGETS.findIndex(t => t[rule] === stimulus[rule]);
}

function startWCST(isPractice) {
  WCST.active = true;
  WCST.isPractice = isPractice;
  WCST.trial = 0;
  WCST.runsComplete = 0;
  WCST.consecutive = 0;
  WCST.waiting = false;
  WCST.rule = wcstRandomRule(null);
  WCST.prevRule = null;
  WCST.maxTrials = isPractice ? 12 : WCST_MAX_TRIALS;
  if(isPractice) WCST.practiceLog = []; else WCST.log = [];

  hideAll();
  $('wcstScreen').style.display = 'flex';
  $('wcstPracticeBanner').style.display = isPractice ? 'block' : 'none';
  $('wcstFeedback').textContent = '';
  $('wcstFeedback').className = 'feedback';
  $('wcstPersevStrip').innerHTML = '';
  $('wcst-persev-count').textContent = 'Persev: 0';
  $('wcst-runs').textContent = 'Runs: 0';
  $('exportBtn').disabled = true;
  $('si-task').textContent = 'WCST' + (isPractice ? ' (PRAC)' : '');
  $('wcstRuleHint').textContent = 'Discover the sorting rule by trial and error';

  wcstRenderTargets();
  wcstNextTrial();
  speak(isPractice ? 'Practice card sorting.' : 'Card sorting task. Find the rule.');
}

function wcstRenderTargets() {
  const el = $('wcstTargets');
  el.innerHTML = '';
  WCST_TARGETS.forEach((t, i) => {
    const card = wcstMakeCard(t, true, i);
    el.appendChild(card);
  });
}

function wcstMakeCard(data, isTarget, idx) {
  const card = document.createElement('div');
  card.className = 'wcst-card wcst-c-' + data.color + (isTarget ? '' : ' stimulus');
  if(isTarget) {
    card.classList.add('selectable');
    card.onclick = () => wcstSort(idx);
  }
  // stack num symbols
  const symWrap = document.createElement('div');
  symWrap.className = 'wcst-card-shape';
  symWrap.style.display = 'flex';
  symWrap.style.flexDirection = 'column';
  symWrap.style.alignItems = 'center';
  symWrap.style.lineHeight = '1.1';
  symWrap.style.fontSize = data.num > 2 ? '1.3rem' : '1.7rem';
  for(let i = 0; i < data.num; i++) {
    const s = document.createElement('span');
    s.textContent = data.shape;
    symWrap.appendChild(s);
  }
  card.appendChild(symWrap);
  return card;
}

function wcstNextTrial() {
  if(WCST.trial >= WCST.maxTrials || WCST.runsComplete >= WCST_RUNS_GOAL) {
    wcstEnd(); return;
  }
  WCST.trial++;
  WCST.stimulus = wcstMakeStimulus();
  WCST.waiting = true;

  $('wcst-trial').textContent = `Trial ${WCST.trial}/${WCST.maxTrials}`;
  $('wcstProgressBar').style.width = ((WCST.trial-1)/WCST.maxTrials*100).toFixed(1)+'%';
  $('wcstFeedback').textContent = '';
  $('wcstFeedback').className = 'feedback';

  const stimEl = $('wcstStimulus');
  stimEl.innerHTML = '';
  stimEl.appendChild(wcstMakeCard(WCST.stimulus, false, -1));
}

function wcstSort(targetIdx) {
  if(!WCST.waiting) return;
  WCST.waiting = false;

  const correctIdx = wcstCorrectTarget(WCST.stimulus, WCST.rule);
  const correct = targetIdx === correctIdx;

  // Perseverative error: would have been correct under prevRule but wrong under current
  let isPersev = false;
  if(!correct && WCST.prevRule) {
    const prevCorrectIdx = wcstCorrectTarget(WCST.stimulus, WCST.prevRule);
    isPersev = (targetIdx === prevCorrectIdx);
  }

  const entry = {
    trial: WCST.trial,
    rule: WCST.rule,
    stimColor: WCST.stimulus.color,
    stimShape: WCST.stimulus.shape,
    stimNum: WCST.stimulus.num,
    targetChosen: targetIdx,
    targetCorrect: correctIdx,
    correct,
    isPersev,
    runsComplete: WCST.runsComplete
  };
  if(WCST.isPractice) WCST.practiceLog.push(entry); else WCST.log.push(entry);

  // Flash chosen target card
  const targetCards = $('wcstTargets').children;
  if(targetCards[targetIdx]) {
    targetCards[targetIdx].classList.add(correct ? 'flash-ok' : 'flash-err');
    setTimeout(() => {
      targetCards[targetIdx].classList.remove('flash-ok','flash-err');
    }, 350);
  }

  // persev dot
  const dot = document.createElement('div');
  dot.className = 'wcst-persev-dot' + (correct ? ' ok' : isPersev ? ' persev' : ' err');
  $('wcstPersevStrip').appendChild(dot);

  // feedback
  const fb = $('wcstFeedback');
  fb.textContent = correct ? '✓ correct' : isPersev ? '✗ perseverative error' : '✗ wrong';
  fb.className = 'feedback ' + (correct ? 'ok' : 'err');
  if(isPersev) fb.style.color = 'var(--gold)'; else fb.style.color = '';

  // update counts
  if(correct) WCST.consecutive++; else WCST.consecutive = 0;
  const log = WCST.isPractice ? WCST.practiceLog : WCST.log;
  const totalCorrect = log.filter(r=>r.correct).length;
  const totalErrors  = log.filter(r=>!r.correct).length;
  const totalPersev  = log.filter(r=>r.isPersev).length;
  $('wcst-correct').textContent = totalCorrect;
  $('wcst-errors').textContent  = totalErrors;
  $('wcst-consec').textContent  = WCST.consecutive;
  $('wcst-persev-count').textContent = 'Persev: ' + totalPersev;

  speak(correct ? 'correct' : 'wrong');

  // Rule shift after WCST_CORRECT_TO_SHIFT consecutive correct
  if(WCST.consecutive >= WCST_CORRECT_TO_SHIFT) {
    WCST.runsComplete++;
    WCST.consecutive = 0;
    WCST.prevRule = WCST.rule;
    WCST.rule = wcstRandomRule(WCST.rule);
    $('wcst-runs').textContent = 'Runs: ' + WCST.runsComplete;
    $('wcstRuleHint').textContent = 'Rule has changed — discover the new rule';
    speak('Rule changed.');
  }

  $('si-trial').textContent = `${WCST.trial}/${WCST.maxTrials}`;
  $('si-acc').textContent = log.length ? (totalCorrect/log.length*100).toFixed(0)+'%' : '—';

  WCST._feedbackTimer = setTimeout(wcstNextTrial, 500);
}

function wcstEnd() {
  $('wcstProgressBar').style.width = '100%';
  clearTimeout(WCST._feedbackTimer);
  WCST.active = false;

  const log = WCST.isPractice ? WCST.practiceLog : WCST.log;
  const correct = log.filter(r=>r.correct).length;
  const persev  = log.filter(r=>r.isPersev).length;
  const acc = log.length ? (correct/log.length*100).toFixed(0) : 0;

  if(WCST.isPractice) {
    hideAll();
    $('pcStats').innerHTML = `TRIALS &nbsp;<span>${log.length}</span> &nbsp;&nbsp; ACC &nbsp;<span>${acc}%</span> &nbsp;&nbsp; PERSEV &nbsp;<span>${persev}</span>`;
    $('practiceComplete').style.display = 'flex';
    speak('Practice complete. Ready to begin?');
  } else {
    $('exportBtn').disabled = false;
    const fb = $('wcstFeedback');
    fb.textContent = `DONE · ${WCST.runsComplete} runs · acc ${acc}% · persev ${persev}`;
    fb.className = 'feedback ok';
    speak(`Card sorting complete. ${WCST.runsComplete} runs completed. Perseverative errors: ${persev}.`);
  }
}

// ═══════════════════════════════════════════════════════════
// SESSION STATS CHART
// ═══════════════════════════════════════════════════════════
function showStats() {
  hideAll();
  $('statsScreen').style.display = 'flex';
  renderStats();
}

function renderStats() {
  const el = $('statsContent');
  el.innerHTML = '';

  const sections = [];

  // ── GNG ──────────────────────────────────────────────────
  if(S.task === 'GNG' && S.log.length) {
    const log = S.log;
    const hits = log.filter(r=>r.stimType==='GO'&&r.correct).length;
    const goTotal = log.filter(r=>r.stimType==='GO').length;
    const fa = log.filter(r=>r.stimType==='NOGO'&&!r.correct&&r.rt!==null).length;
    const nogoTotal = log.filter(r=>r.stimType==='NOGO').length;
    const rts = log.filter(r=>r.rt!==null&&r.stimType==='GO').map(r=>r.rt);
    const avgRT = rts.length ? (rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0) : '—';
    sections.push(statsSection('GO / NO-GO', [
      {label:'HIT RATE', value: goTotal?(hits/goTotal*100).toFixed(0)+'%':'—', sub:`${hits}/${goTotal} go trials`},
      {label:'FALSE ALARM', value: nogoTotal?(fa/nogoTotal*100).toFixed(0)+'%':'—', sub:`${fa}/${nogoTotal} nogo trials`},
      {label:'AVG GO RT', value: avgRT+' ms', sub:'correct go responses'},
      {label:'TRIALS', value: log.length, sub:'total'}
    ], [
      {label:'HIT RATE', pct: goTotal?hits/goTotal:0, cls:'ok'},
      {label:'FA RATE',  pct: nogoTotal?fa/nogoTotal:0, cls:'err'},
    ], rts));
  }

  // ── NBACK ─────────────────────────────────────────────────
  if(S.task === 'NBACK' && S.log.length) {
    const log = S.log;
    const hits = log.filter(r=>r.stimType.includes('MATCH')&&r.correct).length;
    const matchTotal = log.filter(r=>r.stimType.includes('MATCH')).length;
    const fa = log.filter(r=>r.stimType.includes('NON')&&!r.correct&&r.rt!==null).length;
    const nonTotal = log.filter(r=>r.stimType.includes('NON')).length;
    const rts = log.filter(r=>r.rt!==null).map(r=>r.rt);
    const avgRT = rts.length ? (rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0) : '—';
    const dprime = (hits/Math.max(matchTotal,1) > 0 && fa/Math.max(nonTotal,1) < 1) ?
      (normInv(hits/Math.max(matchTotal,1)) - normInv(fa/Math.max(nonTotal,1))).toFixed(2) : '—';
    sections.push(statsSection('N-BACK', [
      {label:"HIT RATE", value: matchTotal?(hits/matchTotal*100).toFixed(0)+'%':'—', sub:`${hits}/${matchTotal} matches`},
      {label:'FA RATE',  value: nonTotal?(fa/nonTotal*100).toFixed(0)+'%':'—', sub:`${fa}/${nonTotal} non-matches`},
      {label:"d'",       value: dprime, sub:'sensitivity index'},
      {label:'AVG RT',   value: avgRT+' ms', sub:'all responses'}
    ], [
      {label:'HIT RATE', pct: matchTotal?hits/matchTotal:0, cls:'ok'},
      {label:'FA RATE',  pct: nonTotal?fa/nonTotal:0,        cls:'err'},
    ], rts));
  }

  // ── SPATIAL ───────────────────────────────────────────────
  if(S.task === 'SPATIAL' && S.log.length) {
    const log = S.log;
    const correct = log.filter(r=>r.correct).length;
    const rts = log.filter(r=>r.rt!==null&&r.correct).map(r=>r.rt);
    const avgRT = rts.length ? (rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0) : '—';
    const minRT = rts.length ? Math.min(...rts).toFixed(0) : '—';
    sections.push(statsSection('SPATIAL ATTENTION', [
      {label:'ACCURACY',  value: (correct/log.length*100).toFixed(0)+'%', sub:`${correct}/${log.length}`},
      {label:'AVG RT',    value: avgRT+' ms', sub:'correct trials'},
      {label:'BEST RT',   value: minRT+' ms', sub:'fastest correct'},
      {label:'MISSES',    value: log.filter(r=>r.response==='TIMEOUT').length, sub:'timeouts'}
    ], [
      {label:'ACCURACY', pct: correct/log.length, cls:'ok'},
      {label:'ERRORS',   pct: (log.length-correct)/log.length, cls:'err'},
    ], rts));
  }

  // ── POSNER ────────────────────────────────────────────────
  if(P.log && P.log.length) {
    const log = P.log;
    const vRTs  = log.filter(r=>r.cueType==='valid'  &&r.rt!==null).map(r=>r.rt);
    const iRTs  = log.filter(r=>r.cueType==='invalid'&&r.rt!==null).map(r=>r.rt);
    const avg = a=>a.length?(a.reduce((x,y)=>x+y,0)/a.length).toFixed(0):'—';
    const benefit = vRTs.length&&iRTs.length ? ((iRTs.reduce((a,b)=>a+b,0)/iRTs.length)-(vRTs.reduce((a,b)=>a+b,0)/vRTs.length)).toFixed(0) : '—';
    sections.push(statsSection('POSNER CUEING', [
      {label:'VALID RT',   value: avg(vRTs)+' ms', sub:`n=${vRTs.length}`},
      {label:'INVALID RT', value: avg(iRTs)+' ms', sub:`n=${iRTs.length}`},
      {label:'BENEFIT',    value: benefit !== '—' ? benefit+' ms' : '—', sub:'invalid − valid'},
      {label:'TRIALS',     value: log.length, sub:'total'}
    ], [
      {label:'VALID RT',   pct: vRTs.length ? Math.min(1,parseFloat(avg(vRTs))/600) : 0, cls:'ok'},
      {label:'INVALID RT', pct: iRTs.length ? Math.min(1,parseFloat(avg(iRTs))/600) : 0, cls:'err'},
    ], [...vRTs,...iRTs]));
  }

  // ── FREE RECALL ───────────────────────────────────────────
  if(FR.recalled && FR.recalled.length) {
    const hits = FR.recalled.filter(r=>r.isHit).length;
    const total = FR.studyList.length || 12;
    const intrusions = FR.recalled.filter(r=>r.isIntrusion).length;
    // primacy: first third recalled; recency: last third
    const third = Math.ceil(total/3);
    const hitPos = FR.recalled.filter(r=>r.isHit).map(r=>r.serialPos);
    const primacy = hitPos.filter(p=>p<third).length;
    const recency = hitPos.filter(p=>p>=total-third).length;
    sections.push(statsSection('FREE RECALL', [
      {label:'HITS',       value: `${hits}/${total}`, sub:(hits/total*100).toFixed(0)+'%'},
      {label:'INTRUSIONS', value: intrusions, sub:'non-list words'},
      {label:'PRIMACY',    value: primacy, sub:'first-third recalled'},
      {label:'RECENCY',    value: recency, sub:'last-third recalled'},
    ], [
      {label:'HIT RATE',  pct: hits/total, cls:'ok'},
      {label:'INTRUSION', pct: Math.min(1,intrusions/total), cls:'err'},
    ], []));
  }

  // ── WCST ─────────────────────────────────────────────────
  if(WCST.log && WCST.log.length) {
    const log = WCST.log;
    const correct = log.filter(r=>r.correct).length;
    const persev  = log.filter(r=>r.isPersev).length;
    const errors  = log.filter(r=>!r.correct).length;
    const nonPersev = errors - persev;
    sections.push(statsSection('CARD SORTING', [
      {label:'RUNS',       value: WCST.runsComplete, sub:'of '+WCST_RUNS_GOAL+' goal'},
      {label:'ACCURACY',   value: (correct/log.length*100).toFixed(0)+'%', sub:`${correct}/${log.length}`},
      {label:'PERSEV ERR', value: persev, sub:'by old rule'},
      {label:'NON-PERSEV', value: nonPersev, sub:'other errors'},
    ], [
      {label:'ACCURACY', pct: correct/log.length, cls:'ok'},
      {label:'PERSEV',   pct: log.length?persev/log.length:0, cls:'err'},
    ], []));
  }

  // ── VRT ──────────────────────────────────────────────────
  if(VRT.log && VRT.log.length) {
    const log = VRT.log;
    const hits = log.filter(r=>r.correct).length;
    const fa   = log.filter(r=>!r.correct).length;
    const rts  = log.filter(r=>r.rt!=null&&r.correct).map(r=>r.rt);
    const avgRT = rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const hr = log.length ? hits/log.length : 0;
    const far = log.length ? fa/log.length : 0;
    const dprime = (hr>0&&far<1)?( normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far)) ).toFixed(2):'—';
    sections.push(statsSection('VISUAL RECOGNITION',[
      {label:"HIT RATE", value:(hr*100).toFixed(0)+'%', sub:`${hits}/${log.length}`},
      {label:"FA RATE",  value:(far*100).toFixed(0)+'%', sub:`${fa} false alarms`},
      {label:"d'",       value:dprime, sub:'sensitivity'},
      {label:"AVG RT",   value:avgRT+' ms', sub:'correct trials'}
    ],[
      {label:'HIT RATE', pct:hr, cls:'ok'},
      {label:'FA RATE',  pct:far, cls:'err'},
    ], rts));
  }


  // ── CSR ──────────────────────────────────────────────────
  if(CSR.log && CSR.log.length) {
    const log=CSR.log, tgts=log.filter(r=>r.isTarget), nonTgts=log.filter(r=>!r.isTarget);
    const hits=tgts.filter(r=>r.correct&&r.rt).length, fas=nonTgts.filter(r=>!r.correct).length;
    const rts=tgts.filter(r=>r.rt).map(r=>r.rt);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const hr=tgts.length?hits/tgts.length:0, far=nonTgts.length?fas/nonTgts.length:0;
    const dprime=(hr>0&&far<1)?(normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2):'—';
    sections.push(statsSection('CONTRAST REVERSAL',[
      {label:'HIT RATE',value:(hr*100).toFixed(0)+'%',sub:`${hits}/${tgts.length}`},
      {label:'FA RATE', value:(far*100).toFixed(0)+'%',sub:`${fas} FAs`},
      {label:"d'",      value:dprime,sub:'sensitivity'},
      {label:'AVG RT',  value:avgRT+' ms',sub:'target hits'}
    ],[{label:'HIT RATE',pct:hr,cls:'ok'},{label:'FA RATE',pct:far,cls:'err'}],rts));
  }
  // ── P300 ─────────────────────────────────────────────────
  if(P300.log && P300.log.length) {
    const log=P300.log, odds=log.filter(r=>r.isOddball), stds=log.filter(r=>!r.isOddball);
    const hits=odds.filter(r=>r.correct&&r.rt).length, fas=stds.filter(r=>!r.correct).length;
    const rts=odds.filter(r=>r.rt).map(r=>r.rt);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const hr=odds.length?hits/odds.length:0, far=stds.length?fas/stds.length:0;
    const dprime=(hr>0&&far<1)?(normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2):'—';
    sections.push(statsSection('AUDITORY P300',[
      {label:'HIT RATE',value:(hr*100).toFixed(0)+'%',sub:`${hits}/${odds.length} oddballs`},
      {label:'FA RATE', value:(far*100).toFixed(0)+'%',sub:`${fas} FAs`},
      {label:"d'",      value:dprime,sub:'sensitivity'},
      {label:'AVG RT',  value:avgRT+' ms',sub:'oddball hits'}
    ],[{label:'HIT RATE',pct:hr,cls:'ok'},{label:'FA RATE',pct:far,cls:'err'}],rts));
  }

  // ── STERNBERG ─────────────────────────────────────────────
  if(STB.log && STB.log.length) {
    const log = STB.log;
    const targets = log.filter(r=>r.probeType==='target');
    const foils   = log.filter(r=>r.probeType==='foil');
    const hits  = targets.filter(r=>r.correct).length;
    const fas   = foils.filter(r=>!r.correct).length;
    const rts   = log.filter(r=>r.rt).map(r=>r.rt);
    const avgRT = rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const hr  = targets.length ? hits/targets.length : 0;
    const far = foils.length   ? fas/foils.length    : 0;
    const dprime = (hr>0&&far<1)?(normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2):'—';
    sections.push(statsSection('STERNBERG MEMORY',[
      {label:'HIT RATE', value:(hr*100).toFixed(0)+'%', sub:`${hits}/${targets.length}`},
      {label:'FA RATE',  value:(far*100).toFixed(0)+'%', sub:`${fas}/${foils.length}`},
      {label:"d'",       value:dprime, sub:'sensitivity'},
      {label:'AVG RT',   value:avgRT+' ms', sub:'all trials'}
    ],[
      {label:'HIT RATE', pct:hr,  cls:'ok'},
      {label:'FA RATE',  pct:far, cls:'err'},
    ], rts));
  }
  // ── FLANKER ───────────────────────────────────────────────
  if(typeof FLANKER!=='undefined' && FLANKER.log && FLANKER.log.length) {
    const log = FLANKER.log;
    const cong   = log.filter(r=>r.condition==='congruent');
    const incong  = log.filter(r=>r.condition==='incongruent');
    const acc    = log.filter(r=>r.correct).length / log.length;
    const rts    = log.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgRT  = rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const congRT = cong.filter(r=>r.rt!=null).map(r=>r.rt);
    const incRT  = incong.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgCong  = congRT.length ?(congRT.reduce((a,b)=>a+b,0)/congRT.length).toFixed(0):'—';
    const avgInc   = incRT.length  ?(incRT.reduce((a,b)=>a+b,0)/incRT.length).toFixed(0):'—';
    sections.push(statsSection('FLANKER',[
      {label:'ACCURACY', value:(acc*100).toFixed(0)+'%', sub:`${log.filter(r=>r.correct).length}/${log.length}`},
      {label:'AVG RT',   value:avgRT+' ms',  sub:'all trials'},
      {label:'CONG RT',  value:avgCong+' ms', sub:'congruent'},
      {label:'INCONG RT',value:avgInc+' ms',  sub:'incongruent'},
    ],[
      {label:'ACCURACY', pct:acc, cls:'ok'},
    ], rts));
  }

  // ── STOP SIGNAL ───────────────────────────────────────────
  if(typeof STOP!=='undefined' && STOP.log && STOP.log.length) {
    const log = STOP.log;
    const goTrials   = log.filter(r=>!r.isStop);
    const stopTrials = log.filter(r=>r.isStop);
    const goAcc  = goTrials.length   ? goTrials.filter(r=>r.correct).length / goTrials.length   : 0;
    const stopAcc= stopTrials.length ? stopTrials.filter(r=>r.correct).length / stopTrials.length: 0;
    const goRTs  = goTrials.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgGoRT= goRTs.length?(goRTs.reduce((a,b)=>a+b,0)/goRTs.length).toFixed(0):'—';
    const lastSSD= log[log.length-1].ssd;
    sections.push(statsSection('STOP SIGNAL',[
      {label:'GO ACC',   value:(goAcc*100).toFixed(0)+'%',   sub:`${goTrials.filter(r=>r.correct).length}/${goTrials.length}`},
      {label:'STOP ACC', value:(stopAcc*100).toFixed(0)+'%', sub:`${stopTrials.filter(r=>r.correct).length}/${stopTrials.length}`},
      {label:'GO RT',    value:avgGoRT+' ms', sub:'go trials'},
      {label:'SSD',      value:lastSSD+' ms', sub:'final stop delay'},
    ],[
      {label:'GO ACC',   pct:goAcc,   cls:'ok'},
      {label:'STOP ACC', pct:stopAcc, cls:'ok'},
    ], goRTs));
  }

  // ── N400 ──────────────────────────────────────────────────
  if(typeof N400!=='undefined' && N400.log && N400.log.length) {
    const log   = N400.log;
    const cong  = log.filter(r=>r.condition==='congruent');
    const incong = log.filter(r=>r.condition==='incongruent');
    const acc   = log.filter(r=>r.correct).length / log.length;
    const congRTs = cong.filter(r=>r.rt!=null).map(r=>r.rt);
    const incRTs  = incong.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgCong = congRTs.length?(congRTs.reduce((a,b)=>a+b,0)/congRTs.length).toFixed(0):'—';
    const avgInc  = incRTs.length ?(incRTs.reduce((a,b)=>a+b,0)/incRTs.length).toFixed(0):'—';
    const rtDiff  = (congRTs.length && incRTs.length) ? (parseFloat(avgInc)-parseFloat(avgCong)).toFixed(0) : '—';
    const allRTs  = log.filter(r=>r.rt!=null).map(r=>r.rt);
    sections.push(statsSection('N400',[
      {label:'ACCURACY',  value:(acc*100).toFixed(0)+'%', sub:`${log.filter(r=>r.correct).length}/${log.length}`},
      {label:'CONG RT',   value:avgCong+' ms', sub:'congruent'},
      {label:'INCONG RT', value:avgInc+' ms',  sub:'incongruent'},
      {label:'RT COST',   value:(rtDiff!=='—'?(rtDiff>0?'+':'')+rtDiff:rtDiff)+' ms', sub:'incong − cong'},
    ],[
      {label:'ACCURACY', pct:acc, cls:'ok'},
    ], allRTs));
  }

  // ── P600 ──────────────────────────────────────────────────
  if(typeof P600!=='undefined' && P600.log && P600.log.length) {
    const log  = P600.log;
    const corr = log.filter(r=>r.condition==='correct');
    const viol = log.filter(r=>r.condition==='violation');
    const acc  = log.filter(r=>r.correct).length / log.length;
    const corrRTs = corr.filter(r=>r.rt!=null).map(r=>r.rt);
    const violRTs = viol.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgCorr = corrRTs.length?(corrRTs.reduce((a,b)=>a+b,0)/corrRTs.length).toFixed(0):'—';
    const avgViol = violRTs.length?(violRTs.reduce((a,b)=>a+b,0)/violRTs.length).toFixed(0):'—';
    const allRTs  = log.filter(r=>r.rt!=null).map(r=>r.rt);
    sections.push(statsSection('P600',[
      {label:'ACCURACY', value:(acc*100).toFixed(0)+'%', sub:`${log.filter(r=>r.correct).length}/${log.length}`},
      {label:'CORR RT',  value:avgCorr+' ms', sub:'grammatical'},
      {label:'VIOL RT',  value:avgViol+' ms', sub:'violation'},
    ],[
      {label:'ACCURACY', pct:acc, cls:'ok'},
    ], allRTs));
  }

  // ── ERN ───────────────────────────────────────────────────
  if(typeof ERN!=='undefined' && ERN.log && ERN.log.length) {
    const log    = ERN.log;
    const acc    = log.filter(r=>r.correct).length / log.length;
    const errors = log.filter(r=>!r.correct && r.rt!=null);
    const hits   = log.filter(r=>r.correct && r.rt!=null);
    const errRT  = errors.length?(errors.reduce((a,b)=>a+b.rt,0)/errors.length).toFixed(0):'—';
    const hitRT  = hits.length  ?(hits.reduce((a,b)=>a+b.rt,0)/hits.length).toFixed(0):'—';
    const allRTs = log.filter(r=>r.rt!=null).map(r=>r.rt);
    sections.push(statsSection('ERN',[
      {label:'ACCURACY',  value:(acc*100).toFixed(0)+'%', sub:`${log.filter(r=>r.correct).length}/${log.length} correct`},
      {label:'ERROR RATE',value:((1-acc)*100).toFixed(0)+'%', sub:`${errors.length} errors`},
      {label:'CORRECT RT',value:hitRT+' ms',  sub:'hits'},
      {label:'ERROR RT',  value:errRT+' ms',  sub:'commission errors'},
    ],[
      {label:'ACCURACY',   pct:acc,   cls:'ok'},
      {label:'ERROR RATE', pct:1-acc, cls:'err'},
    ], allRTs));
  }

  // ── FINGER TAPPING ──────────────────────────────────────────
  if(typeof FTT!=='undefined' && FTT.log && FTT.log.length) {
    const log=FTT.log;
    const sub=(name)=>log.filter(r=>r.subtest===name);
    const meanTaps=(arr)=>arr.length?(arr.reduce((a,b)=>a+b.taps,0)/arr.length).toFixed(1):'—';
    const dom=sub('dominant'),ndom=sub('nondominant'),alt=sub('alternating');
    const domMean=parseFloat(meanTaps(dom)),ndomMean=parseFloat(meanTaps(ndom));
    const asymm=(!isNaN(domMean)&&!isNaN(ndomMean)&&ndomMean>0)?((domMean-ndomMean)/domMean*100).toFixed(0)+'%':'—';
    const allRTs=[];
    sections.push(statsSection('FINGER TAPPING',[
      {label:'DOM TAPS',   value:meanTaps(dom),  sub:'mean per 10 s trial'},
      {label:'NDOM TAPS',  value:meanTaps(ndom), sub:'mean per 10 s trial'},
      {label:'ALT TAPS',   value:meanTaps(alt),  sub:'mean alternating'},
      {label:'ASYMMETRY',  value:asymm,           sub:'(dom−ndom)/dom'},
    ],[
      {label:'DOM',  pct:Math.min(1,domMean/80),  cls:'ok'},
      {label:'NDOM', pct:Math.min(1,ndomMean/80), cls:'ok'},
    ], allRTs));
  }

  // ── CNV ──────────────────────────────────────────────────────
  if(typeof CNV!=='undefined' && CNV.log && CNV.log.length) {
    const log=CNV.log;
    const goTrials  =log.filter(r=>r.type==='go');
    const catchTrials=log.filter(r=>r.type==='catch');
    const hits=goTrials.filter(r=>r.correct);
    const fas =catchTrials.filter(r=>r.fa);
    const hitRate=goTrials.length?hits.length/goTrials.length:0;
    const faRate =catchTrials.length?fas.length/catchTrials.length:0;
    const rts=hits.filter(r=>r.rt!=null).map(r=>r.rt);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
    const dprime=(hitRate>0&&faRate<1)?(normInv(Math.min(0.999,hitRate))-normInv(Math.max(0.001,faRate))).toFixed(2):'—';
    sections.push(statsSection('CNV',[
      {label:'HIT RATE', value:(hitRate*100).toFixed(0)+'%', sub:`${hits.length}/${goTrials.length}`},
      {label:'FA RATE',  value:(faRate*100).toFixed(0)+'%',  sub:`${fas.length}/${catchTrials.length}`},
      {label:"d'",       value:dprime,                        sub:'sensitivity'},
      {label:'AVG RT',   value:avgRT+' ms',                  sub:'go trials'},
    ],[
      {label:'HIT RATE', pct:hitRate, cls:'ok'},
      {label:'FA RATE',  pct:faRate,  cls:'err'},
    ], rts));
  }

  // ── DIGIT SPAN ────────────────────────────────────────────
  if(typeof DST!=='undefined' && DST.log && DST.log.length) {
    const log=DST.log;
    const fwd=log.filter(r=>r.subtest==='forward');
    const bwd=log.filter(r=>r.subtest==='backward');
    const fwdAcc=fwd.length?fwd.filter(r=>r.correct).length/fwd.length:0;
    const bwdAcc=bwd.length?bwd.filter(r=>r.correct).length/bwd.length:0;
    sections.push(statsSection('DIGIT SPAN',[
      {label:'FWD SPAN',  value:DST.fwdSpan,                           sub:'forward span score'},
      {label:'BWD SPAN',  value:DST.bwdSpan,                           sub:'backward span score'},
      {label:'TOTAL',     value:DST.fwdSpan+DST.bwdSpan,               sub:'combined score'},
      {label:'FWD ACC',   value:(fwdAcc*100).toFixed(0)+'%',           sub:`${fwd.filter(r=>r.correct).length}/${fwd.length}`},
      {label:'BWD ACC',   value:(bwdAcc*100).toFixed(0)+'%',           sub:`${bwd.filter(r=>r.correct).length}/${bwd.length}`},
    ],[
      {label:'FWD ACC', pct:fwdAcc, cls:'ok'},
      {label:'BWD ACC', pct:bwdAcc, cls:'ok'},
    ], []));
  }

  // ── STROOP ────────────────────────────────────────────────
  if(typeof STROOP!=='undefined' && STROOP.log && STROOP.log.length) {
    const log=STROOP.log;
    const cong   =log.filter(r=>r.condition==='congruent');
    const incong  =log.filter(r=>r.condition==='incongruent');
    const neutral =log.filter(r=>r.condition==='neutral');
    const meanRT  =arr=>{ const v=arr.filter(r=>r.rt!=null).map(r=>r.rt); return v.length?(v.reduce((a,b)=>a+b,0)/v.length):null; };
    const cRT=meanRT(cong), iRT=meanRT(incong), nRT=meanRT(neutral);
    const interference=(cRT!=null&&iRT!=null)?(iRT-cRT).toFixed(0):'—';
    const acc=log.filter(r=>r.correct).length/log.length;
    const allRTs=log.filter(r=>r.rt!=null).map(r=>r.rt);
    sections.push(statsSection('STROOP',[
      {label:'INTERFERENCE', value:(interference!=='—'?(interference>0?'+':'')+interference:interference)+' ms', sub:'incong − cong RT'},
      {label:'CONG RT',      value:cRT!=null?cRT.toFixed(0)+' ms':'—', sub:'congruent'},
      {label:'INCONG RT',    value:iRT!=null?iRT.toFixed(0)+' ms':'—', sub:'incongruent'},
      {label:'NEUTRAL RT',   value:nRT!=null?nRT.toFixed(0)+' ms':'—', sub:'neutral'},
      {label:'ACCURACY',     value:(acc*100).toFixed(0)+'%', sub:`${log.filter(r=>r.correct).length}/${log.length}`},
    ],[
      {label:'ACCURACY', pct:acc, cls:'ok'},
      {label:'CONG',     pct:cong.length?cong.filter(r=>r.correct).length/cong.length:0,   cls:'ok'},
      {label:'INCONG',   pct:incong.length?incong.filter(r=>r.correct).length/incong.length:0, cls:'ok'},
    ], allRTs));
  }

  // ── MMN ───────────────────────────────────────────────────────
  if(typeof MMN!=='undefined' && MMN.log && MMN.log.length) {
    const log      = MMN.log;
    const standards = log.filter(r=>r.type==='standard');
    const deviants  = log.filter(r=>r.type==='deviant');
    const total    = log.length;
    const devRate  = total ? (deviants.length/total*100).toFixed(0) : '—';
    const dur      = log.length>1 ? ((log[log.length-1].onset - log[0].onset)/1000).toFixed(1) : '—';
    sections.push(statsSection('MMN',[
      {label:'TOTAL TONES', value:total,                 sub:'presented'},
      {label:'STANDARDS',   value:standards.length,      sub:'frequent'},
      {label:'DEVIANTS',    value:deviants.length,       sub:'oddball'},
      {label:'DEVIANT RATE',value:devRate+'%',           sub:'observed'},
    ],[
      {label:'DEVIANTS', pct:deviants.length/Math.max(total,1), cls:'ok'},
    ], []));
  }

  if(sections.length === 0) {
    const empty = document.createElement('div');
    empty.className = 'stats-no-data';
    empty.textContent = 'No task data recorded yet. Complete at least one task to see statistics.';
    el.appendChild(empty);
    return;
  }
  sections.forEach(s => el.appendChild(s));
}

function statsSection(title, cards, bars, rts) {
  const sec = document.createElement('div');
  sec.className = 'stats-section';

  const ttl = document.createElement('div');
  ttl.className = 'stats-section-title';
  ttl.textContent = title;
  sec.appendChild(ttl);

  // metric cards
  const cardRow = document.createElement('div');
  cardRow.className = 'stats-cards';
  cards.forEach(c => {
    const card = document.createElement('div');
    card.className = 'stats-card';
    card.innerHTML = `<div class="stats-card-label">${c.label}</div><div class="stats-card-value">${c.value}</div><div class="stats-card-sub">${c.sub}</div>`;
    cardRow.appendChild(card);
  });
  sec.appendChild(cardRow);

  // bar chart
  if(bars.length) {
    const chart = document.createElement('div');
    chart.className = 'stats-bar-chart';
    bars.forEach(b => {
      const row = document.createElement('div');
      row.className = 'stats-bar-row';
      const pct = Math.min(1, Math.max(0, b.pct));
      row.innerHTML = `<div class="stats-bar-label">${b.label}</div><div class="stats-bar-track"><div class="stats-bar-fill ${b.cls}" style="width:${(pct*100).toFixed(1)}%"></div><div class="stats-bar-val">${(pct*100).toFixed(0)}%</div></div>`;
      chart.appendChild(row);
    });
    sec.appendChild(chart);
  }

  // RT scatter (small dot plot)
  if(rts.length > 1) {
    const scLabel = document.createElement('div');
    scLabel.style.cssText = 'font-size:0.75rem;color:var(--dim);letter-spacing:0.1em;margin-top:4px;';
    scLabel.textContent = 'RT DISTRIBUTION';
    sec.appendChild(scLabel);
    const scatter = document.createElement('div');
    scatter.className = 'stats-scatter';
    const sorted = [...rts].sort((a,b)=>a-b);
    const maxRT = sorted[sorted.length-1] || 1;
    sorted.forEach(rt => {
      const dot = document.createElement('div');
      dot.className = 'stats-dot';
      dot.style.height = Math.max(4, (rt/maxRT)*60).toFixed(0)+'px';
      dot.title = rt.toFixed(0)+'ms';
      scatter.appendChild(dot);
    });
    sec.appendChild(scatter);
  }

  const div = document.createElement('hr');
  div.className = 'stats-divider';
  sec.appendChild(div);
  return sec;
}

// approximate normal inverse (Abramowitz & Stegun)
function normInv(p) {
  p = Math.max(0.001, Math.min(0.999, p));
  const a = [2.515517,0.802853,0.010328];
  const b = [1.432788,0.189269,0.001308];
  const sign = p < 0.5 ? -1 : 1;
  const t = Math.sqrt(-2*Math.log(Math.min(p,1-p)));
  const num = a[0]+t*(a[1]+t*a[2]);
  const den = 1+t*(b[0]+t*(b[1]+t*b[2]));
  return sign*(t - num/den);
}

function exportAllCSV() {
  const parts = [];
  if(S.log.length) {
    parts.push('# TASK: '+S.task);
    parts.push('trial,task,stimType,correct,rt_ms,response');
    S.log.forEach(r=>parts.push([r.trial,r.type,r.stimType,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.response].join(',')));
    parts.push('');
  }
  if(P.log.length) {
    parts.push('# TASK: POSNER');
    parts.push('trial,task,targetSide,cueDir,cueType,rt_ms,response');
    P.log.forEach(r=>parts.push([r.trial,r.task,r.targetSide,r.cueDir,r.cueType,r.rt!=null?r.rt.toFixed(1):'',r.response].join(',')));
    parts.push('');
  }
  if(FR.recalled.length) {
    parts.push('# TASK: FREE RECALL');
    parts.push('recall_order,typed_word,matched_word,hit,intrusion,duplicate,serial_position,time_s');
    FR.recalled.forEach((r,i)=>parts.push([i+1,r.word,r.matchedWord||'',r.isHit?1:0,r.isIntrusion?1:0,r.isDuplicate?1:0,r.serialPos!=null?r.serialPos+1:'',r.time].join(',')));
    parts.push('');
  }
  if(WCST.log.length) {
    parts.push('# TASK: WCST');
    parts.push('trial,rule,stimColor,stimShape,stimNum,targetChosen,targetCorrect,correct,isPersev,runsComplete');
    WCST.log.forEach(r=>parts.push([r.trial,r.rule,r.stimColor,r.stimShape,r.stimNum,r.targetChosen,r.targetCorrect,r.correct?1:0,r.isPersev?1:0,r.runsComplete].join(',')));
  }
  if(VRT.log.length) {
    parts.push('# TASK: VRT');
    parts.push('trial,targetSide,correct,rt_ms,studyShape,studyColor,foilShape,foilColor');
    VRT.log.forEach(r=>parts.push([r.trial,r.targetSide,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.studyShape,r.studyColor,r.foilShape,r.foilColor].join(',')));
    parts.push('');
  }
  if(CSR.log.length){
    parts.push('# TASK: CSR'); parts.push('trial,is_target,response,correct,rt_ms');
    CSR.log.forEach(r=>parts.push([r.trial,r.isTarget?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));
    parts.push('');
  }
  if(P300.log.length){
    parts.push('# TASK: P300'); parts.push('trial,is_oddball,response,correct,rt_ms');
    P300.log.forEach(r=>parts.push([r.trial,r.isOddball?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));
    parts.push('');
  }
  if(STB.log && STB.log.length){
    parts.push('# TASK: STERNBERG');
    parts.push('trial,set_size,mem_set,probe,probe_type,response,correct,rt_ms');
    STB.log.forEach(r=>parts.push([r.trial,r.setSize,r.memSet,r.probe,r.probeType,r.response,r.correct?1:0,r.rt?r.rt.toFixed(1):''].join(',')));
    parts.push('');
  }
  if(typeof FLANKER!=='undefined'&&FLANKER.log&&FLANKER.log.length){
    parts.push('# TASK: FLANKER');parts.push('trial,condition,direction,response,correct,rt_ms');
    FLANKER.log.forEach(r=>parts.push([r.trial,r.condition,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));parts.push('');
  }
  if(typeof STOP!=='undefined'&&STOP.log&&STOP.log.length){
    parts.push('# TASK: STOP SIGNAL');parts.push('trial,is_stop,direction,response,correct,rt_ms,ssd_ms');
    STOP.log.forEach(r=>parts.push([r.trial,r.isStop?1:0,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.ssd].join(',')));parts.push('');
  }
  if(typeof MMN!=='undefined'&&MMN.log&&MMN.log.length){
    parts.push('# TASK: MMN');parts.push('trial,type,freq_hz,onset_ms');
    MMN.log.forEach(r=>parts.push([r.trial,r.type,r.freq,r.onset.toFixed(0)].join(',')));parts.push('');
  }
  if(typeof P600!=='undefined'&&P600.log&&P600.log.length){
    parts.push('# TASK: P600');parts.push('trial,condition,response,correct,rt_ms');
    P600.log.forEach(r=>parts.push([r.trial,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));parts.push('');
  }
  if(typeof ERN!=='undefined'&&ERN.log&&ERN.log.length){
    parts.push('# TASK: ERN');parts.push('trial,direction,response,correct,rt_ms,is_error');
    ERN.log.forEach(r=>parts.push([r.trial,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.correct?0:1].join(',')));parts.push('');
  }
  if(typeof STROOP!=='undefined'&&STROOP.log&&STROOP.log.length){
    parts.push('# TASK: STROOP');parts.push('trial,word,ink_color,condition,response,correct,rt_ms');
    STROOP.log.forEach(r=>parts.push([r.trial,r.word,r.ink,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));parts.push('');
  }
  if(typeof N400!=='undefined'&&N400.log&&N400.log.length){
    parts.push('# TASK: N400');
    parts.push('trial,prime,target,condition,response,correct,rt_ms');
    N400.log.forEach(r=>parts.push([r.trial,r.prime,r.target,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')));
    parts.push('');
  }
  if(!parts.length) return;
  const blob = new Blob([parts.join('\n')],{type:'text/csv'});
  const a = document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='cognos_session_'+Date.now()+'.csv'; a.click();
}

// ═══════════════════════════════════════════════════════════
// STERNBERG MEMORY ENGINE
// Letters presented STRICTLY ONE AT A TIME:
//   1000ms letter ON → 1000ms fixation cross → next letter
// After full set: 2000ms retention ISI → probe appears.
// F/Space = YES (in set), J = NO (not in set).
// ═══════════════════════════════════════════════════════════

const STB_CONSONANTS = 'BCDFGHJKLMNPQRSTVWXYZ'.split('');

const STB = {
  active:      false,
  isPractice:  false,
  trial:       0,
  maxTrials:   16,
  setSizes:    [4],    // populated at task start from checkboxes
  setSize:     4,      // current trial's set size (cycled through setSizes)
  memSet:      [],
  probe:       null,
  probeIsTarget: false,
  waiting:     false,
  responded:   false,
  stimOn:      0,
  log:         [],
  practiceLog: [],
  _timers:     [],
};

function stbClear() {
  STB._timers.forEach(t => clearTimeout(t));
  STB._timers = [];
}

function startSTB(isPractice) {
  STB.active      = true;
  STB.isPractice  = isPractice;
  STB.trial       = 0;
  STB.maxTrials   = isPractice ? 4 : (parseInt($('trialsInput').value) || 16);
  stbClear();
  if(isPractice) STB.practiceLog = []; else STB.log = [];

  // Read checked set sizes; default to [4] if none checked
  const checked = [2,4,6,8].filter(n => { const el=$('stbSz'+n); return el && el.checked; });
  STB.setSizes = checked.length ? checked : [4];
  STB.setSize  = STB.setSizes[0];

  hideAll();
  $('stbScreen').style.display = 'flex';
  $('stbSetSizeRow').style.display = isPractice ? 'flex' : 'flex'; // always show
  $('stbPracticeBanner').style.display = isPractice ? 'block' : 'none';
  $('stbProgressBar').style.width = '0%';
  $('si-task').textContent = 'STB' + (isPractice ? ' (PRAC)' : '');
  $('exportBtn').disabled = true;

  ['stbStudyPhase','stbISI','stbProbePhase','stbResultsPhase'].forEach(id => $(id).style.display = 'none');
  $('stbMemoriseLabel').textContent = window._srIsUK ? 'MEMORISE' : 'MEMORIZE';
  $('stb-trial').textContent = '—';
  $('stb-phase').textContent = '—';
  $('stb-phase').className = 'stb-phase-label';

  stbNextTrial();
}

function stbNextTrial() {
  if(STB.trial >= STB.maxTrials) { stbShowResults(); return; }
  STB.trial++;

  $('stbProgressBar').style.width = ((STB.trial-1) / STB.maxTrials * 100).toFixed(1) + '%';
  $('stb-trial').textContent = `Trial ${STB.trial}/${STB.maxTrials}`;
  $('stbFeedback').textContent = '';
  $('stbFeedback').className = 'feedback';

  // Build memory set — no repeated letters
  const pool = [...STB_CONSONANTS];
  // Pick set size randomly from enabled sizes
  STB.setSize = STB.setSizes[Math.floor(Math.random() * STB.setSizes.length)];
  STB.memSet = [];
  for(let i = 0; i < STB.setSize; i++) {
    const idx = Math.floor(Math.random() * pool.length);
    STB.memSet.push(pool.splice(idx, 1)[0]);
  }

  // Probe: 50% target
  STB.probeIsTarget = Math.random() < 0.5;
  if(STB.probeIsTarget) {
    STB.probe = STB.memSet[Math.floor(Math.random() * STB.memSet.length)];
  } else {
    const foils = STB_CONSONANTS.filter(l => !STB.memSet.includes(l));
    STB.probe = foils[Math.floor(Math.random() * foils.length)];
  }

  STB.waiting   = false;
  STB.responded = false;

  stbRunStudySequence(0);
}

// ── Sequential study: letter i ON for 1s, then fixation for 1s, then letter i+1
function stbRunStudySequence(i) {
  ['stbISI','stbProbePhase','stbResultsPhase'].forEach(id => $(id).style.display = 'none');
  $('stbStudyPhase').style.display = 'flex';
  $('stb-phase').textContent = `STUDY ${i+1} / ${STB.setSize}`;
  $('stb-phase').className = 'stb-phase-label study';

  // Show the letter
  $('stbStudyLetter').textContent = STB.memSet[i];
  $('stbStudyLetter').style.color = 'var(--gold2)';

  STB._timers.push(setTimeout(() => {
    // Replace with fixation cross for 1s
    $('stbStudyLetter').textContent = '+';
    $('stbStudyLetter').style.color = '#2a4060';

    STB._timers.push(setTimeout(() => {
      if(i + 1 < STB.setSize) {
        // Next letter
        stbRunStudySequence(i + 1);
      } else {
        // All letters shown — retention interval
        stbRunISI();
      }
    }, 1000));
  }, 1000));
}

function stbRunISI() {
  $('stbStudyPhase').style.display = 'none';
  $('stbISI').style.display = 'flex';
  $('stb-phase').textContent = 'RETENTION';
  $('stb-phase').className = 'stb-phase-label isi';

  STB._timers.push(setTimeout(stbShowProbe, 2000));
}

function stbShowProbe() {
  $('stbISI').style.display = 'none';
  $('stbProbePhase').style.display = 'flex';
  $('stb-phase').textContent = 'PROBE';
  $('stb-phase').className = 'stb-phase-label probe';

  $('stbProbeLetter').textContent = STB.probe;
  $('stbYesBtn').disabled = false;
  $('stbNoBtn').disabled  = false;
  triggerFlash();
  STB.waiting = true;
  STB.stimOn  = performance.now();
}

function stbRespond(isYes) {
  if(!STB.waiting || STB.responded) return;
  STB.responded = true;
  STB.waiting   = false;
  stbClear();
  $('stbYesBtn').disabled = true;
  $('stbNoBtn').disabled  = true;

  const rt      = performance.now() - STB.stimOn;
  const correct = (isYes === STB.probeIsTarget);

  const entry = {
    trial:       STB.trial,
    setSize:     STB.setSize,
    memSet:      STB.memSet.join(''),
    probe:       STB.probe,
    probeType:   STB.probeIsTarget ? 'target' : 'foil',
    response:    isYes ? 'YES' : 'NO',
    correct,
    rt
  };
  (STB.isPractice ? STB.practiceLog : STB.log).push(entry);
  addLogRow(STB.trial, 'STB-' + (STB.probeIsTarget ? 'T' : 'F'), correct, rt, STB.isPractice);

  const fb = $('stbFeedback');
  fb.textContent = `${rt.toFixed(0)} ms  ${correct ? '\u2713 correct' : '\u2717 wrong'}`;
  fb.className = 'feedback ' + (correct ? 'ok' : 'err');

  const log = STB.isPractice ? STB.practiceLog : STB.log;
  const hits = log.filter(r => r.correct).length;
  $('si-acc').textContent = (hits / log.length * 100).toFixed(0) + '%';
  $('si-trial').textContent = `${STB.trial}/${STB.maxTrials}`;

  STB._timers.push(setTimeout(() => {
    $('stbProbePhase').style.display = 'none';
    stbNextTrial();
  }, 600));
}

function stbShowResults() {
  stbClear();
  $('stbProbePhase').style.display = 'none';
  STB.active = false;

  const log = STB.isPractice ? STB.practiceLog : STB.log;

  if(STB.isPractice) {
    const acc = log.length ? (log.filter(r=>r.correct).length / log.length * 100).toFixed(0) : 0;
    const avgRT = log.filter(r=>r.rt).length ?
      (log.filter(r=>r.rt).reduce((a,b)=>a+b.rt,0) / log.filter(r=>r.rt).length).toFixed(0) : '\u2014';
    hideAll();
    $('pcStats').innerHTML = `TRIALS <span>${log.length}</span> &nbsp; ACC <span>${acc}%</span> &nbsp; AVG RT <span>${avgRT} ms</span>`;
    $('practiceComplete').style.display = 'flex';
    return;
  }

  $('exportBtn').disabled = false;
  $('stbResultsPhase').style.display = 'flex';

  const targets = log.filter(r => r.probeType === 'target');
  const foils   = log.filter(r => r.probeType === 'foil');
  const hits    = targets.filter(r => r.correct).length;
  const fas     = foils.filter(r => !r.correct).length;
  const rts     = log.filter(r => r.rt).map(r => r.rt);
  const avgRT   = rts.length ? (rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0) : '—';
  const hr  = targets.length ? hits / targets.length : 0;
  const far = foils.length   ? fas  / foils.length   : 0;
  const dprime = (hr>0&&far<1) ?
    (normInv(Math.min(0.999,hr)) - normInv(Math.max(0.001,far))).toFixed(2) : '—';

  $('stbMetrics').innerHTML = `
    <div>HIT RATE <span>${(hr*100).toFixed(0)}%</span></div>
    <div>FA RATE <span>${(far*100).toFixed(0)}%</span></div>
    <div>d' <span>${dprime}</span></div>
    <div>AVG RT <span>${avgRT} ms</span></div>`;

  // ── RT-by-set-size chart ──────────────────────────────────
  const sizes = [...new Set(log.map(r=>r.setSize))].sort((a,b)=>a-b);
  const yesRTs = {}, noRTs = {};
  sizes.forEach(sz => {
    const szLog = log.filter(r => r.setSize === sz && r.rt);
    const yesLog = szLog.filter(r => r.response === 'YES');
    const noLog  = szLog.filter(r => r.response === 'NO');
    yesRTs[sz] = yesLog.length ? yesLog.reduce((a,b)=>a+b.rt,0)/yesLog.length : null;
    noRTs[sz]  = noLog.length  ? noLog.reduce((a,b)=>a+b.rt,0)/noLog.length   : null;
  });

  stbDrawRtChart(sizes, yesRTs, noRTs);

  // ── Trial-by-trial table ──────────────────────────────────
  const grid = $('stbResultsGrid');
  grid.innerHTML = '';
  log.forEach(e => {
    const row = document.createElement('div');
    row.className = 'vrt-result-row';
    const lbl = document.createElement('div');
    lbl.className = 'vrt-result-label';
    lbl.textContent = `T${e.trial}  N=${e.setSize}  [${e.memSet}]→${e.probe}`;
    const rt = document.createElement('div');
    rt.className = 'vrt-rt-val';
    rt.textContent = e.rt ? e.rt.toFixed(0)+' ms' : '—';
    const badge = document.createElement('div');
    badge.className = 'vrt-result-badge ' + (e.correct ? 'ok' : 'err');
    badge.textContent = (e.response==='YES'?'Y':'N') + ' ' + (e.correct ? '✓' : '✗');
    row.append(lbl, rt, badge);
    grid.appendChild(row);
  });
}

function stbDrawRtChart(sizes, yesRTs, noRTs) {
  const canvas = $('stbRtChart');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  const W = canvas.width, H = canvas.height;
  const pad = { top:16, right:16, bottom:36, left:52 };
  const cw = W - pad.left - pad.right;
  const ch = H - pad.top  - pad.bottom;

  ctx.clearRect(0, 0, W, H);
  ctx.fillStyle = '#060d14';
  ctx.fillRect(0, 0, W, H);

  if(!sizes.length) return;

  // Gather all RT values to set y scale
  const allVals = [...Object.values(yesRTs), ...Object.values(noRTs)].filter(v=>v!==null);
  if(!allVals.length) return;
  const maxRT = Math.max(...allVals) * 1.15;
  const minRT = Math.min(...allVals) * 0.85;

  const toY = v => pad.top + ch - ((v - minRT) / (maxRT - minRT)) * ch;
  const toX = i => pad.left + (i + 0.5) * (cw / sizes.length);

  // Grid lines
  ctx.strokeStyle = '#1a2f44';
  ctx.lineWidth = 1;
  [0.25, 0.5, 0.75, 1.0].forEach(t => {
    const y = pad.top + ch * (1-t);
    ctx.beginPath(); ctx.moveTo(pad.left, y); ctx.lineTo(pad.left+cw, y); ctx.stroke();
    const val = (minRT + t*(maxRT-minRT));
    ctx.fillStyle = '#2a4060';
    ctx.font = '10px Source Code Pro, monospace';
    ctx.textAlign = 'right';
    ctx.fillText(val.toFixed(0), pad.left - 4, y + 4);
  });

  // Axis labels
  ctx.fillStyle = '#4a6a8a';
  ctx.font = '10px Source Code Pro, monospace';
  ctx.textAlign = 'center';
  sizes.forEach((sz, i) => {
    ctx.fillText('N='+sz, toX(i), H - pad.bottom + 14);
  });

  // Y axis label
  ctx.save();
  ctx.translate(12, pad.top + ch/2);
  ctx.rotate(-Math.PI/2);
  ctx.fillStyle = '#4a6a8a';
  ctx.font = '9px Source Code Pro, monospace';
  ctx.fillText('RT (ms)', 0, 0);
  ctx.restore();

  // Draw YES line (gold)
  ctx.strokeStyle = '#c8a84b';
  ctx.lineWidth = 2;
  ctx.beginPath();
  let first = true;
  sizes.forEach((sz, i) => {
    if(yesRTs[sz] === null) return;
    const x = toX(i), y = toY(yesRTs[sz]);
    first ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
    first = false;
  });
  ctx.stroke();
  sizes.forEach((sz, i) => {
    if(yesRTs[sz] === null) return;
    ctx.fillStyle = '#c8a84b';
    ctx.beginPath(); ctx.arc(toX(i), toY(yesRTs[sz]), 4, 0, Math.PI*2); ctx.fill();
  });

  // Draw NO line (steel blue)
  ctx.strokeStyle = '#5b9fda';
  ctx.lineWidth = 2;
  ctx.beginPath();
  first = true;
  sizes.forEach((sz, i) => {
    if(noRTs[sz] === null) return;
    const x = toX(i), y = toY(noRTs[sz]);
    first ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
    first = false;
  });
  ctx.stroke();
  sizes.forEach((sz, i) => {
    if(noRTs[sz] === null) return;
    ctx.fillStyle = '#5b9fda';
    ctx.beginPath(); ctx.arc(toX(i), toY(noRTs[sz]), 4, 0, Math.PI*2); ctx.fill();
  });

  // Legend
  const legend = $('stbChartLegend');
  if(legend) legend.innerHTML =
    '<span style="color:#c8a84b">● YES response</span>' +
    '<span style="color:#5b9fda">● NO response</span>' +
    '<span style="color:var(--dim)">x-axis: set size &nbsp; y-axis: mean RT (ms)</span>';
}

function exportStbCSV() {
  const log = STB.log;
  if(!log.length) return;
  const hdr = 'trial,set_size,mem_set,probe,probe_type,response,correct,rt_ms\n';
  const rows = log.map(r=>[r.trial,r.setSize,r.memSet,r.probe,r.probeType,r.response,r.correct?1:0,r.rt?r.rt.toFixed(1):''].join(','));
  const blob = new Blob([hdr+rows.join('\n')],{type:'text/csv'});
  const a = document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='cognos_sternberg_'+Date.now()+'.csv'; a.click();
}


document.addEventListener('keydown', e => {
  if(FR.phase==='distractor' && e.key==='Enter') { e.preventDefault(); checkDistractor(); return; }
  if(e.key===' '||e.key==='f'||e.key==='F'){ e.preventDefault(); if(P.active&&P.waiting) posnerDetect(); else if(CSR.active&&CSR.waiting) csrRespond(); else if(P300.active&&P300.waiting) p300Respond(); else if(STB.waiting) stbRespond(true); else respButton(true); }
  if(e.key==='j'||e.key==='J'){ if(STB.waiting) stbRespond(false); else respButton(false); }
  if(e.key==='Enter'){ if($('introScreen').style.display!=='none') startPractice(); if($('practiceComplete').style.display!=='none') startMain(); }
});


// ═══════════════════════════════════════════════════════════
// CONTRAST REVERSAL ENGINE
// Steady checkerboard reversal stream. Target = 45° rotated
// checkerboard for one reversal cycle. Go/No-Go structure.
// ═══════════════════════════════════════════════════════════

const CSR_CELL   = 24;   // px per cell
const CSR_CELLS  = 10;   // cells per side
const CSR_SIZE   = CSR_CELL * CSR_CELLS;   // 240px
const CSR_REVERSAL_MS = 500;   // ms per reversal cycle (2 Hz)
const CSR_ISI_MS      = 600;
const CSR_TARGET_PROB = 0.20;

const CSR = {
  active: false, isPractice: false,
  trial: 0, maxTrials: 20,
  polarity: 0,         // 0 or 1
  isTarget: false,
  waiting: false, responded: false,
  stimOn: 0,
  log: [], practiceLog: [],
  _timers: [],
  reversalHz: 2,       // configurable via editor
};

function csrClearTimers(){ CSR._timers.forEach(t=>clearTimeout(t)); CSR._timers=[]; }

function csrDraw(rotated) {
  const canvas = $('csrCanvas');
  const ctx = canvas.getContext('2d');
  const sz = window._csrSz || CSR_SIZE;
  const c = Math.floor(sz / CSR_CELLS);
  ctx.clearRect(0,0,sz,sz);
  if(rotated) {
    // 45° rotated pattern — diamond grid
    ctx.save();
    ctx.translate(sz/2, sz/2);
    ctx.rotate(Math.PI/4);
    const diagSz = sz * 1.5;
    const half = diagSz/2;
    const cells = Math.ceil(diagSz/c)+2;
    for(let r=0; r<cells; r++) {
      for(let col=0; col<cells; col++) {
        const light = ((r+col+CSR.polarity)%2===0);
        ctx.fillStyle = light ? '#e0e8f0' : '#060d14';
        ctx.fillRect(-half + col*c, -half + r*c, c, c);
      }
    }
    ctx.restore();
  } else {
    // Standard axis-aligned checkerboard
    for(let r=0; r<CSR_CELLS; r++) {
      for(let col=0; col<CSR_CELLS; col++) {
        const light = ((r+col+CSR.polarity)%2===0);
        ctx.fillStyle = light ? '#e0e8f0' : '#060d14';
        ctx.fillRect(col*c, r*c, c, c);
      }
    }
  }
  // Fixation cross
  ctx.fillStyle = '#c8a84b';
  ctx.fillRect(sz/2-1, sz/2-8, 2, 16);
  ctx.fillRect(sz/2-8, sz/2-1, 16, 2);
}

function startCSR(isPractice) {
  CSR.active=true; CSR.isPractice=isPractice;
  CSR.trial=0;
  CSR.maxTrials = isPractice ? 6 : (parseInt($('trialsInput').value)||20);
  csrClearTimers();
  if(isPractice) CSR.practiceLog=[]; else CSR.log=[];
  CSR.polarity=0;

  hideAll();
  $('csrScreen').style.display='flex';
  $('csrPracticeBanner').style.display=isPractice?'block':'none';
  $('csrProgressBar').style.width='0%';
  $('csrFeedback').textContent='';
  $('csrFeedback').className='feedback';
  $('csr-trial-ov').textContent='—';
  $('csr-phase-ov').textContent='—'; $('csr-phase-ov').style.color='var(--dim)';
  $('si-task').textContent='CSR'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  $('csrArena').style.display='flex';
  $('csrResultsPhase').style.display='none';

  // Defer resize + first draw until after browser has painted layout
  requestAnimationFrame(function(){
    const main = document.querySelector('.main');
    const h = main ? main.clientHeight - 120 : window.innerHeight - 160;
    const w = main ? main.clientWidth - 40 : window.innerWidth - 260;
    const sz = Math.min(w, h, 560);
    const canvas = $('csrCanvas');
    canvas.width = sz; canvas.height = sz;
    window._csrSz = sz;
    csrNextTrial();
  });
}

function csrNextTrial() {
  if(CSR.trial >= CSR.maxTrials){ csrShowResults(); return; }
  CSR.trial++;
  $('csrProgressBar').style.width=((CSR.trial-1)/CSR.maxTrials*100).toFixed(1)+'%';
  $('csr-trial-ov').textContent=`Trial ${CSR.trial}/${CSR.maxTrials}`;
  $('csrFeedback').textContent='';
  $('csrFeedback').className='feedback';

  CSR.isTarget = Math.random() < CSR_TARGET_PROB;
  CSR.responded = false;
  CSR.waiting = true;
  CSR.polarity = 0;
  triggerFlash();
  CSR.stimOn = performance.now();
  $('csr-phase-ov').textContent = CSR.isTarget ? 'TARGET' : 'STANDARD'; $('csr-phase-ov').style.color = CSR.isTarget ? 'var(--gold)' : 'var(--dim)';

  // Animate reversals
  let rev = 0;
  const maxRev = 4; // 4 reversals per trial = 2s
  function doReversal() {
    CSR.polarity = 1 - CSR.polarity;
    // Draw rotated only on first reversal of target trials
    const showRotated = CSR.isTarget && rev === 0;
    csrDraw(showRotated);
    rev++;
    if(rev < maxRev) {
      CSR._timers.push(setTimeout(doReversal, CSR_REVERSAL_MS));
    } else {
      // End of stimulus
      CSR._timers.push(setTimeout(csrTrialEnd, CSR_REVERSAL_MS));
    }
  }
  csrDraw(false);
  CSR._timers.push(setTimeout(doReversal, CSR_REVERSAL_MS));
}

function csrTrialEnd() {
  if(!CSR.responded) {
    const entry = {trial:CSR.trial, isTarget:CSR.isTarget, response:'none',
      correct:!CSR.isTarget, rt:null};
    const log = CSR.isPractice ? CSR.practiceLog : CSR.log;
    log.push(entry);
    addLogRow(CSR.trial,'CSR-'+(CSR.isTarget?'T':'NT'),entry.correct,null,CSR.isPractice);
    if(CSR.isTarget){ $('csrFeedback').textContent='MISS'; $('csrFeedback').className='feedback err'; }
  }
  CSR.waiting=false;
  csrDraw(false);
  CSR._timers.push(setTimeout(csrNextTrial, CSR_ISI_MS));
}

function csrRespond() {
  if(!CSR.waiting || CSR.responded) return;
  CSR.responded=true; CSR.waiting=false;
  const rt = performance.now()-CSR.stimOn;
  const correct = CSR.isTarget;
  const entry = {trial:CSR.trial, isTarget:CSR.isTarget, response:'detect', correct, rt};
  const log = CSR.isPractice ? CSR.practiceLog : CSR.log;
  log.push(entry);
  addLogRow(CSR.trial,'CSR-'+(CSR.isTarget?'T':'NT'),correct,rt,CSR.isPractice);
  const fb=$('csrFeedback');
  fb.textContent = correct ? `${rt.toFixed(0)} ms  \u2713 HIT` : `${rt.toFixed(0)} ms  \u2717 FA`;
  fb.className='feedback '+(correct?'ok':'err');
  const l = (CSR.isPractice?CSR.practiceLog:CSR.log).filter(r=>r.isTarget);
  if(l.length) $('si-acc').textContent=(l.filter(r=>r.correct).length/l.length*100).toFixed(0)+'%';
  $('si-trial').textContent=`${CSR.trial}/${CSR.maxTrials}`;
}

function csrShowResults() {
  csrClearTimers(); $('csrArena').style.display='none'; CSR.active=false;
  const log = CSR.isPractice ? CSR.practiceLog : CSR.log;
  if(CSR.isPractice){
    const tgts=log.filter(r=>r.isTarget); const hits=tgts.filter(r=>r.correct).length;
    const avg=log.filter(r=>r.rt).length?(log.filter(r=>r.rt).reduce((a,b)=>a+b.rt,0)/log.filter(r=>r.rt).length).toFixed(0):'—';
    hideAll(); $('pcStats').innerHTML=`HIT RATE <span>${tgts.length?((hits/tgts.length)*100).toFixed(0):0}%</span> &nbsp; AVG RT <span>${avg} ms</span>`;
    $('practiceComplete').style.display='flex'; return;
  }
  $('exportBtn').disabled=false;
  $('csrResultsPhase').style.display='flex';
  const tgts=log.filter(r=>r.isTarget), nonTgts=log.filter(r=>!r.isTarget);
  const hits=tgts.filter(r=>r.correct&&r.rt).length, fas=nonTgts.filter(r=>!r.correct).length;
  const rts=tgts.filter(r=>r.rt).map(r=>r.rt);
  const avgRT=rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
  const hr=tgts.length?hits/tgts.length:0, far=nonTgts.length?fas/nonTgts.length:0;
  const dprime=(hr>0&&far<1)?(normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2):'—';
  $('csrMetrics').innerHTML=`<div>HIT RATE <span>${(hr*100).toFixed(0)}%</span></div><div>FA RATE <span>${(far*100).toFixed(0)}%</span></div><div>d' <span>${dprime}</span></div><div>AVG RT <span>${avgRT} ms</span></div>`;
  const grid=$('csrResultsGrid'); grid.innerHTML='';
  log.forEach(e=>{ const row=document.createElement('div'); row.className='vrt-result-row';
    const lbl=document.createElement('div'); lbl.className='vrt-result-label'; lbl.textContent=`T${e.trial}  ${e.isTarget?'(TGT)':'(NT)'}`;
    const rt=document.createElement('div'); rt.className='vrt-rt-val'; rt.textContent=e.rt?e.rt.toFixed(0)+' ms':'—';
    const badge=document.createElement('div');
    badge.className='vrt-result-badge '+(e.isTarget&&e.correct?'ok':e.isTarget&&!e.correct?'miss':!e.isTarget&&!e.correct?'err':'miss');
    badge.textContent=e.isTarget&&e.correct?'\u2713 HIT':e.isTarget&&!e.correct?'\u25CB MISS':!e.isTarget&&!e.correct?'\u2717 FA':'CR';
    row.append(lbl,rt,badge); grid.appendChild(row);
  });
}

function exportCsrCSV(){
  const log=CSR.log; if(!log.length) return;
  const rows=log.map(r=>[r.trial,r.isTarget?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(','));
  const blob=new Blob(['trial,is_target,response,correct,rt_ms\n'+rows.join('\n')],{type:'text/csv'});
  const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='cognos_csr_'+Date.now()+'.csv'; a.click();
}

// ═══════════════════════════════════════════════════════════
// AUDITORY P300 ENGINE
// Oddball paradigm: frequent standard tone vs rare oddball.
// Web Audio API synthesis — no external files needed.
// ═══════════════════════════════════════════════════════════

const P300 = {
  active: false, isPractice: false,
  trial: 0, maxTrials: 40,
  isOddball: false,
  waiting: false, responded: false,
  stimOn: 0,
  log: [], practiceLog: [],
  _timers: [],
  stdFreq: 1000,    // Hz — configurable via editor
  oddFreq: 2000,    // Hz — configurable via editor
  oddProb: 0.20,    // configurable via editor
  stimDur: 100,     // ms tone duration
  isiMin:  700,     // ms
  isiMax:  1200,    // ms
  _actx: null,
};

function p300ClearTimers(){ P300._timers.forEach(t=>clearTimeout(t)); P300._timers=[]; }

function p300Tone(freq, dur, gain) {
  if(!P300._actx) {
    try { P300._actx = new (window.AudioContext||window.webkitAudioContext)(); } catch(e){ return; }
  }
  const actx = P300._actx;
  if(actx.state==='suspended') actx.resume();
  const osc = actx.createOscillator();
  const env = actx.createGain();
  osc.connect(env); env.connect(actx.destination);
  osc.frequency.value = freq;
  osc.type = 'sine';
  const now = actx.currentTime;
  env.gain.setValueAtTime(0, now);
  env.gain.linearRampToValueAtTime(gain||0.4, now + 0.005);
  env.gain.setValueAtTime(gain||0.4, now + dur/1000 - 0.01);
  env.gain.linearRampToValueAtTime(0, now + dur/1000);
  osc.start(now);
  osc.stop(now + dur/1000 + 0.02);
}

function startP300(isPractice) {
  P300.active=true; P300.isPractice=isPractice;
  P300.trial=0;
  P300.maxTrials = isPractice ? 10 : (parseInt($('trialsInput').value)||40);
  p300ClearTimers();
  if(isPractice) P300.practiceLog=[]; else P300.log=[];

  hideAll();
  $('p300Screen').style.display='flex';
  $('p300PracticeBanner').style.display=isPractice?'block':'none';
  $('p300ProgressBar').style.width='0%';
  $('p300Feedback').textContent='';
  $('p300Feedback').className='feedback';
  $('p300-trial').textContent='—';
  $('p300-phase').textContent='—';
  $('p300-std-freq').textContent=P300.stdFreq;
  $('p300-odd-freq').textContent=P300.oddFreq;
  $('p300-prob').textContent=(P300.oddProb*100).toFixed(0)+'%';
  $('si-task').textContent='P300'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  $('p300Arena').style.display='flex';
  $('p300ResultsPhase').style.display='none';

  // Brief ready delay
  $('p300Circle').className='p300-stim-circle isi';
  $('p300Circle').textContent='+';
  P300._timers.push(setTimeout(p300NextTrial, 1000));
}

function p300NextTrial() {
  if(P300.trial >= P300.maxTrials){ p300ShowResults(); return; }
  P300.trial++;
  $('p300ProgressBar').style.width=((P300.trial-1)/P300.maxTrials*100).toFixed(1)+'%';
  $('p300-trial').textContent=`Trial ${P300.trial}/${P300.maxTrials}`;
  $('p300Feedback').textContent=''; $('p300Feedback').className='feedback';

  P300.isOddball = Math.random() < P300.oddProb;
  P300.responded = false;
  P300.waiting = true;

  const circle = $('p300Circle');
  if(P300.isOddball){
    circle.className='p300-stim-circle oddball';
    circle.textContent='\u25C6';
    p300Tone(P300.oddFreq, P300.stimDur, 0.45);
    $('p300-phase').textContent='ODDBALL';
  } else {
    circle.className='p300-stim-circle standard';
    circle.textContent='\u25CB';
    p300Tone(P300.stdFreq, P300.stimDur, 0.30);
    $('p300-phase').textContent='STANDARD';
  }
  triggerFlash();
  P300.stimOn = performance.now();

  // Hide circle after tone
  P300._timers.push(setTimeout(()=>{
    circle.className='p300-stim-circle isi'; circle.textContent='+';
  }, P300.stimDur + 150));

  // Response window = 800ms, then ISI
  P300._timers.push(setTimeout(p300TrialEnd, 800));
}

function p300TrialEnd() {
  if(!P300.responded) {
    const entry={trial:P300.trial, isOddball:P300.isOddball, response:'none',
      correct:!P300.isOddball, rt:null};
    (P300.isPractice?P300.practiceLog:P300.log).push(entry);
    addLogRow(P300.trial,'P300-'+(P300.isOddball?'ODD':'STD'),entry.correct,null,P300.isPractice);
    if(P300.isOddball){ $('p300Feedback').textContent='MISS'; $('p300Feedback').className='feedback err'; }
  }
  P300.waiting=false;
  const isi = P300.isiMin + Math.random()*(P300.isiMax-P300.isiMin);
  P300._timers.push(setTimeout(p300NextTrial, isi));
}

function p300Respond() {
  if(!P300.waiting || P300.responded) return;
  P300.responded=true; P300.waiting=false;
  const rt=performance.now()-P300.stimOn;
  const correct=P300.isOddball;
  const entry={trial:P300.trial, isOddball:P300.isOddball, response:'detect', correct, rt};
  (P300.isPractice?P300.practiceLog:P300.log).push(entry);
  addLogRow(P300.trial,'P300-'+(P300.isOddball?'ODD':'STD'),correct,rt,P300.isPractice);
  const fb=$('p300Feedback');
  fb.textContent=correct?`${rt.toFixed(0)} ms  \u2713 HIT`:`${rt.toFixed(0)} ms  \u2717 FA`;
  fb.className='feedback '+(correct?'ok':'err');
  const l=(P300.isPractice?P300.practiceLog:P300.log).filter(r=>r.isOddball);
  if(l.length) $('si-acc').textContent=(l.filter(r=>r.correct).length/l.length*100).toFixed(0)+'%';
  $('si-trial').textContent=`${P300.trial}/${P300.maxTrials}`;
}

function p300ShowResults() {
  p300ClearTimers(); $('p300Arena').style.display='none'; P300.active=false;
  const log=P300.isPractice?P300.practiceLog:P300.log;
  if(P300.isPractice){
    const odds=log.filter(r=>r.isOddball); const hits=odds.filter(r=>r.correct).length;
    const avg=log.filter(r=>r.rt).length?(log.filter(r=>r.rt).reduce((a,b)=>a+b.rt,0)/log.filter(r=>r.rt).length).toFixed(0):'—';
    hideAll(); $('pcStats').innerHTML=`HIT RATE <span>${odds.length?((hits/odds.length)*100).toFixed(0):0}%</span> &nbsp; AVG RT <span>${avg} ms</span>`;
    $('practiceComplete').style.display='flex'; return;
  }
  $('exportBtn').disabled=false; $('p300ResultsPhase').style.display='flex';
  const odds=log.filter(r=>r.isOddball), stds=log.filter(r=>!r.isOddball);
  const hits=odds.filter(r=>r.correct&&r.rt).length, fas=stds.filter(r=>!r.correct).length;
  const rts=odds.filter(r=>r.rt).map(r=>r.rt);
  const avgRT=rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'—';
  const hr=odds.length?hits/odds.length:0, far=stds.length?fas/stds.length:0;
  const dprime=(hr>0&&far<1)?(normInv(Math.min(0.999,hr))-normInv(Math.max(0.001,far))).toFixed(2):'—';
  $('p300Metrics').innerHTML=`<div>HIT RATE <span>${(hr*100).toFixed(0)}%</span></div><div>FA RATE <span>${(far*100).toFixed(0)}%</span></div><div>d' <span>${dprime}</span></div><div>AVG RT <span>${avgRT} ms</span></div>`;
  const grid=$('p300ResultsGrid'); grid.innerHTML='';
  log.forEach(e=>{ const row=document.createElement('div'); row.className='vrt-result-row';
    const lbl=document.createElement('div'); lbl.className='vrt-result-label'; lbl.textContent=`T${e.trial}  ${e.isOddball?'(ODD)':'(STD)'}`;
    const rt=document.createElement('div'); rt.className='vrt-rt-val'; rt.textContent=e.rt?e.rt.toFixed(0)+' ms':'—';
    const badge=document.createElement('div');
    badge.className='vrt-result-badge '+(e.isOddball&&e.correct?'ok':e.isOddball&&!e.correct?'miss':!e.isOddball&&!e.correct?'err':'miss');
    badge.textContent=e.isOddball&&e.correct?'\u2713 HIT':e.isOddball&&!e.correct?'\u25CB MISS':!e.isOddball&&!e.correct?'\u2717 FA':'CR';
    row.append(lbl,rt,badge); grid.appendChild(row);
  });
}

function exportP300CSV(){
  const log=P300.log; if(!log.length) return;
  const rows=log.map(r=>[r.trial,r.isOddball?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(','));
  const blob=new Blob(['trial,is_oddball,response,correct,rt_ms\n'+rows.join('\n')],{type:'text/csv'});
  const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='cognos_p300_'+Date.now()+'.csv'; a.click();
}

// ═══════════════════════════════════════════════════════════
// TASK EDITOR ENGINE
// Provides a UI to configure task parameters without
// touching code. Settings stored in TASK_CONFIG and applied
// at task start. All parameters have documented defaults.
// ═══════════════════════════════════════════════════════════

const TASK_DEFAULTS = {
  GNG:    { trials:20, goProb:0.75, stimDur:500, isiMin:800, isiMax:1400 },
  NBACK:  { trials:20, n:2, matchProb:0.33, stimDur:500, isi:2000 },
  SPATIAL:{ trials:20, stimDur:200, isiMin:800, isiMax:1400 },
  POSNER: { trials:20, validity:80, soa:200 },
  WCST:   { maxRuns:3 },
  CSR:    { trials:20, targetProb:20, reversalHz:2 },
  P300:   { trials:40, stdFreq:1000, oddFreq:2000, oddProb:20, stimDur:100 },
  VRT:    { studyN:6, testN:6 },
  STB:    { trials:16, stimDur:1000, retDur:2000 },
  FLANKER:{ trials:40, stimDur:200, deadline:1000 },
  STOP:   { trials:40, stopProb:25, initSSD:250 },
  N400:   { trials:30, incongProb:20, stimDur:600 },
  P600:   { trials:30, violProb:30, stimDur:600 },
  ERN:    { trials:60, deadline:500 },
  FTT:    { trialDur:10, nTrials:3, itiDur:3 },
  CNV:    { trials:30, foreperiod:1500, catchProb:20, s1Dur:100, s2Dur:1500 },
  DST:    { digitRate:1000, maxSpan:9 },
  STROOP: { trials:40, stimDur:2000, congPct:40, incPct:40 },
  MMN:    { trials:60, stdFreq:1000, devFreq:1200, devProb:20, isi:500 },
};

// Deep copy for live config
const TASK_CONFIG = JSON.parse(JSON.stringify(TASK_DEFAULTS));

const EDITOR_FIELDS = {
  GNG:    [
    {key:'trials',  label:'How many trials should run?',           type:'number', min:4,   max:120, unit:'trials'},
    {key:'goProb',  label:'How often should the GO stimulus appear?', type:'number', min:0.1, max:0.9, step:0.05, unit:'(0–1)'},
    {key:'stimDur', label:'How long does each stimulus stay on screen?', type:'number', min:100, max:2000, unit:'ms'},
    {key:'isiMin',  label:'Shortest gap between stimuli?',         type:'number', min:200, max:3000, unit:'ms'},
    {key:'isiMax',  label:'Longest gap between stimuli?',          type:'number', min:200, max:3000, unit:'ms'},
  ],
  NBACK:  [
    {key:'trials',    label:'How many trials should run?',                      type:'number', min:4,   max:120, unit:'trials'},
    {key:'n',         label:'How many steps back should the participant remember?', type:'number', min:1, max:5,   unit:'(1=easy, 4=hard)'},
    {key:'matchProb', label:'How often should a matching letter appear?',       type:'number', min:0.1, max:0.5, step:0.05, unit:'(0–1)'},
    {key:'stimDur',   label:'How long does each letter stay on screen?',        type:'number', min:100, max:2000, unit:'ms'},
    {key:'isi',       label:'Gap between letters?',                             type:'number', min:500, max:4000, unit:'ms'},
  ],
  SPATIAL:[
    {key:'trials',  label:'How many trials should run?',                type:'number', min:4,  max:120, unit:'trials'},
    {key:'stimDur', label:'How long is the target cell highlighted?',   type:'number', min:50, max:1000, unit:'ms'},
    {key:'isiMin',  label:'Shortest gap between targets?',              type:'number', min:200,max:2000, unit:'ms'},
    {key:'isiMax',  label:'Longest gap between targets?',               type:'number', min:200,max:2000, unit:'ms'},
  ],
  POSNER: [
    {key:'trials',   label:'How many trials should run?',                       type:'number', min:4,  max:120, unit:'trials'},
    {key:'validity', label:'How often does the cue point to the correct side?', type:'number', min:50, max:100, unit:'%'},
    {key:'soa',      label:'How long after the cue does the target appear?',    type:'number', min:50, max:800,  unit:'ms'},
  ],
  CSR:    [
    {key:'trials',      label:'How many trials should run?',                type:'number', min:4,  max:120, unit:'trials'},
    {key:'targetProb',  label:'How often should a target reversal appear?', type:'number', min:5,  max:50,  unit:'%'},
    {key:'reversalHz',  label:'How fast should the checkerboard flip?',     type:'number', min:1,  max:8,   unit:'flips/sec'},
  ],
  P300:   [
    {key:'trials',  label:'How many tones should play?',                type:'number', min:10, max:200, unit:'tones'},
    {key:'stdFreq', label:'Pitch of the common tone?',                  type:'number', min:200,max:2000, unit:'Hz'},
    {key:'oddFreq', label:'Pitch of the rare target tone?',             type:'number', min:200,max:4000, unit:'Hz'},
    {key:'oddProb', label:'How often should the rare tone appear?',     type:'number', min:5,  max:40,   unit:'%'},
    {key:'stimDur', label:'How long should each tone last?',            type:'number', min:20, max:500,  unit:'ms'},
  ],
  VRT:    [
    {key:'studyN', label:'How many patterns should be studied?',    type:'number', min:2, max:12, unit:'patterns'},
    {key:'testN',  label:'How many recognition tests should run?',  type:'number', min:2, max:12, unit:'tests'},
  ],
  WCST:   [
    {key:'maxRuns', label:'How many times should the sorting rule change?', type:'number', min:1, max:8, unit:'changes'},
  ],
  STB:    [
    {key:'trials',   label:'How many trials should run?',               type:'number', min:4,  max:80,  unit:'trials'},
    {key:'stimDur',  label:'How long does each letter stay on screen?', type:'number', min:200,max:2000, unit:'ms'},
    {key:'retDur',   label:'How long is the retention interval?',       type:'number', min:500,max:4000, unit:'ms'},
  ],
  FLANKER:[
    {key:'trials',   label:'How many trials should run?',               type:'number', min:8,  max:120, unit:'trials'},
    {key:'stimDur',  label:'How long does the arrow display stay on?',  type:'number', min:100,max:1000, unit:'ms'},
    {key:'deadline', label:'Response deadline per trial?',              type:'number', min:300,max:2000, unit:'ms'},
  ],
  STOP:   [
    {key:'trials',   label:'How many trials should run?',               type:'number', min:10, max:120, unit:'trials'},
    {key:'stopProb', label:'How often does a stop signal appear?',      type:'number', min:10, max:50,  unit:'%'},
    {key:'initSSD',  label:'Initial stop-signal delay?',               type:'number', min:50, max:500, unit:'ms'},
  ],
  N400:   [
    {key:'trials',   label:'How many word pairs should be presented?',  type:'number', min:8,  max:80,  unit:'trials'},
    {key:'incongProb',label:'How often should incongruent pairs appear?',type:'number', min:10, max:50, unit:'%'},
    {key:'stimDur',  label:'How long does the target word stay on screen?',type:'number',min:300,max:1500,unit:'ms'},
  ],
  P600:   [
    {key:'trials',   label:'How many sentences should be presented?',   type:'number', min:8,  max:80,  unit:'trials'},
    {key:'violProb', label:'How often should a grammatical violation appear?',type:'number',min:10,max:50,unit:'%'},
    {key:'stimDur',  label:'How long does the critical word stay on screen?',type:'number',min:300,max:1500,unit:'ms'},
  ],
  ERN:    [
    {key:'trials',   label:'How many trials should run?',               type:'number', min:10, max:120, unit:'trials'},
    {key:'deadline', label:'Response deadline (to force errors)?',      type:'number', min:200,max:800, unit:'ms'},
  ],
  FTT:    [
    {key:'trialDur', label:'How long is each tapping trial?',          type:'number', min:5,  max:30, unit:'seconds'},
    {key:'nTrials',  label:'How many trials per subtest?',             type:'number', min:1,  max:6,  unit:'trials'},
    {key:'itiDur',   label:'Rest between trials?',                    type:'number', min:1,  max:10, unit:'seconds'},
  ],
  CNV:    [
    {key:'trials',    label:'How many trials should run?',            type:'number', min:10, max:80,  unit:'trials'},
    {key:'foreperiod',label:'S1-to-S2 interval (foreperiod)?',        type:'number', min:500,max:4000, unit:'ms'},
    {key:'catchProb', label:'How often should catch trials appear?',  type:'number', min:0,  max:50,  unit:'%'},
    {key:'s1Dur',     label:'How long is the warning tone?',          type:'number', min:50, max:500, unit:'ms'},
    {key:'s2Dur',     label:'How long does S2 stay on screen?',       type:'number', min:500,max:3000, unit:'ms'},
  ],
  DST:    [
    {key:'digitRate', label:'How long does each digit stay on screen?', type:'number', min:400, max:2000, unit:'ms'},
    {key:'maxSpan',   label:'Maximum sequence length to test?',         type:'number', min:5,   max:12,   unit:'digits'},
  ],
  STROOP: [
    {key:'trials',  label:'How many trials should run?',              type:'number', min:10, max:120, unit:'trials'},
    {key:'stimDur', label:'How long does the word stay on screen?',   type:'number', min:500,max:3000, unit:'ms'},
    {key:'congPct', label:'Percent congruent trials?',                type:'number', min:10, max:60,  unit:'%'},
    {key:'incPct',  label:'Percent incongruent trials?',              type:'number', min:10, max:60,  unit:'%'},
  ],
  MMN:    [
    {key:'trials',   label:'How many tones should be presented?',       type:'number', min:20, max:200, unit:'tones'},
    {key:'stdFreq',  label:'Standard (frequent) tone frequency?',       type:'number', min:200,max:2000, unit:'Hz'},
    {key:'devFreq',  label:'Deviant (oddball) tone frequency?',         type:'number', min:200,max:4000, unit:'Hz'},
    {key:'devProb',  label:'How often should the deviant appear?',      type:'number', min:5,  max:30,  unit:'%'},
    {key:'isi',      label:'Gap between tones?',                        type:'number', min:200,max:1000, unit:'ms'},
  ],
};

let editorActiveTask = 'GNG';

function openEditor() {
  hideAll();
  $('editorScreen').style.display='flex';
  editorBuildTabs();
  editorSelectTask('GNG');
}

function editorBuildTabs() {
  const tabsEl = $('editorTabs');
  tabsEl.innerHTML = '';
  Object.keys(EDITOR_FIELDS).forEach(key => {
    const btn = document.createElement('button');
    btn.className = 'editor-tab' + (key===editorActiveTask?' active':'');
    btn.textContent = key;
    btn.onclick = () => editorSelectTask(key);
    tabsEl.appendChild(btn);
  });
}

function editorSelectTask(key) {
  editorActiveTask = key;
  // Update tab highlight
  $('editorTabs').querySelectorAll('.editor-tab').forEach(t=>{
    t.classList.toggle('active', t.textContent===key);
  });
  // Description
  const p = PARADIGMS[key];
  $('editorDesc').style.display='none';
  // Build fields
  const fields = EDITOR_FIELDS[key] || [];
  const cfg = TASK_CONFIG[key] || {};
  const fieldsEl = $('editorFields');
  fieldsEl.innerHTML = '';
  fields.forEach(f => {
    const wrap = document.createElement('div');
    wrap.className = 'editor-field';
    const label = document.createElement('label');
    label.textContent = f.label;
    const row = document.createElement('div');
    row.style.cssText = 'display:flex;gap:6px;align-items:center;';
    const inp = document.createElement('input');
    inp.type = f.type || 'number';
    if(f.min !== undefined) inp.min = f.min;
    if(f.max !== undefined) inp.max = f.max;
    if(f.step !== undefined) inp.step = f.step;
    inp.value = cfg[f.key] !== undefined ? cfg[f.key] : TASK_DEFAULTS[key][f.key];
    inp.dataset.key = f.key;
    inp.style.cssText = 'width:80px;flex-shrink:0;';
    const unit = document.createElement('span');
    unit.textContent = f.unit || '';
    unit.style.cssText = 'font-size:0.72rem;color:var(--dim);letter-spacing:0.06em;';
    row.append(inp, unit);
    wrap.append(label, row);
    fieldsEl.appendChild(wrap);
  });
  $('editorSavedBadge').style.opacity='0';
}

function editorSave() {
  const key = editorActiveTask;
  const cfg = TASK_CONFIG[key];
  $('editorFields').querySelectorAll('input').forEach(inp => {
    const k = inp.dataset.key;
    let val = parseFloat(inp.value);
    if(isNaN(val)) val = inp.value;
    cfg[k] = val;
  });
  // Apply to live task objects
  editorApply(key);
  const badge = $('editorSavedBadge');
  badge.style.opacity='1';
  setTimeout(()=>{ badge.style.opacity='0'; }, 1800);
}

function editorReset() {
  const key = editorActiveTask;
  TASK_CONFIG[key] = JSON.parse(JSON.stringify(TASK_DEFAULTS[key]));
  editorApply(key);
  editorSelectTask(key);
}

function editorApply(key) {
  const cfg = TASK_CONFIG[key];
  if(key==='CSR')  { CSR_TARGET_PROB_LIVE = cfg.targetProb/100; CSR.reversalHz=cfg.reversalHz; }
  if(key==='P300') { P300.stdFreq=cfg.stdFreq; P300.oddFreq=cfg.oddFreq; P300.oddProb=cfg.oddProb/100; P300.stimDur=cfg.stimDur; }
  if(key==='POSNER'){ $('posnerValidity').value=cfg.validity; $('posnerSOA').value=cfg.soa; }
  if(key==='FTT'){ FTT.trialDur=cfg.trialDur; FTT.nTrials=cfg.nTrials; FTT.itiDur=cfg.itiDur; }
  if(key==='CNV'){ CNV.foreperiod=cfg.foreperiod; CNV.catchProb=cfg.catchProb/100; CNV.s1Dur=cfg.s1Dur; CNV.s2Dur=cfg.s2Dur; }
  if(key==='DST'){ DST.digitRate=cfg.digitRate; DST.maxSpan=cfg.maxSpan; }
  if(key==='STROOP'){ STROOP.stimDur=cfg.stimDur; }
  // For GNG/NBACK/SPATIAL the selectTask() function reads trialsInput;
  // store in config and read at task start
}
let CSR_TARGET_PROB_LIVE = CSR_TARGET_PROB;


// ══════════════════════════════════════════
// PHOTOCELL TRIGGER ENGINE
// White flash in lower-right corner on every
// stimulus onset. Detected by photocell
// attached to EEG/physio recording system.
// ══════════════════════════════════════════
const TRIG = {
  enabled:  true,
  duration: 50,    // ms flash duration
  _tid:     null,
};

function triggerFlash() {
  if(!TRIG.enabled) return;
  const bar = document.getElementById('trigger-bar');
  if(!bar) return;
  // Fire one rAF before stimulus — flash leads stimulus by one frame
  requestAnimationFrame(() => {
    clearTimeout(TRIG._tid);
    bar.classList.add('flash');
    TRIG._tid = setTimeout(() => bar.classList.remove('flash'), TRIG.duration);
  });
}

function triggerToggle() {
  TRIG.enabled = !TRIG.enabled;
  const btn = document.getElementById('trigger-enable-btn');
  btn.textContent = TRIG.enabled ? 'ON' : 'OFF';
  btn.classList.toggle('active', TRIG.enabled);
  document.getElementById('trigger-bar').style.background = '#000';
}

function triggerResize(v) {
  document.getElementById('trigger-bar').style.width  = v + 'px';
  document.getElementById('trigger-bar').style.height = v + 'px';
  document.getElementById('trigger-size-val').textContent = v + 'px';
}

function triggerDurChange(v) {
  TRIG.duration = parseInt(v);
  document.getElementById('trigger-dur-val').textContent = v + 'ms';
}

function triggerTest() {
  triggerFlash();
}


// ══════════════════════════════════════════
// MEDIA PLAYER ENGINE
// ══════════════════════════════════════════
const MP = {
  loaded:    false,
  isVideo:   false,
  trigOn:    true,
  _seekDrag: false,
};

function openMediaPlayer(goHome) {
  if(goHome === false) {
    hideAll(); $('home').style.display='flex'; return;
  }
  // Show media screen using cognos hideAll pattern
  hideAll();
  const ms = document.getElementById('scr-media');
  if(ms) ms.style.display = 'flex';
  $('si-task').textContent = 'MEDIA';
}

function mpPickFile() {
  document.getElementById('mp-file-input').click();
}

function mpLoadFile(input) {
  const file = input.files[0];
  if(!file) return;

  const url = URL.createObjectURL(file);
  const vid = document.getElementById('mp-video');
  const isVideo = file.type.startsWith('video/');
  MP.isVideo = isVideo;
  MP.loaded  = true;

  vid.src = url;
  vid.load();

  // Show correct UI
  document.getElementById('mp-drop').style.display  = 'none';
  document.getElementById('mp-main').style.display  = 'flex';
  document.getElementById('mp-video').style.display = isVideo ? 'block' : 'none';
  document.getElementById('mp-audio-vis').style.display = isVideo ? 'none' : 'flex';

  const name = file.name.replace(/\.[^.]+$/, '');
  document.getElementById('mp-fname').textContent = file.name;
  document.getElementById('mp-audio-title').textContent = name;

  // Events
  vid.onloadedmetadata = () => {
    document.getElementById('mp-seek').max = vid.duration;
    mpUpdateTime();
  };
  vid.ontimeupdate = () => {
    if(!MP._seekDrag) {
      document.getElementById('mp-seek').value = vid.currentTime;
      mpUpdateTime();
    }
  };
  vid.onplay  = () => {
    document.getElementById('mp-play-btn').textContent = '⏸';
    if(MP.trigOn) triggerFlash();
  };
  vid.onpause = () => {
    document.getElementById('mp-play-btn').textContent = '▶';
    if(MP.trigOn) triggerFlash();
  };
  vid.onseeked = () => {
    if(MP.trigOn) triggerFlash();
  };
  vid.onended = () => {
    document.getElementById('mp-play-btn').textContent = '▶';
  };

  // Reset input so same file can be reloaded
  input.value = '';
}

function mpTogglePlay() {
  const vid = document.getElementById('mp-video');
  if(!MP.loaded) return;
  vid.paused ? vid.play() : vid.pause();
}

function mpSeek(val) {
  MP._seekDrag = true;
  const vid = document.getElementById('mp-video');
  vid.currentTime = parseFloat(val);
  mpUpdateTime();
  clearTimeout(MP._seekTid);
  MP._seekTid = setTimeout(() => { MP._seekDrag = false; }, 200);
}

function mpSkip(sec) {
  const vid = document.getElementById('mp-video');
  if(!MP.loaded) return;
  vid.currentTime = Math.max(0, Math.min(vid.duration||0, vid.currentTime + sec));
  if(MP.trigOn) triggerFlash();
}

function mpSetVol(val) {
  document.getElementById('mp-video').volume = parseFloat(val);
}

function mpUpdateTime() {
  const vid = document.getElementById('mp-video');
  const fmt = s => {
    s = Math.floor(s||0);
    const m = Math.floor(s/60), ss = s%60;
    return m+':'+(ss<10?'0':'')+ss;
  };
  document.getElementById('mp-time').textContent =
    fmt(vid.currentTime) + ' / ' + fmt(vid.duration);
}

function mpTrigToggle() {
  MP.trigOn = !MP.trigOn;
  const btn = document.getElementById('mp-trig-tog');
  btn.textContent = MP.trigOn ? '⬡ TRIG ON' : '⬡ TRIG OFF';
  btn.classList.toggle('off', !MP.trigOn);
}

// Space bar to play/pause when media screen active
document.addEventListener('keydown', e => {
  if(e.code === 'Space' && document.getElementById('scr-media').classList.contains('on')) {
    e.preventDefault();
    mpTogglePlay();
  }
});

// Drag and drop onto media screen
document.getElementById('scr-media')?.addEventListener('dragover', e => {
  e.preventDefault();
  document.getElementById('mp-drop')?.classList.add('over');
});
document.getElementById('scr-media')?.addEventListener('dragleave', () => {
  document.getElementById('mp-drop')?.classList.remove('over');
});
document.getElementById('scr-media')?.addEventListener('drop', e => {
  e.preventDefault();
  document.getElementById('mp-drop')?.classList.remove('over');
  const file = e.dataTransfer?.files[0];
  if(file && (file.type.startsWith('video/') || file.type.startsWith('audio/'))) {
    const dt = new DataTransfer();
    dt.items.add(file);
    const inp = document.getElementById('mp-file-input');
    inp.files = dt.files;
    mpLoadFile(inp);
  }
});


// ── NEW PARADIGMS ──────────────────────────────────────────
Object.assign(PARADIGMS, {
  TMT: {
    name: 'TRAIL MAKING TEST',
    body: 'Connect numbered and lettered circles in sequence. Part A tests processing speed; Part B tests cognitive flexibility by requiring you to alternate between numbers and letters.',
    rules: [
      { key: 'CLICK', desc: 'Click circles in the correct sequence as fast as possible' },
      { key: 'PART A', desc: 'Connect numbers 1 → 2 → 3 … in ascending order' },
      { key: 'PART B', desc: 'Alternate numbers and letters: 1 → A → 2 → B → 3 → C …' },
      { key: 'ERRORS', desc: 'Errors counted — click the correct target to continue' },
      { key: 'SCORE', desc: 'Completion time, errors, and mean inter-click interval' }
    ]
  },
  DSC: {
    name: 'DIGIT SYMBOL CODING',
    body: 'A key pairs each digit 1–9 with a unique symbol. Fill in the matching symbol for each digit as fast as possible. 90-second timed task — a classic measure of processing speed (WAIS-IV subtest).',
    rules: [
      { key: 'SELECT', desc: 'Click a symbol in the palette to select it' },
      { key: 'FILL', desc: 'Click an empty box to place the selected symbol' },
      { key: 'KEYS 1–9', desc: 'Press a digit key to quickly select that symbol' },
      { key: 'TIME', desc: '90-second limit — work left to right as fast as possible' },
      { key: 'SCORE', desc: 'Number of correct symbols entered within the time limit' }
    ]
  },
  PNT: {
    name: 'PICTURE NAMING',
    body: 'A detailed illustration of a common object appears on screen. Name it aloud as quickly and accurately as possible. Speech recognition scores your response and records reaction time.',
    rules: [
      { key: 'SPEAK', desc: 'Name the pictured object aloud as fast as possible' },
      { key: 'MIC', desc: 'Click the microphone button to start listening' },
      { key: 'SCORING', desc: 'Correct if response matches target name or synonym' },
      { key: 'RT', desc: 'Reaction time measured from mic activation to response' },
      { key: 'REQUIRES', desc: 'Microphone access required — allow when prompted' }
    ]
  },
  N400: {
    name: 'N400 SEMANTIC PRIMING',
    body: 'The N400 paradigm measures semantic integration. A sentence appears word by word. The final word either fits the sentence naturally (congruent) or is semantically incongruent. Decide whether the final word fits the sentence context. The N400 ERP is larger for incongruent completions — the RT difference between conditions is the behavioural N400 effect.',
    rules: [
      { key: 'F',           desc: 'FITS — the final word makes sense in the sentence' },
      { key: 'J',           desc: 'DOESN\'T FIT — the final word is semantically incongruent' },
      { key: 'VOICE',       desc: 'Say "fits" or "odd" when mic mode is active' },
      { key: 'SENTENCE',    desc: 'Each word appears one at a time — read them in sequence' },
      { key: 'FIXATION',    desc: 'A + cross appears between each word as a brief pause (1 s on / 1 s off)' },
      { key: 'TARGET',      desc: 'The final word appears — decide: real word or non-word?' },
      { key: 'CONGRUENT',   desc: 'Target fits the sentence (…butter on her slice of BREAD)' },
      { key: 'INCONGRUENT', desc: 'Target violates the sentence (…butter on her slice of CABINET)' },
      { key: 'N400 EFFECT', desc: 'Incongruent RT − Congruent RT (larger = stronger violation effect)' }
    ]
  },
  FLANKER: {
    name: 'ERIKSEN FLANKER',
    body: 'Arrows appear in a row. Respond to the direction of the central arrow, ignoring the flanking arrows. Congruent trials (all arrows same direction) are faster than incongruent trials (flankers opposite). The N2 component indexes conflict detection; the P3 indexes response selection.',
    rules: [
      { key: 'F / LEFT',    desc: 'Central arrow points LEFT  ←' },
      { key: 'J / RIGHT',   desc: 'Central arrow points RIGHT →' },
      { key: 'CONGRUENT',   desc: 'All arrows same direction  →→→→→  (fast)' },
      { key: 'INCONGRUENT', desc: 'Flankers oppose centre     →→←→→  (slower)' },
      { key: 'NEUTRAL',     desc: 'Flankers are dashes        ——←——' },
      { key: 'N2 EFFECT',   desc: 'Incongruent RT − Congruent RT = conflict cost' }
    ]
  },
  STOP: {
    name: 'STOP SIGNAL',
    body: 'Respond to left/right arrows as fast as possible. On ~25% of trials a stop signal (beep) sounds — withhold your response. Stop-Signal Reaction Time (SSRT) indexes inhibitory control speed. The staircase adjusts stop-signal delay to keep inhibition near 50%.',
    rules: [
      { key: 'F / LEFT',    desc: 'Arrow points left — respond quickly' },
      { key: 'J / RIGHT',   desc: 'Arrow points right — respond quickly' },
      { key: 'BEEP',        desc: 'Stop signal sounds — withhold your response immediately' },
      { key: 'SSRT',        desc: 'Stop-Signal RT = Mean Go RT − Final SSD' },
      { key: 'RATE',        desc: '~25% of trials are stop trials' }
    ]
  },
  MMN: {
    name: 'MISMATCH NEGATIVITY',
    body: 'Passive auditory oddball — no response required. A stream of standard tones plays with rare deviant tones (different pitch). The MMN ERP peaks 100–250 ms after the deviant, reflecting pre-attentive auditory discrimination. Simply sit and listen.',
    rules: [
      { key: 'PASSIVE',     desc: 'No response needed — just listen (or read quietly)' },
      { key: 'STANDARD',    desc: 'Frequent 1000 Hz tone — 80% of trials' },
      { key: 'DEVIANT',     desc: 'Rare 1200 Hz tone — 20% of trials' },
      { key: 'MMN',         desc: 'Negative deflection 100–250 ms post-deviant, fronto-central' },
      { key: 'DURATION',    desc: 'Task runs automatically — sit quietly until complete' }
    ]
  },
  P600: {
    name: 'P600 SYNTACTIC',
    body: 'Sentences appear word by word. The final word either completes the sentence grammatically or contains a syntactic violation. Decide whether the sentence is grammatically correct. The P600 ERP (500–800 ms) is selectively larger for syntactic violations, dissociable from the N400 semantic effect.',
    rules: [
      { key: 'F',           desc: 'CORRECT — sentence is grammatically well-formed' },
      { key: 'J',           desc: 'VIOLATION — sentence contains a grammatical error' },
      { key: 'RSVP',        desc: 'Words appear one at a time — 1 s on / 0.5 s fixation' },
      { key: 'RATIO',       desc: '70% grammatical / 30% violation sentences' },
      { key: 'P600 EFFECT', desc: 'Violation RT − Correct RT (positive = P600)' }
    ]
  },
  FTT: {
    name: 'FINGER TAPPING TASK',
    body: 'The Finger Tapping Task measures motor speed and coordination. Three subtests are administered: dominant hand (tap as fast as possible with the index finger), non-dominant hand (same, other hand), and alternating (strict left-right alternation, F then J). Each subtest consists of three 10-second trials. Key metrics are taps per trial, inter-tap interval (mean and SD for regularity), the dominant/non-dominant asymmetry ratio (normal ~10–15% faster dominant), and the alternating coordination index. Modelled on the Halstead-Reitan Finger Tapping Test.',
    rules: [
      { key: 'DOM: SPACE or F', desc: 'Dominant hand — tap as fast as possible' },
      { key: 'NON-DOM: SPACE or J', desc: 'Non-dominant hand — same, other hand' },
      { key: 'ALT: F then J', desc: 'Alternating — strict left-right sequence, F then J then F…' },
      { key: '10 seconds',    desc: 'Each trial lasts 10 seconds — tap continuously' },
      { key: '3 trials each', desc: 'Three trials per subtest — mean is the score' },
      { key: 'REST',          desc: 'Brief rest between trials to prevent fatigue' },
    ]
  },
  CNV: {
    name: 'CONTINGENT NEGATIVE VARIATION',
    body: "The CNV paradigm measures anticipatory brain activity. A warning tone (S1) signals that an imperative stimulus (S2) will follow after a fixed foreperiod. Respond to S2 with SPACE as quickly as possible. On catch trials (no S2), withhold the response. The CNV is a slow negative ERP that builds during the foreperiod, reflecting motor preparation and temporal expectancy. RT is typically faster with longer foreperiods — the foreperiod effect. False alarms on catch trials index impulsivity.",
    rules: [
      { key: 'S1 (tone)',  desc: 'Warning signal — a brief tone indicates S2 is coming' },
      { key: 'S2 (circle)',desc: 'Imperative stimulus — press SPACE as fast as possible' },
      { key: 'CATCH',      desc: 'Some trials have no S2 — withhold the response' },
      { key: 'SPACE',      desc: 'Only valid response key — press on S2, not S1' },
      { key: 'WAIT',       desc: 'Do not respond before S2 appears — anticipate but wait' },
    ]
  },
  DST: {
    name: 'DIGIT SPAN',
    body: 'Digit Span measures verbal working memory capacity. A sequence of single digits is presented one at a time at a steady rate. In the Forward subtest, repeat the digits in the same order. In the Backward subtest, repeat them in reverse. Sequences start at length 3 and grow by one digit after two correct trials at each length. Two failures at the same length terminates that subtest. Span score = longest correctly recalled sequence length. Modelled on the WAIS-IV Digit Span subtest.',
    rules: [
      { key: 'WATCH',    desc: 'Digits appear one at a time — remember the full sequence' },
      { key: 'FORWARD',  desc: 'Repeat digits in the SAME order they appeared' },
      { key: 'BACKWARD', desc: 'Repeat digits in REVERSE order' },
      { key: 'NUMPAD',   desc: 'Enter digits using the on-screen pad or keyboard (0–9)' },
      { key: 'CONFIRM',  desc: 'Press ✓ or Enter when your sequence is complete' },
      { key: 'STAIRCASE', desc: 'Correct → sequence grows; 2 failures at same length → subtest ends' },
    ]
  },
  STROOP: {
    name: 'STROOP COLOR-WORD',
    body: 'The Stroop paradigm measures selective attention and cognitive control. A color word is displayed in a font color that is either congruent (RED in red), incongruent (RED in blue), or neutral (XXX in red). Respond to the INK COLOR — ignore the word. Incongruent trials slow responses and increase errors, revealing the cost of suppressing an automatic reading response. The Stroop interference effect (incongruent − congruent RT) is a robust index of executive control.',
    rules: [
      { key: 'F / G / H / J', desc: 'Respond to ink COLOR: F=Red · G=Green · H=Blue · J=Yellow' },
      { key: 'IGNORE WORD',   desc: 'The printed word is a distractor — respond only to the ink color' },
      { key: 'CONGRUENT',     desc: 'Word and color match — these are faster' },
      { key: 'INCONGRUENT',   desc: 'Word and color conflict — these reveal Stroop interference' },
      { key: 'NEUTRAL',       desc: 'Non-color word (XXX) in a colored ink — baseline condition' },
      { key: 'SPEED',         desc: 'Respond as fast and accurately as possible' }
    ]
  },
  ERN: {
    name: 'ERROR-RELATED NEGATIVITY',
    body: 'A speeded choice task: respond to the central arrow within 500 ms. Errors are inevitable at this speed. The ERN peaks 0–100 ms after an error, reflecting anterior cingulate error monitoring. The Pe follows 200–400 ms later as conscious error awareness.',
    rules: [
      { key: 'F / LEFT',    desc: 'Arrow points left — respond within 500 ms' },
      { key: 'J / RIGHT',   desc: 'Arrow points right — respond within 500 ms' },
      { key: 'SPEED',       desc: 'Respond as fast as possible — errors generate ERN' },
      { key: 'ERN',         desc: 'Negative peak 0–100 ms post-error (fronto-central)' },
      { key: 'Pe',          desc: 'Positive peak 200–400 ms post-error (error awareness)' }
    ]
  },
  MRT: {
    name: 'MENTAL ROTATION',
    body: 'Two 3-D cube structures appear side by side. Decide whether they are the same shape rotated to a different angle, or mirror images. RT increases with rotation angle — the slope indexes rotation speed.',
    rules: [
      { key: 'S', desc: 'Press S or click Same — shapes are identical (just rotated)' },
      { key: 'D', desc: 'Press D or click Different — shapes are mirror images' },
      { key: 'SHAPE B', desc: 'Shape B animates into its rotation — respond after it settles' },
      { key: 'ANGLES', desc: '4 rotation angles: 0°, 60°, 120°, 180°' },
      { key: 'METRICS', desc: 'Accuracy and RT by angle — RT should rise with larger rotations' }
    ]
  }
});

// ── N400 SEMANTIC PRIMING ENGINE ──────────────────────────
const N400={active:false,isPractice:false,trial:0,log:[],practiceLog:[],phase:null,waiting:false,stimOn:0,_timers:[],maxTrials:0,currentPair:null,_deck:[]};
const N400_WORD_DUR  = 1000;  // each word on screen (ms)
const N400_FIX_DUR   = 500;   // fixation between words (ms) — reduced
const N400_LEAD_FIX  = 500;   // opening fixation (ms)
const N400_TARGET_TO = 3000;  // response window for target (ms)

const N400_PAIRS=[
  // Each sentence frame appears twice: once congruent, once incongruent
  // ── Surgeon ──
  {prime:'The surgeon scrubbed his hands before the',  target:'OPERATION',  condition:'congruent'},
  {prime:'The surgeon scrubbed his hands before the',  target:'PARAGRAPH',  condition:'incongruent'},
  // ── Bread ──
  {prime:'She spread butter on her slice of',          target:'BREAD',      condition:'congruent'},
  {prime:'She spread butter on her slice of',          target:'CABINET',    condition:'incongruent'},
  // ── Playground ──
  {prime:'The children played on the swings in the',   target:'PARK',       condition:'congruent'},
  {prime:'The children played on the swings in the',   target:'INVOICE',    condition:'incongruent'},
  // ── Birthday ──
  {prime:'He blew out the candles on his birthday',    target:'CAKE',       condition:'congruent'},
  {prime:'He blew out the candles on his birthday',    target:'VERDICT',    condition:'incongruent'},
  // ── Astronaut ──
  {prime:'The astronaut floated weightless in outer',  target:'SPACE',      condition:'congruent'},
  {prime:'The astronaut floated weightless in outer',  target:'CARPET',     condition:'incongruent'},
  // ── Door ──
  {prime:'She turned the key and opened the front',    target:'DOOR',       condition:'congruent'},
  {prime:'She turned the key and opened the front',    target:'PLANET',     condition:'incongruent'},
  // ── Restaurant ──
  {prime:'The waiter brought the bill at the end of the', target:'MEAL',   condition:'congruent'},
  {prime:'The waiter brought the bill at the end of the', target:'LUGGAGE',condition:'incongruent'},
  // ── Orange juice ──
  {prime:'He drank a cold glass of orange',            target:'JUICE',      condition:'congruent'},
  {prime:'He drank a cold glass of orange',            target:'PENCIL',     condition:'incongruent'},
  // ── Exam ──
  {prime:'The student studied hard for the final',     target:'EXAM',       condition:'congruent'},
  {prime:'The student studied hard for the final',     target:'CHIMNEY',    condition:'incongruent'},
  // ── Sunrise ──
  {prime:'She woke up early to watch the morning',     target:'SUNRISE',    condition:'congruent'},
  {prime:'She woke up early to watch the morning',     target:'CONTRACT',   condition:'incongruent'},
  // ── Mechanic ──
  {prime:'The mechanic checked the oil and changed the flat', target:'TYRE',   condition:'congruent'},
  {prime:'The mechanic checked the oil and changed the flat', target:'SENATOR',condition:'incongruent'},
  // ── Laptop ──
  {prime:'He saved the file and closed the laptop',    target:'LID',        condition:'congruent'},
  {prime:'He saved the file and closed the laptop',    target:'HARBOUR',    condition:'incongruent'},
  // ── Garden ──
  {prime:'The gardener watered the roses in the',      target:'GARDEN',     condition:'congruent'},
  {prime:'The gardener watered the roses in the',      target:'MOLECULE',   condition:'incongruent'},
  // ── Present ──
  {prime:'She wrapped the present and tied a',         target:'BOW',        condition:'congruent'},
  {prime:'She wrapped the present and tied a',         target:'GLACIER',    condition:'incongruent'},
  // ── Runway ──
  {prime:'The pilot landed the plane on the',          target:'RUNWAY',     condition:'congruent'},
  {prime:'The pilot landed the plane on the',          target:'MATTRESS',   condition:'incongruent'},
  // ── Envelope ──
  {prime:'He signed the letter and sealed the',        target:'ENVELOPE',   condition:'congruent'},
  {prime:'He signed the letter and sealed the',        target:'FOREST',     condition:'incongruent'},
  // ── Hospital ──
  {prime:'The nurse checked the patient\'s blood',     target:'PRESSURE',   condition:'congruent'},
  {prime:'The nurse checked the patient\'s blood',     target:'CALENDAR',   condition:'incongruent'},
  // ── Coffee ──
  {prime:'She added milk and sugar to her morning',    target:'COFFEE',     condition:'congruent'},
  {prime:'She added milk and sugar to her morning',    target:'ALGEBRA',    condition:'incongruent'},
  // ── Library ──
  {prime:'He returned the overdue books to the',       target:'LIBRARY',    condition:'congruent'},
  {prime:'He returned the overdue books to the',       target:'VOLCANO',    condition:'incongruent'},
  // ── Storm ──
  {prime:'Dark clouds gathered and thunder rolled across the', target:'SKY',   condition:'congruent'},
  {prime:'Dark clouds gathered and thunder rolled across the', target:'CARPET',condition:'incongruent'},
];
function n400ClearTimers(){N400._timers.forEach(t=>clearTimeout(t));N400._timers=[];}
function n400T(fn,ms){const t=setTimeout(fn,ms);N400._timers.push(t);return t;}
function startN400(isPractice){
  N400.active=true;N400.isPractice=isPractice;
  N400.maxTrials=isPractice?8:parseInt($('trialsInput').value)||30;
  N400.trial=0;
  if(!isPractice){N400.log=[];}else{N400.practiceLog=[];}
  n400ClearTimers();hideAll();
  $('n400Screen').style.display='flex';
  $('n400PracticeBanner').style.display=isPractice?'block':'none';
  $('n400StimPhase').style.display='none';$('n400ResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  N400._deck=n400BuildDeck(N400.maxTrials);
  speak(isPractice?'Practice N 400 task.':'Starting N 400 task.');
  if(inputMode==='voice'&&!Speech.micOn) toggleMic();
  n400Next();
}
function n400BuildDeck(n){
  // 80% congruent, 20% incongruent — classic oddball ratio
  const cong   = N400_PAIRS.filter(p=>p.condition==='congruent');
  const incong  = N400_PAIRS.filter(p=>p.condition==='incongruent');
  const nIncong = Math.round(n * 0.20);
  const nCong   = n - nIncong;

  // sample with repetition if needed
  function sample(arr, k){
    const out=[];
    let pool=[...arr];
    while(out.length<k){
      if(!pool.length) pool=[...arr];
      const i=Math.floor(Math.random()*pool.length);
      out.push(pool.splice(i,1)[0]);
    }
    return out;
  }

  const deck=[...sample(cong,nCong),...sample(incong,nIncong)];
  // shuffle — but avoid two incongruent trials in a row
  for(let i=deck.length-1;i>0;i--){
    const j=Math.floor(Math.random()*(i+1));
    [deck[i],deck[j]]=[deck[j],deck[i]];
  }
  return deck;
}
function n400Next(){
  if(N400.trial>=N400.maxTrials){n400End();return;}
  N400.trial++;
  $('n400-trial').textContent='Trial '+N400.trial+'/'+N400.maxTrials;
  $('n400ProgressBar').style.width=((N400.trial-1)/N400.maxTrials*100).toFixed(1)+'%';
  N400.currentPair=N400._deck[N400.trial-1];
  N400.waiting=false;$('n400Feedback').textContent='';$('n400Feedback').className='feedback';
  $('n400RespRow').style.display='none';
  n400StartRSVP();
}

// ── RSVP timings ───────────────────────────────────────────

function n400SetWord(txt, style){
  const w=$('n400Word');
  w.style.cssText='min-height:80px;max-width:540px;display:flex;align-items:center;'
    +'justify-content:center;text-align:center;padding:0 24px;'+style;
  w.textContent=txt;
}
function n400SetFix(){
  n400SetWord('+','font-size:2rem;color:var(--mid);');
  $('n400-phase-lbl').textContent='\u00b7\u00b7\u00b7';
  $('n400PhaseLabel').textContent='';
  $('n400KeyHint').textContent='';
}

function n400StartRSVP(){
  const p=N400.currentPair;
  $('n400StimPhase').style.display='flex';
  $('n400RespRow').style.display='none';
  // hide label / trial counter / progress during presentation
  $('n400Screen').querySelector('.stb-header').style.visibility='hidden';
  $('n400ProgressBar').parentElement.style.visibility='hidden';

  const words=p.prime.trim().split(/\s+/);
  let delay=0;

  // opening fixation
  n400T(()=>{ n400SetFix(); }, delay);
  delay+=N400_LEAD_FIX;

  // present each word with fixation between
  words.forEach((word,i)=>{
    n400T(()=>{
      $('n400-phase-lbl').textContent='';
      $('n400PhaseLabel').textContent='';
      $('n400KeyHint').textContent='';
      n400SetWord(word,
        'font-size:2.2rem;font-weight:500;color:#d4a520;'
        +'font-family:"EB Garamond",serif;letter-spacing:0.04em;');
      // TTS: speak the word aloud
      if(Speech.ttsOn) speak(word);
    }, delay);
    delay+=N400_WORD_DUR;

    // fixation after every word
    n400T(()=>{ n400SetFix(); }, delay);
    delay+=N400_FIX_DUR;
  });

  // show target
  n400T(()=>{
    // restore header and progress bar
    $('n400Screen').querySelector('.stb-header').style.visibility='';
    $('n400ProgressBar').parentElement.style.visibility='';
    $('n400-phase-lbl').textContent='TARGET';
    $('n400PhaseLabel').textContent='FITS OR DOESN\'T FIT?';
    // voice mode: hide buttons, show mic hint; keyboard: show buttons
    const voiceMode = inputMode==='voice';
    $('n400RespRow').style.display = voiceMode ? 'none' : 'flex';
    $('n400KeyHint').textContent = voiceMode
      ? 'say "fits" or "odd"'
      : 'F = FITS  \u00b7  J = DOESN\'T FIT';
    n400SetWord(p.target,
      'font-size:2.8rem;font-weight:700;letter-spacing:0.1em;color:#e8e0d0;'
      +'font-family:"Source Code Pro",monospace;');
    if(Speech.ttsOn) speak(p.target);
    N400.stimOn=performance.now();
    N400.waiting=true;
    n400T(()=>{if(N400.waiting)n400Respond('TIMEOUT');}, N400_TARGET_TO);
  }, delay);
}

// legacy stubs — no longer called
function n400ShowFix(){}
function n400ShowPrime(){}
function n400ShowISI(){}
function n400ShowTarget(){}

function n400Respond(resp){
  if(!N400.waiting)return;
  N400.waiting=false;n400ClearTimers();
  const p=N400.currentPair;
  const rt=resp==='TIMEOUT'?null:(performance.now()-N400.stimOn);
  const correct=resp==='TIMEOUT'?false:(resp==='FIT'&&p.condition==='congruent')||(resp==='ODD'&&p.condition==='incongruent');
  const entry={trial:N400.trial,prime:p.prime,target:p.target,condition:p.condition,response:resp,correct,rt:rt?parseFloat(rt.toFixed(1)):null};
  (N400.isPractice?N400.practiceLog:N400.log).push(entry);
  const fb=$('n400Feedback');
  fb.textContent=resp==='TIMEOUT'?'T/O':(rt.toFixed(0)+' ms  '+(correct?'\u2713':'\u2717'));
  fb.className='feedback '+(resp==='TIMEOUT'?'timeout':correct?'ok':'err');
  $('n400RespRow').style.display='none';updateSidebar();n400T(n400Next,400);
}
document.addEventListener('keydown',function(e){
  if(!N400.active||!N400.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();n400Respond('FIT');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();n400Respond('ODD');}
});
function n400End(){
  N400.active=false;
  const log=N400.isPractice?N400.practiceLog:N400.log;
  $('n400StimPhase').style.display='none';$('n400ProgressBar').style.width='100%';
  if(N400.isPractice){
    const c=log.filter(r=>r.correct).length;const rts=log.filter(r=>r.rt!=null);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0):'--';
    hideAll();$('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span> &nbsp;&nbsp; AVG RT &nbsp;<span>'+avgRT+' ms</span>';
    $('practiceComplete').style.display='flex';speak('Practice complete.');return;
  }
  $('exportBtn').disabled=false;
  const mean=arr=>arr.length?(arr.reduce((a,b)=>a+b.rt,0)/arr.length):null;
  const cong=log.filter(r=>r.condition==='congruent'&&r.correct&&r.rt!=null);
  const incong=log.filter(r=>r.condition==='incongruent'&&r.correct&&r.rt!=null);
  const congRT=mean(cong),incongRT=mean(incong);
  const n400effect=congRT&&incongRT?(incongRT-congRT).toFixed(0)+' ms':'--';
  $('n400Metrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(congRT?congRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Congruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(incongRT?incongRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Incongruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+n400effect+'</div><div class="vm-lbl">N400 Effect</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+log.filter(r=>r.correct).length+'/'+log.length+'</div><div class="vm-lbl">Correct</div></div>';
  const cv=$('n400Chart');
  if(cv){const c2=cv.getContext('2d');cv.width=cv.offsetWidth||460;cv.height=140;
    c2.fillStyle='#060d14';c2.fillRect(0,0,cv.width,cv.height);
    const bars=[{l:'Congruent',v:congRT,col:'#81c784'},{l:'Incongruent',v:incongRT,col:'#e57373'}];
    const maxV=Math.max(...bars.map(b=>b.v||0))*1.15||800;const bw=80,gap=30,sx=(cv.width-bars.length*(bw+gap)+gap)/2;
    bars.forEach((b,i)=>{const x=sx+i*(bw+gap),h=b.v?(b.v/maxV)*100:0,y=120-h;
      c2.fillStyle=b.col+'44';c2.fillRect(x,y,bw,h);c2.strokeStyle=b.col;c2.lineWidth=1.5;c2.strokeRect(x,y,bw,h);
      c2.fillStyle=b.col;c2.font='9px "Source Code Pro",monospace';c2.textAlign='center';c2.fillText(b.l,x+bw/2,135);
      if(b.v){c2.fillStyle='#e8e0d0';c2.font='10px "Source Code Pro",monospace';c2.fillText(b.v.toFixed(0)+'ms',x+bw/2,y-4);}});}
  $('n400ResultsGrid').innerHTML='<div style="display:grid;grid-template-columns:2rem 4rem 5rem 6rem 5rem 4rem;gap:2px 6px;font-size:0.75rem;color:var(--dim);padding-bottom:4px;border-bottom:1px solid #1a2f44;margin-bottom:4px;"><span>#</span><span>PRIME</span><span>TARGET</span><span>COND</span><span>RESP</span><span>RT</span></div>'+
    log.map((r,i)=>'<div style="display:grid;grid-template-columns:2rem 4rem 5rem 6rem 5rem 4rem;gap:2px 6px;font-size:0.75rem;color:'+(r.correct?'#8ab':'#e57373')+'"><span>'+(i+1)+'</span><span>'+r.prime+'</span><span>'+r.target+'</span><span style="color:'+(r.condition==='congruent'?'#81c784':r.condition==='incongruent'?'#e57373':'#7a8a96')+'">'+r.condition.slice(0,5).toUpperCase()+'</span><span>'+r.response+'</span><span>'+(r.rt!=null?r.rt.toFixed(0):'T/O')+'</span></div>').join('');
  $('n400ResultsPhase').style.display='block';
  speak('N 400 task complete. N 400 effect: '+n400effect+'.');updateSidebar();
}
function n400ExportCSV(){
  if(!N400.log.length)return;
  const h='trial,prime,target,condition,response,correct,rt_ms\n';
  const rows=N400.log.map(r=>[r.trial,r.prime,r.target,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n400_'+Date.now()+'.csv';a.click();
}

// ── LAUNCH EXTERNAL ────────────────────────────────────────
function launchExternal(url) {
  hideAll();
  $('home').style.display = 'flex';
  window.open(url, '_blank');
}

// ── INTRO ANIMATIONS ───────────────────────────────────────
(function(){
  const GOLD='#d4a520', DIM='rgba(212,165,32,0.25)', MID='#7a8a96';
  const BG='#060d14', NAVY='#1a2a3a';
  let animRAF=null, animTimer=null;

  function stopAnim(){
    if(animRAF){cancelAnimationFrame(animRAF);animRAF=null;}
    if(animTimer){clearTimeout(animTimer);animTimer=null;}
  }
  window._stopIntroAnim = stopAnim;

  function getCtx(){
    const c=document.getElementById('introAnim');
    if(!c)return null;
    c.width=c.offsetWidth>0?c.offsetWidth:520;
    c.height=110;
    return c.getContext('2d');
  }

  function clear(ctx){ctx.fillStyle=BG;ctx.fillRect(0,0,ctx.canvas.width,ctx.canvas.height);}
  function circle(ctx,x,y,r,col,fill){ctx.beginPath();ctx.arc(x,y,r,0,Math.PI*2);if(fill){ctx.fillStyle=fill;ctx.fill();}ctx.strokeStyle=col;ctx.lineWidth=1.5;ctx.stroke();}
  function rect(ctx,x,y,w,h,col,fill){if(fill){ctx.fillStyle=fill;ctx.fillRect(x,y,w,h);}ctx.strokeStyle=col;ctx.lineWidth=1.5;ctx.strokeRect(x,y,w,h);}
  function arrow(ctx,x1,y1,x2,y2,col){ctx.strokeStyle=col||GOLD;ctx.lineWidth=1.5;ctx.beginPath();ctx.moveTo(x1,y1);ctx.lineTo(x2,y2);ctx.stroke();const a=Math.atan2(y2-y1,x2-x1);ctx.beginPath();ctx.moveTo(x2,y2);ctx.lineTo(x2-8*Math.cos(a-0.4),y2-8*Math.sin(a-0.4));ctx.lineTo(x2-8*Math.cos(a+0.4),y2-8*Math.sin(a+0.4));ctx.closePath();ctx.fillStyle=col||GOLD;ctx.fill();}
  function cap(ctx,txt,col){ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=col||MID;ctx.textAlign='center';ctx.fillText(txt,ctx.canvas.width/2,ctx.canvas.height-10);ctx.textAlign='left';}

  function animGNG(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seq=[{s:'●',c:GOLD,go:true,l:'GO → press F / SPACE'},{s:'○',c:MID,go:false,l:'NO-GO → withhold'},{s:'●',c:GOLD,go:true,l:'GO → respond fast'}];
    let fi=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>80){t=0;phase=(phase+1)%3;if(phase===0)fi=(fi+1)%seq.length;}
      const f=seq[fi];clear(ctx);
      const cx=W/2-50,cy=H/2-5;
      rect(ctx,cx-24,cy-24,48,48,'#1a2f44',NAVY);
      ctx.font=`bold 26px monospace`;ctx.fillStyle=f.c;ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(f.s,cx,cy);ctx.textBaseline='alphabetic';
      if(phase>=1){
        if(f.go){rect(ctx,W/2+20,cy-14,70,28,'#2a5040','rgba(39,174,96,0.1)');ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle='#81c784';ctx.textAlign='center';ctx.fillText('F / SPACE',W/2+55,cy+4);}
        else{ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('— withhold —',W/2+55,cy+4);}
      }
      cap(ctx,f.l,f.go?GOLD:MID);
    }tick();
  }

  function animNBACK(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seq=['K','R','K','M','M'];
    let ti=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>55){t=0;phase=(phase+1)%3;if(phase===0)ti=(ti+1)%seq.length;}
      clear(ctx);
      for(let i=Math.max(0,ti-3);i<ti;i++){
        const age=ti-i;ctx.font='20px "Source Code Pro",monospace';
        ctx.fillStyle=`rgba(212,165,32,${0.35-age*0.07})`;ctx.textAlign='center';ctx.fillText(seq[i],W/2-age*48,H/2+7);
      }
      ctx.font='bold 30px "Source Code Pro",monospace';
      const isMatch=ti>0&&seq[ti]===seq[ti-1];
      ctx.fillStyle=phase>1?(isMatch?'#81c784':'#e57373'):GOLD;
      ctx.textAlign='center';ctx.fillText(seq[ti]||'?',W/2,H/2+10);
      cap(ctx,phase>1&&ti>0?(isMatch?'MATCH → F':'NO MATCH → J'):'does current letter match one back?',phase>1&&ti>0?(isMatch?'#81c784':'#e57373'):MID);
    }tick();
  }

  function animSPATIAL(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let target=4,phase=0,t=0;
    function newTarget(){target=Math.floor(Math.random()*9);}
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>65){t=0;phase=(phase+1)%3;if(phase===0)newTarget();}
      clear(ctx);
      const gs=32,gap=4,cols=3,ox=W/2-(cols*(gs+gap)-gap)/2,oy=H/2-(cols*(gs+gap)-gap)/2-5;
      for(let r=0;r<3;r++)for(let c=0;c<3;c++){
        const i=r*3+c,x=ox+c*(gs+gap),y=oy+r*(gs+gap),isT=i===target;
        rect(ctx,x,y,gs,gs,isT?GOLD:'#1a2f44',isT?'rgba(212,165,32,0.15)':NAVY);
      }
      if(phase===1){const c2=target%3,r2=Math.floor(target/3),tx=ox+c2*(gs+gap)+gs/2,ty=oy+r2*(gs+gap)+gs/2;circle(ctx,tx,ty,8,GOLD,'rgba(212,165,32,0.5)');}
      cap(ctx,'click the highlighted cell as fast as possible');
    }tick();
  }

  function animPOSNER(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,valid=true;
    const lx=W/2-90,rx=W/2+90,cy=H/2-5;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>50){t=0;phase=(phase+1)%5;if(phase===0)valid=!valid;}
      clear(ctx);
      ctx.font='bold 14px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,cy+5);
      rect(ctx,lx-18,cy-18,36,36,phase>=1&&valid?GOLD:'#1a2f44',NAVY);
      rect(ctx,rx-18,cy-18,36,36,phase>=1&&!valid?GOLD:'#1a2f44',NAVY);
      if(phase>=1){ctx.font='16px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText(valid?'→':'←',W/2-4,cy+5);}
      if(phase>=2){ctx.font='18px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('★',valid?lx:rx,cy+6);}
      cap(ctx,phase>=2?'SPACE — target detected':(valid?'valid cue → target on cued side':'invalid cue → opposite side'),phase>=2?'#81c784':MID);
    }tick();
  }

  function animRECALL(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const words=['TABLE','RIVER','LAMP','OCEAN','CLOCK'];
    let wi=0,phase=0,t=0,typed='';
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>45){t=0;phase=(phase+1)%4;if(phase===0){wi=(wi+1)%words.length;if(wi===0){typed=(typed?typed+'  ':'')+words[Math.floor(Math.random()*5)];if(typed.split('  ').length>3)typed='';}}}
      clear(ctx);
      if(wi<words.length){
        ctx.font=`bold 24px "EB Garamond",serif`;ctx.fillStyle=phase<2?GOLD:`rgba(212,165,32,0.3)`;ctx.textAlign='center';ctx.fillText(words[wi],W/2,H/2+8);
        cap(ctx,'STUDY — remember each word');
      }else{
        ctx.font='12px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText((typed||'_')+'█',W/2,H/2+6);
        cap(ctx,'RECALL — type each word + Enter');
      }
    }tick();
  }

  function animWCST(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const piles=[{c:'#c0392b',s:'▲'},{c:'#27ae60',s:'★'},{c:'#c8a000',s:'✚'},{c:'#2980b9',s:'●'}];
    const cards=[{c:'#27ae60',s:'▲'},{c:'#c0392b',s:'★'}];
    let ci=0,phase=0,t=0,tgt=-1;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>55){t=0;phase=(phase+1)%4;if(phase===0){ci=(ci+1)%cards.length;tgt=-1;}}
      if(phase===1&&tgt<0)tgt=Math.floor(Math.random()*4);
      clear(ctx);
      piles.forEach((p,i)=>{
        const x=30+i*74,y=15;rect(ctx,x,y,60,35,phase>=2&&i===tgt?GOLD:'#1a2f44',NAVY);
        ctx.font='12px monospace';ctx.fillStyle=p.c;ctx.textAlign='center';ctx.fillText(p.s,x+30,y+14);
        ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText(i+1,x+30,y+27);
      });
      const card=cards[ci];const cx=W/2-30,cy=60;
      rect(ctx,cx,cy,60,35,GOLD,'rgba(212,165,32,0.08)');
      ctx.font='13px monospace';ctx.fillStyle=card.c;ctx.textAlign='center';ctx.fillText(card.s,cx+30,cy+14);
      if(phase>=1&&tgt>=0)arrow(ctx,cx+30,cy,30+tgt*74+30,50,GOLD);
      cap(ctx,'sort by hidden rule · rule shifts after 10 correct');
    }tick();
  }

  function animVRT(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,s=42;
    function rng(){s=(s*1664525+1013904223)>>>0;return s/4294967296;}
    function pat(x,y,sz,seed){const sv=s;s=seed;const cols=['#2980b9','#c0392b','#27ae60','#c8a000'];
      for(let i=0;i<5;i++){const px=x+rng()*sz,py=y+rng()*sz,r=3+rng()*7;ctx.fillStyle=cols[Math.floor(rng()*4)];ctx.beginPath();ctx.arc(px,py,r,0,Math.PI*2);ctx.fill();}s=sv;}
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>60){t=0;phase=(phase+1)%4;}
      clear(ctx);
      if(phase<=1){
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('STUDY',W/2,14);
        for(let i=0;i<3;i++){rect(ctx,W/2-90+i*65,18,55,55,'#1a2f44',NAVY);pat(W/2-88+i*65,20,51,100+i*77);}
        cap(ctx,'memorise the patterns');
      }else{
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('TEST — which did you study?',W/2,14);
        rect(ctx,W/2-75,18,55,55,phase===3?GOLD:'#1a2f44',NAVY);pat(W/2-73,20,51,100);
        rect(ctx,W/2+20,18,55,55,'#1a2f44',NAVY);pat(W/2+22,20,51,9999);
        cap(ctx,phase===3?'click the studied pattern →':'old or new?',phase===3?'#81c784':MID);
      }
    }tick();
  }

  function animCSR(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let t=0,isTarget=false,phase=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t%30===0){phase=(phase+1)%6;if(phase===0)isTarget=Math.random()<0.3;}
      clear(ctx);
      const sz=7,n=6,cx=W/2,cy=H/2-5;
      const rotated=isTarget&&phase>3;
      ctx.save();if(rotated){ctx.translate(cx,cy);ctx.rotate(Math.PI/4);ctx.translate(-n*sz,-n*sz);}else{ctx.translate(cx-n*sz,cy-n*sz);}
      for(let r=0;r<n*2;r++)for(let c=0;c<n*2;c++){ctx.fillStyle=(r+c)%2===0?'rgba(212,165,32,0.75)':'rgba(6,13,20,0.8)';ctx.fillRect(c*sz,r*sz,sz,sz);}
      ctx.restore();
      cap(ctx,rotated?'TARGET → press SPACE!':'standard reversal — do not respond',rotated?GOLD:MID);
    }tick();
  }

  function animP300(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seq=[false,false,true,false,false,false,true];
    let ti=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>38){t=0;phase=(phase+1)%3;if(phase===0)ti=(ti+1)%seq.length;}
      clear(ctx);
      const odd=seq[ti],r=odd?26:16,cy=H/2-5;
      ctx.beginPath();ctx.arc(W/2,cy,r,0,Math.PI*2);
      ctx.fillStyle=odd?'rgba(212,165,32,0.2)':'rgba(122,138,150,0.1)';ctx.fill();
      ctx.strokeStyle=odd?GOLD:MID;ctx.lineWidth=2;ctx.stroke();
      ctx.font=`${odd?12:10}px "Source Code Pro",monospace`;ctx.fillStyle=odd?GOLD:MID;ctx.textAlign='center';ctx.fillText(odd?'2000 Hz':'1000 Hz',W/2,cy+4);
      cap(ctx,odd&&phase>=1?'ODDBALL → press SPACE':(odd?'rare tone (20%)':'frequent tone — do not respond'),odd&&phase>=1?'#81c784':MID);
    }tick();
  }

  function animSTB(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const set=['K','R','M'];let si=0,phase=0,t=0,probe='',inSet=false;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>42){t=0;phase++;
        if(phase>set.length+3){phase=0;si=0;probe=Math.random()<0.5?set[Math.floor(Math.random()*3)]:'X';inSet=set.includes(probe);}
      }
      clear(ctx);
      if(phase<=set.length){
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('MEMORY SET',W/2,14);
        set.forEach((l,i)=>{ctx.font=`bold ${i<phase?26:18}px "Source Code Pro",monospace`;ctx.fillStyle=i<phase?(i===phase-1?GOLD:'rgba(212,165,32,0.4)'):DIM;ctx.textAlign='center';ctx.fillText(i<phase?l:'?',W/2-32+i*32,H/2+9);});
        cap(ctx,'study the letters one at a time');
      }else if(phase===set.length+1){
        ctx.font='20px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('· · ·',W/2,H/2+7);cap(ctx,'retention interval');
      }else{
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('PROBE',W/2,14);
        ctx.font='bold 32px "Source Code Pro",monospace';ctx.fillStyle=inSet?'#81c784':'#e57373';ctx.textAlign='center';ctx.fillText(probe||'?',W/2,H/2+11);
        cap(ctx,inSet?'IN SET → F / SPACE':'NOT IN SET → J',inSet?'#81c784':'#e57373');
      }
    }tick();
  }

  function animTMT(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const nodes=[{l:'1',x:55,y:55},{l:'2',x:115,y:28},{l:'A',x:175,y:55},{l:'3',x:235,y:28},{l:'B',x:295,y:55},{l:'4',x:355,y:28}];
    let cur=0,path=[],t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>45){t=0;if(cur<nodes.length){path.push(nodes[cur]);cur++;}else{cur=0;path=[];}}
      clear(ctx);
      if(path.length>1){ctx.strokeStyle='rgba(212,165,32,0.5)';ctx.lineWidth=2;ctx.beginPath();path.forEach((p,i)=>i===0?ctx.moveTo(p.x,p.y):ctx.lineTo(p.x,p.y));ctx.stroke();}
      nodes.forEach((n,i)=>{const v=i<cur;circle(ctx,n.x,n.y,13,v?GOLD:'#1a2f44',v?'rgba(212,165,32,0.2)':NAVY);ctx.font='bold 10px "Source Code Pro",monospace';ctx.fillStyle=v?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(n.l,n.x,n.y);ctx.textBaseline='alphabetic';});
      cap(ctx,'Part B: alternate 1 → A → 2 → B → 3 → C …');
    }tick();
  }

  function animDSC(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const syms=['|','⊙','+','×','□','△','★','⧗','∩'];
    const digits=[3,7,5,2,4];
    let ci=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>38){t=0;phase=(phase+1)%4;if(phase===0)ci=(ci+1)%digits.length;}
      clear(ctx);
      const kw=40,kh=26,kx=20,ky=10,gap=2;
      for(let d=1;d<=9;d++){const x=kx+(d-1)*(kw+gap);rect(ctx,x,ky,kw,kh,d===digits[ci]&&phase>=1?GOLD:'#1a2f44',NAVY);ctx.font='bold 9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText(d,x+kw/2,ky+10);ctx.font='10px monospace';ctx.fillStyle=MID;ctx.fillText(syms[d-1],x+kw/2,ky+22);}
      digits.forEach((d,i)=>{const x=30+i*74,y=46,filled=i<ci||(i===ci&&phase>=3);rect(ctx,x,y,60,28,i===ci&&phase<3?GOLD:'#1a2f44',NAVY);ctx.font='bold 9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText(d,x+30,y+11);if(filled){ctx.font='11px monospace';ctx.fillStyle=GOLD;ctx.fillText(syms[d-1],x+30,y+24);}});
      cap(ctx,'find digit in key → select symbol → fill box');
    }tick();
  }

  function animPNT(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const items=[{e:'🍎',n:'apple'},{e:'🕐',n:'clock'},{e:'🔑',n:'key'},{e:'✂️',n:'scissors'}];
    let ii=0,phase=0,t=0,wt=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;wt+=0.15;
      if(t>60){t=0;phase=(phase+1)%4;if(phase===0)ii=(ii+1)%items.length;}
      clear(ctx);
      rect(ctx,W/2-55,8,110,70,phase>=1?GOLD:'#1a2f44',NAVY);
      ctx.font='38px monospace';ctx.textAlign='center';ctx.fillText(items[ii].e,W/2,58);
      if(phase>=2){circle(ctx,W-40,H/2-8,16,GOLD,'rgba(212,165,32,0.1)');ctx.font='14px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('🎤',W-40,H/2-3);ctx.strokeStyle=GOLD;ctx.lineWidth=1.2;ctx.beginPath();for(let x=0;x<55;x++){const y=H/2+18+7*Math.sin(x*0.35+wt)*Math.exp(-((x-27)**2)/400);x===0?ctx.moveTo(W-68+x,y):ctx.lineTo(W-68+x,y);}ctx.stroke();}
      if(phase>=3){ctx.font='11px "Source Code Pro",monospace';ctx.fillStyle='#81c784';ctx.textAlign='center';ctx.fillText('"'+items[ii].n+'"',W/2,H-10);}
      else{cap(ctx,'name the object aloud as fast as possible');}
    }tick();
  }

  function animMRT(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const cubes=[{x:0,y:0},{x:1,y:0},{x:2,y:0},{x:2,y:1},{x:2,y:2}];
    let angle=0,spinning=false,mirror=false,phase=0,t=0;
    function drawShape(cx,cy,ang,mir,sc){
      const a=ang*Math.PI/180,cos=Math.cos(a),sin=Math.sin(a);
      cubes.forEach(({x:bx,y:by})=>{const rx=bx-1,ry=by-1;let tx=rx*cos-ry*sin,ty=rx*sin+ry*cos;if(mir)tx=-tx;rect(ctx,cx+tx*sc-sc/2+1,cy+ty*sc-sc/2+1,sc-2,sc-2,GOLD,'rgba(212,165,32,0.18)');});
    }
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>60&&!spinning){t=0;phase=(phase+1)%3;if(phase===1){spinning=true;mirror=Math.random()<0.4;}if(phase===0){angle=0;}}
      if(spinning){angle+=2.5;if(angle>=120){angle=120;spinning=false;}}
      clear(ctx);
      drawShape(W/2-80,H/2-5,30,false,13);
      ctx.strokeStyle='#1a2f44';ctx.lineWidth=1;ctx.setLineDash([3,3]);ctx.beginPath();ctx.moveTo(W/2,12);ctx.lineTo(W/2,H-18);ctx.stroke();ctx.setLineDash([]);
      drawShape(W/2+80,H/2-5,30+angle,mirror,13);
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('A',W/2-80,H-12);ctx.fillText('B',W/2+80,H-12);
      if(!spinning&&phase===2){ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=mirror?'#e57373':'#81c784';ctx.textAlign='center';ctx.fillText(mirror?'DIFFERENT → D':'SAME → S',W/2,H-10);}
      else{cap(ctx,'same shape rotated, or mirror image?  S / D');}
    }tick();
  }

  function animN400(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const examples=[
      {words:['She','spread','butter','on','her','slice','of'],target:'BREAD',   cong:true},
      {words:['She','spread','butter','on','her','slice','of'],target:'CABINET', cong:false},
    ];
    let ei=0,wi=0,phase=0,t=0; // phase: 0=fix, 1=word, cycle
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>28){t=0;
        phase=(phase+1)%2;
        if(phase===0){wi++;
          if(wi>examples[ei].words.length){wi=0;ei=(ei+1)%examples.length;}
        }
      }
      clear(ctx);
      const ex=examples[ei];
      const cy=H/2+4;
      if(wi<ex.words.length){
        if(phase===1){
          ctx.font='bold 22px "EB Garamond",serif';ctx.fillStyle=GOLD;
          ctx.textAlign='center';ctx.fillText(ex.words[wi],W/2,cy);
        } else {
          ctx.font='bold 18px monospace';ctx.fillStyle=MID;
          ctx.textAlign='center';ctx.fillText('+',W/2,cy);
        }
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;
        ctx.textAlign='center';ctx.fillText('word '+(wi+1)+' of '+ex.words.length,W/2,14);
      } else {
        ctx.font='bold 24px "Source Code Pro",monospace';
        ctx.fillStyle='#e8e0d0';ctx.textAlign='center';ctx.fillText(ex.target,W/2,cy);
        ctx.font='9px "Source Code Pro",monospace';
        ctx.fillStyle=ex.cong?'#81c784':'#e57373';ctx.textAlign='center';
        ctx.fillText(ex.cong?'CONGRUENT — F (word)':'INCONGRUENT — F (word)',W/2,14);
        cap(ctx,'F = FITS  ·  J = DOESN\'T FIT');
      }
    }tick();
  }

  function animFLANKER(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const stims=[{a:'→ → → → →',col:'#81c784',l:'CONGRUENT — respond →'},{a:'→ → ← → →',col:'#e57373',l:'INCONGRUENT — respond ←'}];
    let si=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>55){t=0;phase=(phase+1)%3;if(phase===0)si=(si+1)%stims.length;}
      clear(ctx);const s=stims[si];
      if(phase===0){ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);}
      else{ctx.font='bold 28px "Source Code Pro",monospace';ctx.fillStyle=phase===2?s.col:'#e8e0d0';ctx.textAlign='center';ctx.fillText(s.a,W/2,H/2+10);}
      cap(ctx,s.l,s.col);
    }tick();
  }
  function animSTOP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,isStop=false;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>45){t=0;phase=(phase+1)%4;if(phase===0)isStop=Math.random()<0.3;}
      clear(ctx);
      if(phase===0){ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);cap(ctx,'fixation');}
      else if(phase===1){ctx.font='bold 36px "Source Code Pro",monospace';ctx.fillStyle='#e8e0d0';ctx.textAlign='center';ctx.fillText('→',W/2,H/2+12);cap(ctx,'GO — respond fast');}
      else if(phase===2&&isStop){ctx.font='bold 28px monospace';ctx.fillStyle='#e57373';ctx.textAlign='center';ctx.fillText('⛔',W/2,H/2+10);cap(ctx,'STOP SIGNAL — withhold!','#e57373');}
      else{ctx.font='bold 36px "Source Code Pro",monospace';ctx.fillStyle='#e8e0d0';ctx.textAlign='center';ctx.fillText('→',W/2,H/2+12);}
    }tick();
  }
  function animMMN(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const tones=[false,false,true,false,false,false,false,false,true,false];
    let ti=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>30){t=0;phase=(phase+1)%2;if(phase===0)ti=(ti+1)%tones.length;}
      clear(ctx);const dev=tones[ti];const r=dev?28:18,cy=H/2-5;
      ctx.beginPath();ctx.arc(W/2,cy,r,0,Math.PI*2);ctx.fillStyle=dev?'rgba(212,165,32,0.15)':'rgba(26,42,58,0.5)';ctx.fill();
      ctx.strokeStyle=dev?GOLD:MID;ctx.lineWidth=2;ctx.stroke();
      ctx.font=`${dev?12:10}px "Source Code Pro",monospace`;ctx.fillStyle=dev?GOLD:MID;ctx.textAlign='center';ctx.fillText(dev?'1200 Hz':'1000 Hz',W/2,cy+4);
      cap(ctx,dev?'DEVIANT (20%) — MMN component':'STANDARD (80%) — passive listen',dev?GOLD:MID);
    }tick();
  }
  function animP600(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const pairs=[{words:['The','keys','to','the','cabinet'],target:'WERE LOST',ok:true},{words:['The','keys','to','the','cabinet'],target:'WAS LOST',ok:false}];
    let pi=0,wi=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>25){t=0;phase=(phase+1)%2;if(phase===0){wi++;if(wi>pairs[pi].words.length){wi=0;pi=(pi+1)%pairs.length;}}}
      clear(ctx);const p=pairs[pi];
      if(wi<p.words.length){
        if(phase===1){ctx.font='bold 22px "EB Garamond",serif';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText(p.words[wi],W/2,H/2+8);}
        else{ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);}
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('word '+(wi+1)+' of '+p.words.length,W/2,14);
      }else{
        ctx.font='bold 20px "Source Code Pro",monospace';ctx.fillStyle='#e8e0d0';ctx.textAlign='center';ctx.fillText(p.target,W/2,H/2+8);
        ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=p.ok?'#81c784':'#e57373';ctx.textAlign='center';ctx.fillText(p.ok?'GRAMMATICAL':'VIOLATION',W/2,14);
        cap(ctx,p.ok?'F = CORRECT':'J = VIOLATION',p.ok?'#81c784':'#e57373');
      }
    }tick();
  }
  function animERN(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,dir='→',isErr=false;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>40){t=0;phase=(phase+1)%3;if(phase===0){dir=Math.random()<0.5?'←':'→';isErr=Math.random()<0.2;}}
      clear(ctx);
      if(phase===0){ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);cap(ctx,'fixation');}
      else if(phase===1){ctx.font='bold 40px "Source Code Pro",monospace';ctx.fillStyle='#e8e0d0';ctx.textAlign='center';ctx.fillText(dir,W/2,H/2+14);ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle='#e57373';ctx.textAlign='center';ctx.fillText('< 500 ms',W/2,14);}
      else{ctx.font='bold 40px "Source Code Pro",monospace';ctx.fillStyle=isErr?'#e57373':'#81c784';ctx.textAlign='center';ctx.fillText(dir,W/2,H/2+14);cap(ctx,isErr?'✗ ERROR — ERN generated':'✓ correct',isErr?'#e57373':'#81c784');}
    }tick();
  }

  function animSTROOP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const pairs=[
      {word:'RED',   hex:'#e05c5c', label:'congruent'},
      {word:'BLUE',  hex:'#5b9fda', label:'congruent'},
      {word:'GREEN', hex:'#e05c5c', label:'incongruent'},
      {word:'RED',   hex:'#5b9fda', label:'incongruent'},
      {word:'XXX',   hex:'#4ec994', label:'neutral'},
    ];
    let idx=0,t=0,phase=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>55){t=0;phase=(phase+1)%2;if(phase===0){idx=(idx+1)%pairs.length;}}
      clear(ctx);
      const p=pairs[idx];
      if(phase===0){
        ctx.font='bold 16px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);
        cap(ctx,'fixation');
      } else {
        ctx.font='bold 36px "EB Garamond",serif';ctx.fillStyle=p.hex;ctx.textAlign='center';ctx.fillText(p.word,W/2,H/2+12);
        const col=p.label==='congruent'?'#81c784':p.label==='incongruent'?'#e57373':'#7a8a96';
        cap(ctx,p.label,col);
      }
    }tick();
  }

  function animDST(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seqs=[[3,7,2],[8,1,5,9],[4,2,7,3,6]];
    let si=0,di=0,t=0,phase=0,showing=false;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>30){t=0;phase=(phase+1)%3;
        if(phase===0){di++;if(di>=seqs[si].length){di=0;si=(si+1)%seqs.length;}}
      }
      clear(ctx);
      if(phase===0||phase===2){
        ctx.font='bold 52px "Source Code Pro",monospace';
        ctx.fillStyle='var(--gold,#c8a84b)';ctx.textAlign='center';
        ctx.fillText(seqs[si][di],W/2,H/2+18);
        cap(ctx,'digit '+( seqs[si][di]),'#c8a84b');
      } else {
        ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);
        cap(ctx,'fixation');
      }
      // dots
      const dots=seqs[si].length;const dw=12,gap=6,total=dots*(dw+gap)-gap;
      const sx=(W-total)/2;
      for(let i=0;i<dots;i++){
        ctx.beginPath();ctx.arc(sx+i*(dw+gap)+dw/2,H-20,dw/2,0,Math.PI*2);
        ctx.fillStyle=i<=di?'#c8a84b':'#1a2f44';ctx.fill();
      }
    }tick();
  }

  function animCNV(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let t=0,phase=0; // 0=fix 1=s1 2=fp 3=s2 4=fb
    const fpDur=50; // frames for foreperiod animation
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>fpDur+20){t=0;phase=(phase+1)%5;}
      clear(ctx);
      ctx.textAlign='center';
      if(phase===0){
        // fixation
        ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.fillText('+',W/2,H/2+6);
        cap(ctx,'fixation');
      } else if(phase===1){
        // S1 warning
        ctx.beginPath();ctx.arc(W/2,H/2,28,0,Math.PI*2);
        ctx.strokeStyle='#4a8aaa';ctx.lineWidth=2;ctx.stroke();
        ctx.font='16px monospace';ctx.fillStyle='#4a8aaa';ctx.fillText('◦',W/2,H/2+5);
        cap(ctx,'S1 — warning tone','#4a8aaa');
      } else if(phase===2){
        // foreperiod bar growing
        ctx.beginPath();ctx.arc(W/2,H/2,28,0,Math.PI*2);
        ctx.strokeStyle='#2a4060';ctx.lineWidth=2;ctx.stroke();
        ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.fillText('+',W/2,H/2+6);
        // fp bar
        const pct=Math.min(1,t/fpDur);
        const bw=100,bh=6,bx=(W-bw)/2,by=H/2+48;
        ctx.fillStyle='#0e1e2c';ctx.fillRect(bx,by,bw,bh);
        ctx.fillStyle='#c8a84b';ctx.fillRect(bx,by,bw*pct,bh);
        cap(ctx,'foreperiod','#2a4060');
      } else if(phase===3){
        // S2 imperative
        ctx.beginPath();ctx.arc(W/2,H/2,28,0,Math.PI*2);
        ctx.strokeStyle='#c8a84b';ctx.lineWidth=2;ctx.stroke();
        ctx.fillStyle='#c8a84b';ctx.beginPath();ctx.arc(W/2,H/2,20,0,Math.PI*2);ctx.fill();
        cap(ctx,'S2 — respond now!','#c8a84b');
      } else {
        // feedback
        ctx.font='bold 18px monospace';ctx.fillStyle='#4ec994';ctx.fillText('✓',W/2,H/2+6);
        cap(ctx,'250 ms','#4ec994');
      }
    }tick();
  }

  function animFTT(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let t=0,phase=0,tapFlash=0;
    const phases=[
      {label:'DOMINANT',col:'#c8a84b',hand:'👆'},
      {label:'NON-DOM', col:'#5b9fda',hand:'☝'},
      {label:'ALT',     col:'#4ec994',hand:'👈 👉'},
    ];
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      tapFlash=Math.max(0,tapFlash-1);
      if(t>40){t=0;phase=(phase+1)%phases.length;}
      clear(ctx);
      const p=phases[phase];
      // circle button
      ctx.beginPath();ctx.arc(W/2,H/2-8,28,0,Math.PI*2);
      ctx.strokeStyle=tapFlash>0?p.col:'#2a4060';
      ctx.lineWidth=2;ctx.stroke();
      if(tapFlash>0){ctx.fillStyle=p.col+'22';ctx.fill();}
      // hand emoji
      ctx.font='22px serif';ctx.textAlign='center';ctx.fillText(p.hand,W/2,H/2+2);
      cap(ctx,p.label,p.col);
      // simulate random taps
      if(Math.random()<0.18){tapFlash=6;}
    }tick();
  }

  function animN200(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seq=[{s:'●',go:true},{s:'○',go:false},{s:'●',go:true},{s:'●',go:true},{s:'○',go:false}];
    let fi=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>70){t=0;phase=(phase+1)%3;if(phase===0)fi=(fi+1)%seq.length;}
      const f=seq[fi];clear(ctx);
      const cx=W/2,cy=H/2-8,col=f.go?GOLD:'#5b9fda';
      ctx.beginPath();ctx.arc(cx,cy,26,0,Math.PI*2);ctx.strokeStyle=col;ctx.lineWidth=2;ctx.fillStyle=f.go?'rgba(212,165,32,0.12)':'rgba(91,159,218,0.12)';ctx.fill();ctx.stroke();
      ctx.font='bold 22px monospace';ctx.fillStyle=col;ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(f.s,cx,cy);ctx.textBaseline='alphabetic';
      if(phase>=1){
        const lbl=f.go?'F / SPACE':'— withhold —';const lcol=f.go?'#81c784':MID;
        ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=lcol;ctx.textAlign='center';ctx.fillText(lbl,W/2,cy+42);
      }
      cap(ctx,f.go?'GO — respond fast (75%)':'NO-GO — inhibit response (25%)',col);
    }tick();
  }

  function animN170(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const types=['face','face-inv','object'];
    let ti=0,phase=0,t=0;
    function drawFace(cx,cy,inv){
      ctx.save();if(inv){ctx.translate(cx,cy);ctx.rotate(Math.PI);ctx.translate(-cx,-cy);}
      ctx.beginPath();ctx.ellipse(cx,cy,22,28,0,0,Math.PI*2);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=1.5;ctx.stroke();
      [-8,8].forEach(dx=>{ctx.beginPath();ctx.ellipse(cx+dx,cy-6,5,3,0,0,Math.PI*2);ctx.strokeStyle=GOLD;ctx.lineWidth=1.5;ctx.stroke();});
      ctx.beginPath();ctx.arc(cx,cy+6,8,0.2,Math.PI-0.2);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=1.5;ctx.stroke();
      ctx.restore();
    }
    function drawObj(cx,cy){
      ctx.beginPath();ctx.moveTo(cx,cy-26);ctx.lineTo(cx+22,cy+16);ctx.lineTo(cx-22,cy+16);ctx.closePath();
      ctx.strokeStyle='#8ab4d0';ctx.lineWidth=1.5;ctx.fillStyle='rgba(138,180,208,0.1)';ctx.fill();ctx.stroke();
    }
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>65){t=0;phase=(phase+1)%2;if(phase===0)ti=(ti+1)%types.length;}
      clear(ctx);const tp=types[ti];const cx=W/2,cy=H/2-5;
      if(phase===1){
        if(tp==='object')drawObj(cx,cy);else drawFace(cx,cy,tp==='face-inv');
        const lbl=tp==='object'?'J = OBJECT':'F = FACE';const col=tp==='object'?'#5b9fda':GOLD;
        ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=col;ctx.textAlign='center';ctx.fillText(lbl,W/2,cy+40);
      }else{ctx.font='bold 18px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,H/2+6);}
      cap(ctx,tp==='object'?'OBJECT — geometric shape':tp==='face-inv'?'FACE (inverted) — larger N170':'FACE (upright) — N170 ~170 ms',tp==='object'?'#5b9fda':GOLD);
    }tick();
  }

  function animLRP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,dir='L';
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>50){t=0;phase=(phase+1)%3;if(phase===0)dir=dir==='L'?'R':'L';}
      clear(ctx);
      const lx=W/2-60,rx=W/2+60,cy=H/2-5;
      const lActive=phase>=1&&dir==='L',rActive=phase>=1&&dir==='R';
      rect(ctx,lx-22,cy-22,44,44,lActive?GOLD:'#1a2f44',lActive?'rgba(212,165,32,0.12)':NAVY);
      ctx.font='bold 22px monospace';ctx.fillStyle=lActive?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('←',lx,cy);
      rect(ctx,rx-22,cy-22,44,44,rActive?GOLD:'#1a2f44',rActive?'rgba(212,165,32,0.12)':NAVY);
      ctx.fillStyle=rActive?GOLD:MID;ctx.fillText('→',rx,cy);ctx.textBaseline='alphabetic';
      if(phase>=2){
        const hx=dir==='L'?lx:rx;
        ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle='#81c784';ctx.textAlign='center';ctx.fillText(dir==='L'?'F pressed':'J pressed',hx,cy+34);
      }
      cap(ctx,phase===0?'fixation':dir==='L'?'F = left hand':'J = right hand',phase===0?MID:GOLD);
    }tick();
  }

  function animN2PC(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let phase=0,t=0,targetSide='L',targetIdx=2;
    const posL=[[55,45],[55,75],[55,105],[90,45],[90,75],[90,105]];
    const posR=[[W-55,45],[W-55,75],[W-55,105],[W-90,45],[W-90,75],[W-90,105]];
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>60){t=0;phase=(phase+1)%3;if(phase===0){targetSide=targetSide==='L'?'R':'L';targetIdx=Math.floor(Math.random()*6);}}
      clear(ctx);
      ctx.strokeStyle='rgba(138,180,208,0.4)';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(W/2,40);ctx.lineTo(W/2,100);ctx.moveTo(W/2-8,70);ctx.lineTo(W/2+8,70);ctx.stroke();
      if(phase===1){
        [posL,posR].forEach((side,si)=>{
          side.forEach((pos,pi)=>{
            const isTgt=(si===0&&targetSide==='L'||si===1&&targetSide==='R')&&pi===targetIdx;
            ctx.beginPath();ctx.arc(pos[0],pos[1],10,0,Math.PI*2);
            ctx.fillStyle=isTgt?'rgba(212,165,32,0.2)':'rgba(26,42,58,0.6)';ctx.strokeStyle=isTgt?GOLD:MID;ctx.lineWidth=1.5;ctx.fill();ctx.stroke();
          });
        });
      }else{ctx.font='bold 16px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',W/2,75);}
      if(phase>=2){ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle='#81c784';ctx.textAlign='center';ctx.fillText(targetSide==='L'?'F = LEFT':'J = RIGHT',W/2,95);}
      cap(ctx,phase===0?'fixation':phase===1?'200 ms array — find gold target':'respond to target side',phase===0?MID:GOLD);
    }tick();
  }

  function animN300(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const pairs=[{p:'🐱',t:'🐶',same:true,l:'SAME category (animals)'},{p:'🚗',t:'🍎',same:false,l:'DIFFERENT category'},{p:'🔨',t:'🔧',same:true,l:'SAME category (tools)'},{p:'🪑',t:'🌮',same:false,l:'DIFFERENT category'}];
    let pi=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>55){t=0;phase=(phase+1)%3;if(phase===0)pi=(pi+1)%pairs.length;}
      clear(ctx);const p=pairs[pi];const cx=W/2;
      if(phase===0){
        ctx.font='28px serif';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(p.p,cx-55,H/2-5);
        ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.textBaseline='alphabetic';ctx.fillText('PRIME',cx-55,H/2+26);
      }else{
        ctx.font='28px serif';ctx.textAlign='center';ctx.textBaseline='middle';ctx.globalAlpha=phase===1?0.4:1;ctx.fillText(p.p,cx-55,H/2-5);ctx.globalAlpha=1;
        ctx.fillText(p.t,cx+55,H/2-5);ctx.textBaseline='alphabetic';
        ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('TARGET',cx+55,H/2+26);
        ctx.strokeStyle=MID;ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(cx-30,H/2-5);ctx.lineTo(cx+30,H/2-5);const a=0;const ex=cx+30,ey=H/2-5;ctx.moveTo(ex-6,ey-4);ctx.lineTo(ex,ey);ctx.lineTo(ex-6,ey+4);ctx.stroke();
      }
      if(phase===2){const col=p.same?'#81c784':'#e57373';ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=col;ctx.textAlign='center';ctx.fillText(p.same?'F = SAME':'J = DIFFERENT',cx,H/2+44);}
      cap(ctx,p.l,p.same?'#81c784':'#e57373');
    }tick();
  }

  function animELAN(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const sents=[{words:['The','pianist','beautifully','played'],ok:true},{words:['The','pianist','of','played'],ok:false}];
    let si=0,wi=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>30){t=0;phase=(phase+1)%2;if(phase===0){wi++;if(wi>=sents[si].words.length){wi=0;si=(si+1)%sents.length;}}}
      clear(ctx);const s=sents[si];const isViol=!s.ok&&wi===2;
      ctx.font='bold 22px "EB Garamond",serif';
      ctx.fillStyle=isViol?'#e57373':GOLD;ctx.textAlign='center';ctx.textBaseline='middle';
      ctx.fillText(phase===0?'+':s.words[wi],W/2,H/2-5);ctx.textBaseline='alphabetic';
      if(wi>0){ctx.font='11px "EB Garamond",serif';ctx.fillStyle='rgba(212,165,32,0.45)';ctx.textAlign='center';ctx.fillText(s.words.slice(0,wi).join(' ')+' …',W/2,H/2+28);}
      cap(ctx,s.ok?'GRAMMATICAL — F':isViol?'VIOLATION at position '+wi+' — J':'reading …',s.ok?'#81c784':'#e57373');
    }tick();
  }

  function animBP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let t=0,pressed=false,pressT=0,flashW=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(!pressed&&t>120){pressed=true;pressT=t;flashW=0;}
      if(pressed&&t-pressT>80){pressed=false;t=0;}
      clear(ctx);
      const cx=W/2,cy=H/2-5,progress=pressed?Math.min(1,(t-pressT)/30):0;
      const bpLen=Math.min(1,t/120);
      // draw slow negative ramp (simplified ERP trace)
      ctx.beginPath();const tw=W*0.7,tx=(W-tw)/2;
      for(let x=0;x<tw;x++){const frac=x/tw;const amp=frac<bpLen?-Math.sin(frac*Math.PI)*30*frac:0;ctx.lineTo(tx+x,cy+amp);}
      ctx.strokeStyle='rgba(212,165,32,0.4)';ctx.lineWidth=1.5;ctx.stroke();
      // keypress indicator
      ctx.beginPath();ctx.arc(cx,cy+10,18,0,Math.PI*2);ctx.strokeStyle=pressed?GOLD:MID;ctx.lineWidth=2;ctx.fillStyle=pressed?'rgba(212,165,32,0.2)':'#0a1620';ctx.fill();ctx.stroke();
      ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=pressed?GOLD:MID;ctx.textAlign='center';ctx.fillText('SPC',cx,cy+14);
      cap(ctx,pressed?'▲ press recorded':'self-paced — press SPACE whenever ready',pressed?GOLD:MID);
    }tick();
  }

  function animMMNSP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    const seq=[false,false,false,true,false,false,false,false,true,false,false];
    let ti=0,phase=0,t=0;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      if(t>35){t=0;phase=(phase+1)%2;if(phase===0)ti=(ti+1)%seq.length;}
      clear(ctx);const isDev=seq[ti];const r=isDev?28:18,cy=H/2-5;
      ctx.beginPath();ctx.arc(W/2,cy,r,0,Math.PI*2);ctx.fillStyle=isDev?'rgba(91,159,218,0.15)':'rgba(26,42,58,0.5)';ctx.fill();
      ctx.strokeStyle=isDev?'#5b9fda':MID;ctx.lineWidth=2;ctx.stroke();
      ctx.font=`bold ${isDev?16:13}px "EB Garamond",serif`;ctx.fillStyle=isDev?'#5b9fda':MID;ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(isDev?'/pa/':'/ba/',W/2,cy);ctx.textBaseline='alphabetic';
      ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=isDev?'#5b9fda':MID;ctx.textAlign='center';ctx.fillText(isDev?'long VOT':'short VOT',W/2,cy+r+14);
      cap(ctx,isDev?'DEVIANT /pa/ (20%) — MMN component':'STANDARD /ba/ (80%) — passive listen',isDev?'#5b9fda':MID);
    }tick();
  }

  function animSSVEP(){
    const ctx=getCtx();if(!ctx)return;
    const W=ctx.canvas.width,H=ctx.canvas.height;
    let t=0;const lHz=10,rHz=15;
    const lx=W/2-80,rx=W/2+80,cy=H/2-5,sz=40;
    function tick(){animRAF=requestAnimationFrame(tick);t++;
      clear(ctx);
      const sec=t/60;
      const lOn=Math.floor(sec*lHz)%2===0;
      const rOn=Math.floor(sec*rHz)%2===0;
      rect(ctx,lx-sz/2,cy-sz/2,sz,sz,lOn?GOLD:'#1a2f44',lOn?'rgba(212,165,32,0.85)':NAVY);
      rect(ctx,rx-sz/2,cy-sz/2,sz,sz,rOn?'#5b9fda':'#1a2f44',rOn?'rgba(91,159,218,0.85)':NAVY);
      ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
      ctx.fillText(lHz+' Hz',lx,cy+sz/2+14);ctx.fillText(rHz+' Hz',rx,cy+sz/2+14);
      ctx.font='bold 14px monospace';ctx.fillStyle=MID;ctx.fillText('+',W/2,cy+5);
      cap(ctx,'fixate centre — EEG peaks at exactly 10 Hz & 15 Hz');
    }tick();
  }

  const ANIM_MAP={GNG:animGNG,CNV:animCNV,FTT:animFTT,N400:animN400,FLANKER:animFLANKER,STOP:animSTOP,MMN:animMMN,P600:animP600,ERN:animERN,STROOP:animSTROOP,DST:animDST,NBACK:animNBACK,SPATIAL:animSPATIAL,POSNER:animPOSNER,RECALL:animRECALL,WCST:animWCST,VRT:animVRT,CSR:animCSR,P300:animP300,STB:animSTB,TMT:animTMT,DSC:animDSC,PNT:animPNT,MRT:animMRT,N200:animN200,N170:animN170,LRP:animLRP,N2PC:animN2PC,N300:animN300,ELAN:animELAN,BP:animBP,MMNSP:animMMNSP,SSVEP:animSSVEP,P50:"animP50",N100:"animN100",PVEP:"animPVEP",SCP:"animSCP",P3A:"animP3A",ASSR:"animASSR",CPT:"animCPT",EMOTSTROOP:"animEmotStroop",TASKSWITCH:"animTaskSwitch",DUALTASK:"animDualTask",ATTBLINK:"animAttBlink",SUBITIZE:"animSubitize",LEXDEC:"animLexDec",SEMFLUENCY:"animSemFluency",PROSMEM:"animProsMem",SPATWM:"animSpatWM",REWP:"animREWP",MOCA:"animMoCA",DIGCAN:"animDigCan",ABR:"animABR",P1N1:"animP1N1",CNVW:"animCNVW",THALPHA:"animTHALPHA",LRPEXT:"animLRPEXT",SYMSEARCH:"animSymSearch",PHONFLUE:"animPhonFlue",JLO:"animJLO",PASAT:"animPASAT",RAVLT:"animRAVLT",CVLT:"animCVLT",IGT:"animIGT",TOL:"animTOL",RMET:"animRMET",SART:"animSART",UFOV:"animUFOV",PAL:"animPAL",SRCMEM:"animSrcMem",BNT:"animBNT",FER:"animFER",TOJ:"animTOJ",MATRIX:"animMatrix",META:"animMeta",PHQ9:"animPHQ9",GAD7:"animGAD7",PCL5:"animPCL5",AUDIT:"animAUDIT",ASRS:"animASRS",N1P2:"animN1P2",RON:"animRON",LAN:"animLAN",CPS:"animCPS",N2B:"animN2B",PD:"animPD",ERAN:"animERAN",LPC:"animLPC",FRN:"animFRN",CDA:"animCDA",LDAEP:"animLDAEP",RRN:"animRRN",C1:"animC1",PMN:"animPMN",VPP:"animVPP",PE:"animPE",ORN:"animORN",MFN:"animMFN",SNELLEN:"animSnellen",ISHIHARA:"animIshihara",SEASHORE:"animSeashore",AUDIOM:"animAudiom"};

  window._runIntroAnim = function(task){
    stopAnim();
    var entry=ANIM_MAP[task];
    // entry is either a function (old) or a string function name (new)
    var fn=typeof entry==='function'?entry:window[entry];
    if(typeof fn==='function') setTimeout(function(){ animRAF=requestAnimationFrame(fn); }, 20);
  };
})();

// ═══════════════════════════════════════════════════════════
// FLANKER ENGINE
// ═══════════════════════════════════════════════════════════
const FLANKER={active:false,isPractice:false,trial:0,maxTrials:0,log:[],practiceLog:[],waiting:false,stimOn:0,_timers:[],currentTrial:null};
const FLANKER_STIMS=[
  // congruent
  {arrows:'← ← ← ← ←',direction:'L',condition:'congruent'},
  {arrows:'→ → → → →',direction:'R',condition:'congruent'},
  // incongruent
  {arrows:'→ → ← → →',direction:'L',condition:'incongruent'},
  {arrows:'← ← → ← ←',direction:'R',condition:'incongruent'},
  // neutral
  {arrows:'— — ← — —',direction:'L',condition:'neutral'},
  {arrows:'— — → — —',direction:'R',condition:'neutral'},
];
function flankerT(fn,ms){const t=setTimeout(fn,ms);FLANKER._timers.push(t);return t;}
function flankerClear(){FLANKER._timers.forEach(t=>clearTimeout(t));FLANKER._timers=[];}
function startFlanker(isPractice){
  FLANKER.active=true;FLANKER.isPractice=isPractice;
  FLANKER.maxTrials=isPractice?8:parseInt($('trialsInput').value)||40;
  FLANKER.trial=0;FLANKER.waiting=false;
  if(!isPractice){FLANKER.log=[];}else{FLANKER.practiceLog=[];}
  flankerClear();hideAll();
  $('flankerScreen').style.display='flex';
  $('flankerPracticeBanner').style.display=isPractice?'block':'none';
  $('flankerStimPhase').style.display='none';$('flankerResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  speak(isPractice?'Practice Flanker task.':'Starting Flanker task.');
  flankerNext();
}
function flankerNext(){
  if(FLANKER.trial>=FLANKER.maxTrials){flankerEnd();return;}
  FLANKER.trial++;
  $('flanker-trial').textContent='Trial '+FLANKER.trial+'/'+FLANKER.maxTrials;
  $('flankerProgressBar').style.width=((FLANKER.trial-1)/FLANKER.maxTrials*100).toFixed(1)+'%';
  FLANKER.waiting=false;$('flankerFeedback').textContent='';$('flankerFeedback').className='feedback';
  $('flankerRespRow').style.display='none';
  // pick balanced stim
  const pool=FLANKER_STIMS;
  const s=pool[Math.floor(Math.random()*pool.length)];
  FLANKER.currentTrial=s;
  $('flankerStimPhase').style.display='flex';
  $('flanker-phase').textContent='FIXATION';
  $('flankerStim').textContent='+';$('flankerStim').style.color='var(--mid)';
  flankerT(()=>{
    $('flanker-phase').textContent=s.condition.toUpperCase();
    $('flankerStim').textContent=s.arrows;$('flankerStim').style.color='#e8e0d0';
    $('flankerRespRow').style.display='flex';
    FLANKER.stimOn=performance.now();FLANKER.waiting=true;
    flankerT(()=>{if(FLANKER.waiting)flankerRespond('TIMEOUT');},1000);
  },500);
}
function flankerRespond(resp){
  if(!FLANKER.waiting)return;FLANKER.waiting=false;flankerClear();
  const s=FLANKER.currentTrial;
  const rt=resp==='TIMEOUT'?null:(performance.now()-FLANKER.stimOn);
  const correct=resp==='TIMEOUT'?false:resp===s.direction;
  const entry={trial:FLANKER.trial,condition:s.condition,direction:s.direction,response:resp,correct,rt:rt?+rt.toFixed(1):null};
  (FLANKER.isPractice?FLANKER.practiceLog:FLANKER.log).push(entry);
  const fb=$('flankerFeedback');
  fb.textContent=resp==='TIMEOUT'?'T/O':(rt.toFixed(0)+' ms '+(correct?'✓':'✗'));
  fb.className='feedback '+(resp==='TIMEOUT'?'timeout':correct?'ok':'err');
  $('flankerRespRow').style.display='none';updateSidebar();
  flankerT(flankerNext,350);
}
document.addEventListener('keydown',e=>{
  if(!FLANKER.active||!FLANKER.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();flankerRespond('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();flankerRespond('R');}
});
function flankerEnd(){
  FLANKER.active=false;$('flankerStimPhase').style.display='none';$('flankerProgressBar').style.width='100%';
  const log=FLANKER.isPractice?FLANKER.practiceLog:FLANKER.log;
  if(FLANKER.isPractice){
    const c=log.filter(r=>r.correct).length;const rts=log.filter(r=>r.rt);const avgRT=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0):'--';
    hideAll();$('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span> &nbsp;&nbsp; AVG RT &nbsp;<span>'+avgRT+' ms</span>';
    $('practiceComplete').style.display='flex';speak('Practice complete.');return;
  }
  $('exportBtn').disabled=false;
  const mean=arr=>arr.length?(arr.reduce((a,b)=>a+b.rt,0)/arr.length):null;
  const cong=log.filter(r=>r.condition==='congruent'&&r.correct&&r.rt);
  const incong=log.filter(r=>r.condition==='incongruent'&&r.correct&&r.rt);
  const neut=log.filter(r=>r.condition==='neutral'&&r.correct&&r.rt);
  const cRT=mean(cong),iRT=mean(incong),nRT=mean(neut);
  const conflict=cRT&&iRT?(iRT-cRT).toFixed(0)+' ms':'--';
  $('flankerMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(cRT?cRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Congruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(iRT?iRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Incongruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+conflict+'</div><div class="vm-lbl">Conflict Cost (N2)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+log.filter(r=>r.correct).length+'/'+log.length+'</div><div class="vm-lbl">Correct</div></div>';
  const cv=$('flankerChart');if(cv){
    const c2=cv.getContext('2d');cv.width=cv.offsetWidth||460;cv.height=140;c2.fillStyle='#060d14';c2.fillRect(0,0,cv.width,cv.height);
    const bars=[{l:'Congruent',v:cRT,col:'#81c784'},{l:'Neutral',v:nRT,col:'#7a8a96'},{l:'Incongruent',v:iRT,col:'#e57373'}];
    const maxV=Math.max(...bars.map(b=>b.v||0))*1.15||800;const bw=80,gap=30,sx=(cv.width-bars.length*(bw+gap)+gap)/2;
    bars.forEach((b,i)=>{const x=sx+i*(bw+gap),h=b.v?(b.v/maxV)*100:0,y=120-h;c2.fillStyle=b.col+'44';c2.fillRect(x,y,bw,h);c2.strokeStyle=b.col;c2.lineWidth=1.5;c2.strokeRect(x,y,bw,h);c2.fillStyle=b.col;c2.font='9px "Source Code Pro",monospace';c2.textAlign='center';c2.fillText(b.l,x+bw/2,135);if(b.v){c2.fillStyle='#e8e0d0';c2.fillText(b.v.toFixed(0)+'ms',x+bw/2,y-4);} });
  }
  $('flankerResultsPhase').style.display='block';speak('Flanker task complete. Conflict cost: '+conflict+'.');updateSidebar();
}
function flankerExportCSV(){
  if(!FLANKER.log.length)return;
  const h='trial,condition,direction,response,correct,rt_ms\n';
  const rows=FLANKER.log.map(r=>[r.trial,r.condition,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='flanker_'+Date.now()+'.csv';a.click();
}

// ═══════════════════════════════════════════════════════════
// STOP SIGNAL ENGINE
// ═══════════════════════════════════════════════════════════
const STOP={active:false,isPractice:false,trial:0,maxTrials:0,log:[],practiceLog:[],waiting:false,stopWaiting:false,stimOn:0,ssd:250,_timers:[],currentTrial:null};
function stopT(fn,ms){const t=setTimeout(fn,ms);STOP._timers.push(t);return t;}
function stopClear(){STOP._timers.forEach(t=>clearTimeout(t));STOP._timers=[];}
function startStop(isPractice){
  STOP.active=true;STOP.isPractice=isPractice;
  STOP.maxTrials=isPractice?10:parseInt($('trialsInput').value)||40;
  STOP.trial=0;STOP.ssd=250;
  if(!isPractice){STOP.log=[];}else{STOP.practiceLog=[];}
  stopClear();hideAll();
  $('stopScreen').style.display='flex';
  $('stopPracticeBanner').style.display=isPractice?'block':'none';
  $('stopStimPhase').style.display='none';$('stopResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  speak(isPractice?'Practice stop signal task.':'Starting stop signal task.');
  stopNext();
}
function stopNext(){
  if(STOP.trial>=STOP.maxTrials){stopEnd();return;}
  STOP.trial++;
  $('stop-trial').textContent='Trial '+STOP.trial+'/'+STOP.maxTrials;
  $('stopProgressBar').style.width=((STOP.trial-1)/STOP.maxTrials*100).toFixed(1)+'%';
  STOP.waiting=false;STOP.stopWaiting=false;
  $('stopFeedback').textContent='';$('stopFeedback').className='feedback';
  $('stopRespRow').style.display='none';$('stopSignalIndicator').textContent='';
  const isStop=Math.random()<0.25;
  const dir=Math.random()<0.5?'L':'R';
  STOP.currentTrial={isStop,dir,ssd:STOP.ssd};
  $('stopStimPhase').style.display='flex';
  $('stop-phase').textContent='FIXATION';
  $('stopStim').textContent='+';$('stopStim').style.color='var(--mid)';
  stopT(()=>{
    $('stop-phase').textContent=isStop?'STOP TRIAL':'GO TRIAL';
    $('stopStim').textContent=dir==='L'?'←':'→';$('stopStim').style.color='#e8e0d0';
    $('stopRespRow').style.display='flex';
    STOP.stimOn=performance.now();STOP.waiting=true;
    if(isStop){
      stopT(()=>{
        // play stop signal beep
        try{const ac=new AudioContext();const o=ac.createOscillator();const g=ac.createGain();o.connect(g);g.connect(ac.destination);o.frequency.value=800;g.gain.setValueAtTime(0.3,ac.currentTime);g.gain.exponentialRampToValueAtTime(0.001,ac.currentTime+0.15);o.start();o.stop(ac.currentTime+0.15);}catch(e){}
        $('stopSignalIndicator').textContent='⛔ STOP!';
        STOP.stopWaiting=true;
      },STOP.ssd);
    }
    stopT(()=>{if(STOP.waiting)stopRespond('TIMEOUT');},1000);
  },500);
}
function stopRespond(resp){
  if(!STOP.waiting)return;STOP.waiting=false;stopClear();
  const {isStop,dir,ssd}=STOP.currentTrial;
  const rt=resp==='TIMEOUT'?null:(performance.now()-STOP.stimOn);
  let correct=false;
  if(isStop) correct=(resp==='TIMEOUT'); // correct = withheld
  else correct=(resp!=='TIMEOUT'&&resp===dir);
  const entry={trial:STOP.trial,isStop,direction:dir,response:resp,correct,rt:rt?+rt.toFixed(1):null,ssd};
  (STOP.isPractice?STOP.practiceLog:STOP.log).push(entry);
  // staircase: make stop harder after success, easier after failure
  if(isStop){if(correct)STOP.ssd=Math.min(STOP.ssd+50,700);else STOP.ssd=Math.max(STOP.ssd-50,50);}
  const fb=$('stopFeedback');
  fb.textContent=isStop?(correct?'✓ Stopped':'✗ Failed to stop — too slow'):(resp==='TIMEOUT'?'T/O':(rt.toFixed(0)+' ms '+(correct?'✓':'✗')));
  fb.className='feedback '+(correct?'ok':'err');
  $('stopRespRow').style.display='none';$('stopSignalIndicator').textContent='';
  updateSidebar();stopT(stopNext,450);
}
document.addEventListener('keydown',e=>{
  if(!STOP.active||!STOP.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();stopRespond('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();stopRespond('R');}
});
function stopEnd(){
  STOP.active=false;$('stopStimPhase').style.display='none';$('stopProgressBar').style.width='100%';
  const log=STOP.isPractice?STOP.practiceLog:STOP.log;
  if(STOP.isPractice){
    const c=log.filter(r=>r.correct).length;hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex';speak('Practice complete.');return;
  }
  $('exportBtn').disabled=false;
  const goTrials=log.filter(r=>!r.isStop&&r.rt);const stopTrials=log.filter(r=>r.isStop);
  const meanGoRT=goTrials.length?(goTrials.reduce((a,b)=>a+b.rt,0)/goTrials.length):null;
  const stopAcc=stopTrials.length?(stopTrials.filter(r=>r.correct).length/stopTrials.length*100).toFixed(0)+'%':'--';
  const finalSSD=STOP.ssd;
  const ssrt=meanGoRT?Math.round(meanGoRT-finalSSD)+' ms':'--';
  const acc=log.length?(log.filter(r=>r.correct).length/log.length*100).toFixed(0)+'%':'--';
  $('stopMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(meanGoRT?meanGoRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Mean Go RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+ssrt+'</div><div class="vm-lbl">SSRT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+finalSSD+'ms</div><div class="vm-lbl">Final SSD</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+stopAcc+'</div><div class="vm-lbl">Stop Accuracy</div></div>';
  $('stopResultsPhase').style.display='block';speak('Stop signal task complete. S S R T: '+ssrt+'.');updateSidebar();
}
function stopExportCSV(){
  if(!STOP.log.length)return;
  const h='trial,is_stop,direction,response,correct,rt_ms,ssd_ms\n';
  const rows=STOP.log.map(r=>[r.trial,r.isStop?1:0,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.ssd].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='stop_'+Date.now()+'.csv';a.click();
}

// ═══════════════════════════════════════════════════════════
// MMN ENGINE  (passive auditory oddball)
// ═══════════════════════════════════════════════════════════
const MMN={active:false,isPractice:false,trial:0,maxTrials:0,log:[],audioCtx:null,_timers:[],startTime:0};
function mmnT(fn,ms){const t=setTimeout(fn,ms);MMN._timers.push(t);return t;}
function mmnClear(){MMN._timers.forEach(t=>clearTimeout(t));MMN._timers=[];}
function mmnTone(freq,dur=0.08,vol=0.25){
  try{
    if(!MMN.audioCtx||MMN.audioCtx.state==='closed') MMN.audioCtx=new AudioContext();
    const ac=MMN.audioCtx;const o=ac.createOscillator();const g=ac.createGain();
    o.connect(g);g.connect(ac.destination);o.frequency.value=freq;
    g.gain.setValueAtTime(vol,ac.currentTime);
    g.gain.exponentialRampToValueAtTime(0.001,ac.currentTime+dur);
    o.start();o.stop(ac.currentTime+dur+0.01);
  }catch(e){}
}
function startMMN(isPractice){
  MMN.active=true;MMN.isPractice=isPractice;
  MMN.maxTrials=isPractice?20:parseInt($('trialsInput').value)||60;
  MMN.trial=0;
  MMN.log=[];
  mmnClear();hideAll();
  $('mmnScreen').style.display='flex';
  $('mmnPracticeBanner').style.display=isPractice?'block':'none';
  $('mmnStimPhase').style.display='flex';$('mmnResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  MMN.startTime=performance.now();
  speak(isPractice?'Practice M M N task. Sit quietly and listen.':'Starting M M N task. No response needed — just listen.');
  mmnNext();
}
function mmnNext(){
  if(MMN.trial>=MMN.maxTrials){mmnEnd();return;}
  MMN.trial++;
  $('mmn-trial').textContent='Trial '+MMN.trial+'/'+MMN.maxTrials;
  $('mmnProgressBar').style.width=((MMN.trial-1)/MMN.maxTrials*100).toFixed(1)+'%';
  const isDeviant=Math.random()<0.20;
  const freq=isDeviant?1200:1000;
  const type=isDeviant?'deviant':'standard';
  const onset=performance.now()-MMN.startTime;
  MMN.log.push({trial:MMN.trial,type,freq,onset});
  const ind=$('mmnToneIndicator'),fl=$('mmnFreqLabel');
  ind.style.borderColor=isDeviant?'#d4a520':'#1a2f44';
  ind.style.background=isDeviant?'rgba(212,165,32,0.12)':'transparent';
  ind.style.color=isDeviant?'#d4a520':'var(--dim)';
  ind.textContent=isDeviant?'DEVIANT':'STANDARD';
  fl.textContent=freq+' Hz';fl.style.color=isDeviant?'#d4a520':'var(--dim)';
  $('mmn-phase').textContent=isDeviant?'DEVIANT':'STANDARD';
  mmnTone(freq);
  mmnT(()=>{ind.style.borderColor='#1a2f44';ind.style.background='transparent';ind.style.color='var(--dim)';ind.textContent='WAIT';fl.textContent='—';},120);
  mmnT(mmnNext,600);
}
function mmnEnd(){
  MMN.active=false;$('mmnProgressBar').style.width='100%';
  if(MMN.audioCtx){try{MMN.audioCtx.close();}catch(e){}}
  const deviants=MMN.log.filter(r=>r.type==='deviant').length;
  const standards=MMN.log.filter(r=>r.type==='standard').length;
  const pct=(deviants/(deviants+standards)*100).toFixed(1);
  $('mmnMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+MMN.log.length+'</div><div class="vm-lbl">Total Tones</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+standards+'</div><div class="vm-lbl">Standard (1000 Hz)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+deviants+'</div><div class="vm-lbl">Deviant (1200 Hz)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+pct+'%</div><div class="vm-lbl">Deviant Rate</div></div>';
  $('mmnStimPhase').style.display='none';$('mmnResultsPhase').style.display='block';
  $('exportBtn').disabled=false;speak('M M N task complete.');updateSidebar();
}
function mmnExportCSV(){
  if(!MMN.log.length)return;
  const h='trial,type,freq_hz,onset_ms\n';
  const rows=MMN.log.map(r=>[r.trial,r.type,r.freq,r.onset.toFixed(0)].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='mmn_'+Date.now()+'.csv';a.click();
}

// ═══════════════════════════════════════════════════════════
// P600 SYNTACTIC ENGINE
// ═══════════════════════════════════════════════════════════
const P600={active:false,isPractice:false,trial:0,maxTrials:0,log:[],practiceLog:[],waiting:false,stimOn:0,_timers:[],currentPair:null,_deck:[]};
const P600_PAIRS=[
  // grammatically correct
  {prime:'The boy who kicked the ball',target:'RAN',       condition:'correct'},
  {prime:'She carefully placed the vase on the',          target:'SHELF',    condition:'correct'},
  {prime:'The students who passed the exam',              target:'CELEBRATED',condition:'correct'},
  {prime:'He had been waiting for over',                  target:'AN HOUR',  condition:'correct'},
  {prime:'The reports that the lawyer filed',             target:'DISAPPEARED',condition:'correct'},
  {prime:'The keys to the cabinet',                       target:'WERE LOST', condition:'correct'},
  {prime:'The manager who hired the interns',             target:'RESIGNED', condition:'correct'},
  {prime:'Her dress that she wore to the party',          target:'SPARKLED', condition:'correct'},
  // syntactic violations — agreement, number, or category error
  {prime:'The boy who kicked the ball',                   target:'WERE RAN',  condition:'violation'},
  {prime:'She carefully placed the vase on the',          target:'SLOWLY',    condition:'violation'},
  {prime:'The students who passed the exam',              target:'CELEBRATES',condition:'violation'},
  {prime:'He had been waiting for over',                  target:'DURING',    condition:'violation'},
  {prime:'The reports that the lawyer filed',             target:'HAS DISAPPEARED',condition:'violation'},
  {prime:'The keys to the cabinet',                       target:'WAS LOST',  condition:'violation'},
  {prime:'The manager who hired the interns',             target:'RESIGN DID',condition:'violation'},
  {prime:'Her dress that she wore to the party',          target:'SPARKLES BRIGHT',condition:'violation'},
];
function p600T(fn,ms){const t=setTimeout(fn,ms);P600._timers.push(t);return t;}
function p600Clear(){P600._timers.forEach(t=>clearTimeout(t));P600._timers=[];}
function p600BuildDeck(n){
  const correct=P600_PAIRS.filter(p=>p.condition==='correct');
  const viol=P600_PAIRS.filter(p=>p.condition==='violation');
  const nV=Math.round(n*0.30),nC=n-nV;
  function sample(arr,k){const out=[],pool=[...arr];while(out.length<k){if(!pool.length)pool.push(...arr);out.push(pool.splice(Math.floor(Math.random()*pool.length),1)[0]);}return out;}
  const deck=[...sample(correct,nC),...sample(viol,nV)];
  for(let i=deck.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[deck[i],deck[j]]=[deck[j],deck[i]];}
  return deck;
}
function startP600(isPractice){
  P600.active=true;P600.isPractice=isPractice;
  P600.maxTrials=isPractice?8:parseInt($('trialsInput').value)||30;
  P600.trial=0;
  if(!isPractice){P600.log=[];}else{P600.practiceLog=[];}
  p600Clear();hideAll();
  $('p600Screen').style.display='flex';
  $('p600PracticeBanner').style.display=isPractice?'block':'none';
  $('p600StimPhase').style.display='none';$('p600ResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  P600._deck=p600BuildDeck(P600.maxTrials);
  speak(isPractice?'Practice P 600 task.':'Starting P 600 task.');
  p600Next();
}
function p600SetWord(txt,style){const w=$('p600Word');w.style.cssText='min-height:80px;max-width:540px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;'+style;w.textContent=txt;}
function p600Next(){
  if(P600.trial>=P600.maxTrials){p600End();return;}
  P600.trial++;
  $('p600-trial').textContent='Trial '+P600.trial+'/'+P600.maxTrials;
  $('p600ProgressBar').style.width=((P600.trial-1)/P600.maxTrials*100).toFixed(1)+'%';
  P600.currentPair=P600._deck[P600.trial-1];
  P600.waiting=false;$('p600Feedback').textContent='';$('p600Feedback').className='feedback';
  $('p600RespRow').style.display='none';
  $('p600Screen').querySelector('.stb-header').style.visibility='hidden';
  $('p600ProgressBar').parentElement.style.visibility='hidden';
  $('p600StimPhase').style.display='flex';
  const words=P600.currentPair.prime.trim().split(/\s+/);
  let delay=500;
  p600T(()=>{$('p600PhaseLabel').textContent='';p600SetWord('+','font-size:2rem;color:var(--mid);');},0);
  words.forEach(word=>{
    p600T(()=>{$('p600PhaseLabel').textContent='';p600SetWord(word,'font-size:2.2rem;font-weight:500;color:#d4a520;font-family:"EB Garamond",serif;');},delay);
    delay+=1000;
    p600T(()=>{p600SetWord('+','font-size:2rem;color:var(--mid);');},delay);
    delay+=500;
  });
  p600T(()=>{
    $('p600Screen').querySelector('.stb-header').style.visibility='';
    $('p600ProgressBar').parentElement.style.visibility='';
    $('p600PhaseLabel').textContent='CORRECT OR VIOLATION?';
    $('p600KeyHint').textContent='F = CORRECT  ·  J = VIOLATION';
    p600SetWord(P600.currentPair.target,'font-size:2.4rem;font-weight:700;letter-spacing:0.06em;color:#e8e0d0;font-family:"Source Code Pro",monospace;');
    $('p600RespRow').style.display='flex';
    P600.stimOn=performance.now();P600.waiting=true;
    p600T(()=>{if(P600.waiting)p600Respond('TIMEOUT');},2500);
  },delay);
}
function p600Respond(resp){
  if(!P600.waiting)return;P600.waiting=false;p600Clear();
  const p=P600.currentPair;
  const rt=resp==='TIMEOUT'?null:(performance.now()-P600.stimOn);
  const correct=resp==='TIMEOUT'?false:(resp==='OK'&&p.condition==='correct')||(resp==='ERR'&&p.condition==='violation');
  const entry={trial:P600.trial,prime:p.prime,target:p.target,condition:p.condition,response:resp,correct,rt:rt?+rt.toFixed(1):null};
  (P600.isPractice?P600.practiceLog:P600.log).push(entry);
  const fb=$('p600Feedback');
  fb.textContent=resp==='TIMEOUT'?'T/O':(rt.toFixed(0)+' ms '+(correct?'✓':'✗'));
  fb.className='feedback '+(resp==='TIMEOUT'?'timeout':correct?'ok':'err');
  $('p600RespRow').style.display='none';updateSidebar();p600T(p600Next,400);
}
document.addEventListener('keydown',e=>{
  if(!P600.active||!P600.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();p600Respond('OK');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();p600Respond('ERR');}
});
function p600End(){
  P600.active=false;$('p600StimPhase').style.display='none';$('p600ProgressBar').style.width='100%';
  const log=P600.isPractice?P600.practiceLog:P600.log;
  if(P600.isPractice){
    const c=log.filter(r=>r.correct).length;hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex';speak('Practice complete.');return;
  }
  $('exportBtn').disabled=false;
  const mean=arr=>arr.length?(arr.reduce((a,b)=>a+b.rt,0)/arr.length):null;
  const corr=log.filter(r=>r.condition==='correct'&&r.correct&&r.rt);
  const viol=log.filter(r=>r.condition==='violation'&&r.correct&&r.rt);
  const cRT=mean(corr),vRT=mean(viol);
  const p600eff=cRT&&vRT?(vRT-cRT).toFixed(0)+' ms':'--';
  $('p600Metrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(cRT?cRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Correct RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(vRT?vRT.toFixed(0)+'ms':'--')+'</div><div class="vm-lbl">Violation RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+p600eff+'</div><div class="vm-lbl">P600 Effect</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+log.filter(r=>r.correct).length+'/'+log.length+'</div><div class="vm-lbl">Correct</div></div>';
  const cv=$('p600Chart');if(cv){
    const c2=cv.getContext('2d');cv.width=cv.offsetWidth||460;cv.height=140;c2.fillStyle='#060d14';c2.fillRect(0,0,cv.width,cv.height);
    const bars=[{l:'Correct',v:cRT,col:'#81c784'},{l:'Violation',v:vRT,col:'#e57373'}];
    const maxV=Math.max(...bars.map(b=>b.v||0))*1.15||800;const bw=100,gap=40,sx=(cv.width-bars.length*(bw+gap)+gap)/2;
    bars.forEach((b,i)=>{const x=sx+i*(bw+gap),h=b.v?(b.v/maxV)*100:0,y=120-h;c2.fillStyle=b.col+'44';c2.fillRect(x,y,bw,h);c2.strokeStyle=b.col;c2.lineWidth=1.5;c2.strokeRect(x,y,bw,h);c2.fillStyle=b.col;c2.font='9px "Source Code Pro",monospace';c2.textAlign='center';c2.fillText(b.l,x+bw/2,135);if(b.v){c2.fillStyle='#e8e0d0';c2.fillText(b.v.toFixed(0)+'ms',x+bw/2,y-4);} });
  }
  $('p600ResultsPhase').style.display='block';speak('P 600 task complete. P 600 effect: '+p600eff+'.');updateSidebar();
}
function p600ExportCSV(){
  if(!P600.log.length)return;
  const h='trial,prime,target,condition,response,correct,rt_ms\n';
  const rows=P600.log.map(r=>[r.trial,r.prime,r.target,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='p600_'+Date.now()+'.csv';a.click();
}

// ═══════════════════════════════════════════════════════════
// ERN ENGINE  (speeded Flanker — error monitoring)
// ═══════════════════════════════════════════════════════════
const ERN={active:false,isPractice:false,trial:0,maxTrials:0,log:[],practiceLog:[],waiting:false,stimOn:0,_timers:[],currentDir:null,deadline:500};
function ernT(fn,ms){const t=setTimeout(fn,ms);ERN._timers.push(t);return t;}
function ernClear(){ERN._timers.forEach(t=>clearTimeout(t));ERN._timers=[];}
function startERN(isPractice){
  ERN.active=true;ERN.isPractice=isPractice;
  ERN.maxTrials=isPractice?10:parseInt($('trialsInput').value)||60;
  ERN.trial=0;
  if(!isPractice){ERN.log=[];}else{ERN.practiceLog=[];}
  ernClear();hideAll();
  $('ernScreen').style.display='flex';
  $('ernPracticeBanner').style.display=isPractice?'block':'none';
  $('ernStimPhase').style.display='none';$('ernResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  speak(isPractice?'Practice E R N task. Respond as fast as possible.':'Starting E R N task. Speed is critical.');
  ernNext();
}
function ernNext(){
  if(ERN.trial>=ERN.maxTrials){ernEnd();return;}
  ERN.trial++;
  $('ern-trial').textContent='Trial '+ERN.trial+'/'+ERN.maxTrials;
  $('ernProgressBar').style.width=((ERN.trial-1)/ERN.maxTrials*100).toFixed(1)+'%';
  ERN.waiting=false;$('ernFeedback').textContent='';$('ernFeedback').className='feedback';
  $('ernRespRow').style.display='none';$('ernTimer').textContent='';
  const dir=Math.random()<0.5?'L':'R';ERN.currentDir=dir;
  $('ernStimPhase').style.display='flex';
  $('ern-phase').textContent='FIXATION';
  $('ernStim').textContent='+';$('ernStim').style.color='var(--mid)';
  ernT(()=>{
    $('ern-phase').textContent='RESPOND!';
    $('ernStim').textContent=dir==='L'?'←':'→';$('ernStim').style.color='#e8e0d0';
    $('ernRespRow').style.display='flex';
    $('ernTimer').textContent='< '+ERN.deadline+' ms';
    ERN.stimOn=performance.now();ERN.waiting=true;
    ernT(()=>{if(ERN.waiting)ernRespond('TIMEOUT');},ERN.deadline);
  },400);
}
function ernRespond(resp){
  if(!ERN.waiting)return;ERN.waiting=false;ernClear();
  const rt=resp==='TIMEOUT'?null:(performance.now()-ERN.stimOn);
  const correct=resp==='TIMEOUT'?false:resp===ERN.currentDir;
  const entry={trial:ERN.trial,direction:ERN.currentDir,response:resp,correct,rt:rt?+rt.toFixed(1):null};
  (ERN.isPractice?ERN.practiceLog:ERN.log).push(entry);
  const fb=$('ernFeedback');
  if(resp==='TIMEOUT'){fb.textContent='TOO SLOW';fb.className='feedback timeout';}
  else if(correct){fb.textContent=rt.toFixed(0)+' ms ✓';fb.className='feedback ok';}
  else{fb.textContent=rt.toFixed(0)+' ms ✗ ERROR';fb.className='feedback err';}
  $('ernRespRow').style.display='none';$('ernTimer').textContent='';
  updateSidebar();ernT(ernNext,450);
}
document.addEventListener('keydown',e=>{
  if(!ERN.active||!ERN.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();ernRespond('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();ernRespond('R');}
});
function ernEnd(){
  ERN.active=false;$('ernStimPhase').style.display='none';$('ernProgressBar').style.width='100%';
  const log=ERN.isPractice?ERN.practiceLog:ERN.log;
  if(ERN.isPractice){
    const c=log.filter(r=>r.correct).length;hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex';speak('Practice complete.');return;
  }
  $('exportBtn').disabled=false;
  const errors=log.filter(r=>!r.correct&&r.rt);
  const correct=log.filter(r=>r.correct&&r.rt);
  const meanCorrectRT=correct.length?(correct.reduce((a,b)=>a+b.rt,0)/correct.length).toFixed(0):'--';
  const meanErrorRT=errors.length?(errors.reduce((a,b)=>a+b.rt,0)/errors.length).toFixed(0):'--';
  const errRate=(errors.length/log.filter(r=>r.rt).length*100).toFixed(1)+'%';
  $('ernMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+meanCorrectRT+'ms</div><div class="vm-lbl">Correct RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanErrorRT+'ms</div><div class="vm-lbl">Error RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+errors.length+'</div><div class="vm-lbl">Errors (ERN trials)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+errRate+'</div><div class="vm-lbl">Error Rate</div></div>';
  $('ernResultsPhase').style.display='block';speak('E R N task complete. '+errors.length+' errors recorded.');updateSidebar();
}
function ernExportCSV(){
  if(!ERN.log.length)return;
  const h='trial,direction,response,correct,rt_ms,is_error\n';
  const rows=ERN.log.map(r=>[r.trial,r.direction,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.correct?0:1].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='ern_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════
// STROOP COLOR-WORD TASK
// Conditions: congruent · incongruent · neutral
// Response: F=red  G=green  H=blue  J=yellow
// ══════════════════════════════════════════
const STROOP_COLORS = [
  { name:'red',    hex:'#e05c5c' },
  { name:'green',  hex:'#4ec994' },
  { name:'blue',   hex:'#5b9fda' },
  { name:'yellow', hex:'#c8a84b' },
];
const STROOP_WORDS = ['RED','GREEN','BLUE','YELLOW'];

const STROOP = {
  active:false, isPractice:false, trial:0, maxTrials:0, waiting:false,
  stimOn:0, currentTrial:null, log:[], practiceLog:[], _timers:[],
  stimDur:2000, isiMin:500, isiMax:900,
};

function stroopT(fn,ms){ const t=setTimeout(fn,ms); STROOP._timers.push(t); return t; }
function stroopClear(){ STROOP._timers.forEach(t=>clearTimeout(t)); STROOP._timers=[]; }

function stroopBuildDeck(n) {
  // ~40% congruent, ~40% incongruent, ~20% neutral — balanced across colors
  const deck=[];
  const nCong   = Math.round(n*0.40);
  const nIncong = Math.round(n*0.40);
  const nNeutral= n - nCong - nIncong;
  // congruent: word === ink color
  for(let i=0;i<nCong;i++){
    const c=STROOP_COLORS[i%4];
    deck.push({word:c.name.toUpperCase(), ink:c.name, hex:c.hex, condition:'congruent'});
  }
  // incongruent: word !== ink color
  for(let i=0;i<nIncong;i++){
    const inkIdx=i%4;
    const wordIdx=(inkIdx+1+Math.floor(i/4))%4;
    const ink=STROOP_COLORS[inkIdx], wordColor=STROOP_COLORS[wordIdx];
    deck.push({word:wordColor.name.toUpperCase(), ink:ink.name, hex:ink.hex, condition:'incongruent'});
  }
  // neutral: "XXX" in a color
  for(let i=0;i<nNeutral;i++){
    const c=STROOP_COLORS[i%4];
    deck.push({word:'XXX', ink:c.name, hex:c.hex, condition:'neutral'});
  }
  // Fisher-Yates shuffle
  for(let i=deck.length-1;i>0;i--){
    const j=Math.floor(Math.random()*(i+1));
    [deck[i],deck[j]]=[deck[j],deck[i]];
  }
  return deck;
}

function startStroop(isPractice){
  STROOP.active=true; STROOP.isPractice=isPractice;
  STROOP.maxTrials=isPractice?8:parseInt($('trialsInput').value)||40;
  STROOP.trial=0; STROOP.waiting=false;
  if(!isPractice){STROOP.log=[];}else{STROOP.practiceLog=[];}
  STROOP._deck=stroopBuildDeck(STROOP.maxTrials);
  stroopClear(); hideAll();
  $('stroopScreen').style.display='flex';
  $('stroopPracticeBanner').style.display=isPractice?'block':'none';
  $('stroopStimPhase').style.display='none';
  $('stroopResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  $('si-task').textContent='STROOP'+(isPractice?' (PRAC)':'');
  speak(isPractice?'Practice Stroop task.':'Starting Stroop task.');
  stroopNext();
}

function stroopNext(){
  if(STROOP.trial>=STROOP.maxTrials){ stroopEnd(); return; }
  STROOP.trial++;
  $('stroop-trial').textContent='Trial '+STROOP.trial+'/'+STROOP.maxTrials;
  $('stroop-phase').textContent='';
  $('stroopProgressBar').style.width=((STROOP.trial-1)/STROOP.maxTrials*100).toFixed(1)+'%';
  STROOP.waiting=false;
  $('stroopFeedback').textContent=''; $('stroopFeedback').className='feedback';
  $('stroopColorBtns').style.display='none';
  $('stroopTimer').textContent='';

  const trial = STROOP._deck[STROOP.trial-1];
  STROOP.currentTrial = trial;

  // Show fixation
  const fix=$('stroopFixation'); const word=$('stroopWord');
  fix.style.display='flex'; word.style.display='none';
  $('stroopStimPhase').style.display='flex';

  const isi = STROOP.isiMin + Math.random()*(STROOP.isiMax-STROOP.isiMin);
  stroopT(()=>{
    fix.style.display='none';
    word.textContent=trial.word;
    word.style.color=trial.hex;
    word.style.display='block';
    $('stroopColorBtns').style.display='flex';
    $('stroopTimer').textContent='< '+STROOP.stimDur+' ms';
    $('stroop-phase').textContent=trial.condition.toUpperCase();
    STROOP.stimOn=performance.now(); STROOP.waiting=true;
    triggerFlash();
    stroopT(()=>{ if(STROOP.waiting) stroopRespond('TIMEOUT'); }, STROOP.stimDur);
  }, isi);
}

function stroopRespond(resp){
  if(!STROOP.waiting) return;
  STROOP.waiting=false; stroopClear();
  const trial=STROOP.currentTrial;
  const rt=resp==='TIMEOUT'?null:(performance.now()-STROOP.stimOn);
  const correct=resp==='TIMEOUT'?false:resp===trial.ink;
  const entry={
    trial:STROOP.trial, word:trial.word, ink:trial.ink,
    condition:trial.condition, response:resp, correct, rt:rt?+rt.toFixed(1):null
  };
  (STROOP.isPractice?STROOP.practiceLog:STROOP.log).push(entry);
  const fb=$('stroopFeedback');
  if(resp==='TIMEOUT'){ fb.textContent='T/O'; fb.className='feedback timeout'; }
  else { fb.textContent=rt.toFixed(0)+' ms '+(correct?'✓':'✗'); fb.className='feedback '+(correct?'ok':'err'); }
  $('stroopColorBtns').style.display='none';
  $('stroopTimer').textContent='';
  updateSidebar();
  stroopT(stroopNext, 380);
}

document.addEventListener('keydown', e=>{
  if(!STROOP.active||!STROOP.waiting) return;
  if(e.key==='f'||e.key==='F'){ e.preventDefault(); stroopRespond('red'); }
  if(e.key==='g'||e.key==='G'){ e.preventDefault(); stroopRespond('green'); }
  if(e.key==='h'||e.key==='H'){ e.preventDefault(); stroopRespond('blue'); }
  if(e.key==='j'||e.key==='J'){ e.preventDefault(); stroopRespond('yellow'); }
});

function stroopEnd(){
  STROOP.active=false;
  $('stroopStimPhase').style.display='none';
  $('stroopProgressBar').style.width='100%';
  const log=STROOP.isPractice?STROOP.practiceLog:STROOP.log;
  if(STROOP.isPractice){
    const c=log.filter(r=>r.correct).length;
    const rts=log.filter(r=>r.rt!=null);
    const avgRT=rts.length?(rts.reduce((a,b)=>a+b.rt,0)/rts.length).toFixed(0):'--';
    hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span> &nbsp;&nbsp; AVG RT &nbsp;<span>'+avgRT+' ms</span>';
    $('practiceComplete').style.display='flex'; speak('Practice complete.'); return;
  }
  $('exportBtn').disabled=false;

  const cong   = log.filter(r=>r.condition==='congruent');
  const incong  = log.filter(r=>r.condition==='incongruent');
  const neutral = log.filter(r=>r.condition==='neutral');
  const meanRT = arr => arr.filter(r=>r.rt!=null).length
    ? (arr.filter(r=>r.rt!=null).reduce((a,b)=>a+b.rt,0)/arr.filter(r=>r.rt!=null).length).toFixed(0)
    : '--';
  const acc = arr => arr.length ? (arr.filter(r=>r.correct).length/arr.length*100).toFixed(0)+'%' : '--';

  const congRT   = parseFloat(meanRT(cong));
  const incongRT = parseFloat(meanRT(incong));
  const interference = (!isNaN(congRT)&&!isNaN(incongRT))?(incongRT-congRT).toFixed(0):'--';
  const allAcc = log.length?(log.filter(r=>r.correct).length/log.length*100).toFixed(0)+'%':'--';
  const allRTs = log.filter(r=>r.rt!=null).map(r=>r.rt);
  const avgAll = allRTs.length?(allRTs.reduce((a,b)=>a+b,0)/allRTs.length).toFixed(0):'--';

  $('stroopMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+interference+(interference!=='--'?' ms':'')+'</div><div class="vm-lbl">Interference (Inc−Cong)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanRT(cong)+' ms</div><div class="vm-lbl">Congruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanRT(incong)+' ms</div><div class="vm-lbl">Incongruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanRT(neutral)+' ms</div><div class="vm-lbl">Neutral RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+allAcc+'</div><div class="vm-lbl">Overall Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc(cong)+'</div><div class="vm-lbl">Congruent Acc</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc(incong)+'</div><div class="vm-lbl">Incongruent Acc</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgAll+' ms</div><div class="vm-lbl">Overall Avg RT</div></div>';

  $('stroopResultsPhase').style.display='block';
  speak('Stroop task complete. Interference score: '+interference+' milliseconds.');
  updateSidebar();
}

function stroopExportCSV(){
  if(!STROOP.log.length) return;
  const h='trial,word,ink_color,condition,response,correct,rt_ms\n';
  const rows=STROOP.log.map(r=>[r.trial,r.word,r.ink,r.condition,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});
  const a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='stroop_'+Date.now()+'.csv';a.click();
}


// ══════════════════════════════════════════
// DIGIT SPAN TASK (DST)
// Forward and Backward subtests
// WAIS-IV staircase: 2 trials per span length,
// advance on correct, 2 strikes = subtest ends
// ══════════════════════════════════════════
const DST = {
  active:false, isPractice:false,
  subtest:'forward',   // 'forward' | 'backward'
  spanLen:3,           // current sequence length
  trialAtLen:0,        // how many trials attempted at this length
  strikes:0,           // failures at current length
  fwdSpan:0,           // highest forward span achieved
  bwdSpan:0,           // highest backward span achieved
  currentSeq:[],       // the presented sequence
  entered:[],          // digits entered so far
  phase:null,          // 'present' | 'recall'
  log:[], practiceLog:[],
  _timers:[],
  digitRate:1000,      // ms per digit
  maxSpan:9,
  _trialIdx:0,         // within-session trial counter for log
};

function dstT(fn,ms){ const t=setTimeout(fn,ms); DST._timers.push(t); return t; }
function dstClear(){ DST._timers.forEach(t=>clearTimeout(t)); DST._timers=[]; }

function dstRandSeq(len){
  // No consecutive repeats, no 0-start
  const seq=[];
  while(seq.length<len){
    let d=Math.floor(Math.random()*10);
    if(seq.length===0 && d===0) continue;
    if(seq.length>0 && d===seq[seq.length-1]) continue;
    seq.push(d);
  }
  return seq;
}

function startDST(isPractice){
  DST.active=true; DST.isPractice=isPractice;
  Object.assign(DST,{subtest:'forward',spanLen:isPractice?2:3,trialAtLen:0,strikes:0,
    fwdSpan:0,bwdSpan:0,currentSeq:[],entered:[],phase:null,_trialIdx:0});
  if(isPractice){DST.practiceLog=[];}else{DST.log=[];}
  dstClear(); hideAll();
  $('dstScreen').style.display='flex';
  $('dstPracticeBanner').style.display=isPractice?'block':'none';
  $('dstStimPhase').style.display='none';
  $('dstResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  $('si-task').textContent='DST'+(isPractice?' (PRAC)':'');
  $('dstProgressBar').style.width='0%';
  speak(isPractice?'Practice digit span.':'Starting digit span. Forward span first.');
  dstT(dstNextTrial, 600);
}

function dstNextTrial(){
  // Check termination
  if(DST.spanLen > DST.maxSpan){ dstNextSubtest(); return; }

  DST.phase='present';
  DST._trialIdx++;
  DST.trialAtLen++;
  DST.currentSeq = dstRandSeq(DST.spanLen);
  DST.entered=[];

  const isFwd = DST.subtest==='forward';
  $('dstSubtestLabel').textContent = isFwd ? 'FORWARD SPAN' : 'BACKWARD SPAN';
  $('dstInstruct').textContent = 'Watch the digits…';
  $('dstRecallWrap').style.display='none';
  $('dstFeedback').textContent=''; $('dstFeedback').className='feedback';
  $('dstBigDigit').textContent='';
  $('dst-trial').textContent='Span '+DST.spanLen+(DST.isPractice?' (practice)':'');
  $('dst-phase').textContent=isFwd?'FWD':'BWD';
  $('dstStimPhase').style.display='flex';

  // Build dots
  dstUpdateDots([]);

  // Present digits one by one
  let i=0;
  const totalDur = DST.spanLen * DST.digitRate;
  function showNext(){
    if(i>=DST.currentSeq.length){ dstStartRecall(); return; }
    $('dstBigDigit').textContent=DST.currentSeq[i];
    dstUpdateDots(DST.currentSeq.slice(0,i+1).map(()=>'shown'));
    i++;
    dstT(showNext, DST.digitRate);
  }
  dstT(()=>{ $('dstBigDigit').textContent=''; showNext(); }, 400);

  // Progress bar: interpolate over sequence + recall
  const pctBase = (DST.subtest==='forward') ? 0 : 50;
  const pctRange= 50;
  const pctStart= pctBase + pctRange * ((DST.spanLen-3)/Math.max(DST.maxSpan-3,1));
  $('dstProgressBar').style.width=Math.min(100,pctStart).toFixed(0)+'%';
}

function dstStartRecall(){
  DST.phase='recall';
  $('dstBigDigit').textContent='';
  const isFwd = DST.subtest==='forward';
  $('dstInstruct').textContent = isFwd ? 'Type the sequence in order:' : 'Type the sequence BACKWARDS:';
  $('dstRecallInstruct').textContent = isFwd ? 'Enter digits in the same order:' : 'Enter digits in REVERSE order:';
  $('dstEnteredDigits').textContent='';
  dstUpdateDots([]);
  $('dstRecallWrap').style.display='flex';
  triggerFlash();
}

function dstUpdateDots(states){
  const el=$('dstDots'); el.innerHTML='';
  const len=DST.spanLen;
  for(let i=0;i<len;i++){
    const d=document.createElement('div');
    d.className='dst-seq-dot'+(states[i]?' '+states[i]:'');
    el.appendChild(d);
  }
}

function dstEntry(n){
  if(DST.phase!=='recall') return;
  if(DST.entered.length>=DST.spanLen) return;
  DST.entered.push(n);
  // update display
  const el=$('dstEnteredDigits');
  el.textContent=DST.entered.join(' ');
  dstUpdateDots(DST.entered.map(()=>'filled'));
}

function dstBackspace(){
  if(DST.phase!=='recall') return;
  DST.entered.pop();
  $('dstEnteredDigits').textContent=DST.entered.join(' ');
  dstUpdateDots(DST.entered.map(()=>'filled'));
}

function dstSubmit(){
  if(DST.phase!=='recall') return;
  if(DST.entered.length===0) return;
  DST.phase=null;

  const isFwd = DST.subtest==='forward';
  // Build target
  const target = isFwd ? [...DST.currentSeq] : [...DST.currentSeq].reverse();
  const correct = DST.entered.length===target.length && DST.entered.every((d,i)=>d===target[i]);

  // Log entry
  const entry={
    trial:DST._trialIdx, subtest:DST.subtest, spanLen:DST.spanLen,
    sequence:DST.currentSeq.join(''), target:target.join(''),
    response:DST.entered.join(''), correct,
  };
  (DST.isPractice?DST.practiceLog:DST.log).push(entry);

  // Dot feedback
  dstUpdateDots(DST.entered.map((d,i)=>d===target[i]?'ok':'err'));
  $('dstRecallWrap').style.display='none';

  const fb=$('dstFeedback');
  if(correct){
    fb.textContent='✓ Correct'; fb.className='feedback ok';
    if(DST.subtest==='forward') DST.fwdSpan=Math.max(DST.fwdSpan,DST.spanLen);
    else DST.bwdSpan=Math.max(DST.bwdSpan,DST.spanLen);
    DST.strikes=0;
    // Advance span after 1 correct (WAIS gives 2 trials; advance if either correct)
    if(DST.trialAtLen>=2){
      DST.spanLen++; DST.trialAtLen=0; DST.strikes=0;
    }
  } else {
    fb.textContent='✗ '+DST.entered.join('-')+' (target: '+target.join('-')+')';
    fb.className='feedback err';
    DST.strikes++;
    if(DST.strikes>=2){ dstT(()=>dstNextSubtest(),900); return; }
    if(DST.trialAtLen>=2){
      DST.spanLen++; DST.trialAtLen=0; DST.strikes=0;
    }
  }

  updateSidebar();
  dstT(dstNextTrial, 1000);
}

function dstNextSubtest(){
  if(DST.subtest==='forward'){
    if(DST.isPractice){ dstEnd(); return; }
    DST.subtest='backward';
    DST.spanLen=3; DST.trialAtLen=0; DST.strikes=0;
    $('dstFeedback').textContent='';
    speak('Now the backward span. Repeat digits in reverse order.');
    dstT(dstNextTrial, 1800);
  } else {
    dstEnd();
  }
}

document.addEventListener('keydown', e=>{
  if(!DST.active) return;
  if(DST.phase==='recall'){
    if(e.key>='0'&&e.key<='9'){ e.preventDefault(); dstEntry(parseInt(e.key)); return; }
    if(e.key==='Backspace'){ e.preventDefault(); dstBackspace(); return; }
    if(e.key==='Enter'){ e.preventDefault(); dstSubmit(); return; }
  }
});

function dstEnd(){
  DST.active=false;
  $('dstStimPhase').style.display='none';
  $('dstProgressBar').style.width='100%';
  const log=DST.isPractice?DST.practiceLog:DST.log;

  if(DST.isPractice){
    const c=log.filter(r=>r.correct).length;
    hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex'; speak('Practice complete.'); return;
  }

  $('exportBtn').disabled=false;
  const fwdTrials=log.filter(r=>r.subtest==='forward');
  const bwdTrials=log.filter(r=>r.subtest==='backward');
  const fwdAcc=fwdTrials.length?(fwdTrials.filter(r=>r.correct).length/fwdTrials.length*100).toFixed(0)+'%':'--';
  const bwdAcc=bwdTrials.length?(bwdTrials.filter(r=>r.correct).length/bwdTrials.length*100).toFixed(0)+'%':'--';
  const totalScore = DST.fwdSpan + DST.bwdSpan;

  $('dstMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+DST.fwdSpan+'</div><div class="vm-lbl">Forward Span</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+DST.bwdSpan+'</div><div class="vm-lbl">Backward Span</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+totalScore+'</div><div class="vm-lbl">Total Score (Fwd+Bwd)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+fwdAcc+'</div><div class="vm-lbl">Forward Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+bwdAcc+'</div><div class="vm-lbl">Backward Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Total Trials</div></div>';

  $('dstResultsPhase').style.display='block';
  speak('Digit span complete. Forward span: '+DST.fwdSpan+'. Backward span: '+DST.bwdSpan+'.');
  updateSidebar();
}

function dstExportCSV(){
  if(!DST.log.length) return;
  const h='trial,subtest,span_length,sequence,target,response,correct\n';
  const rows=DST.log.map(r=>[r.trial,r.subtest,r.spanLen,r.sequence,r.target,r.response,r.correct?1:0].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});
  const a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='digitspan_'+Date.now()+'.csv';a.click();
}


// ══════════════════════════════════════════
// CNV — CONTINGENT NEGATIVE VARIATION
// S1 (warning tone) → foreperiod → S2 (circle)
// SPACE response to S2; catch trials = no S2
// Photocell trigger on S1 and S2 onsets
// ══════════════════════════════════════════
const CNV = {
  active:false, isPractice:false,
  trial:0, maxTrials:0, waiting:false,
  stimOn:0, currentTrial:null,
  log:[], practiceLog:[], _timers:[],
  audioCtx:null,
  // configurable
  foreperiod:1500,   // S1→S2 ms
  catchProb:0.20,    // fraction catch trials
  s1Dur:100,         // warning tone duration ms
  s2Dur:1500,        // S2 window (response deadline) ms
  isi:1200,          // inter-trial interval ms
};

function cnvT(fn,ms){ const t=setTimeout(fn,ms); CNV._timers.push(t); return t; }
function cnvClear(){ CNV._timers.forEach(t=>clearTimeout(t)); CNV._timers=[]; }

function cnvTone(freq, dur, gain){
  try {
    if(!CNV.audioCtx) CNV.audioCtx=new AudioContext();
    const ctx=CNV.audioCtx;
    const osc=ctx.createOscillator();
    const env=ctx.createGain();
    osc.connect(env); env.connect(ctx.destination);
    osc.frequency.value=freq;
    env.gain.setValueAtTime(0,ctx.currentTime);
    env.gain.linearRampToValueAtTime(gain,ctx.currentTime+0.005);
    env.gain.setValueAtTime(gain,ctx.currentTime+dur/1000-0.01);
    env.gain.linearRampToValueAtTime(0,ctx.currentTime+dur/1000);
    osc.start(ctx.currentTime); osc.stop(ctx.currentTime+dur/1000);
  } catch(e){}
}

function startCNV(isPractice){
  CNV.active=true; CNV.isPractice=isPractice;
  CNV.maxTrials=isPractice?8:parseInt($('trialsInput').value)||30;
  CNV.trial=0; CNV.waiting=false;
  if(!isPractice){CNV.log=[];}else{CNV.practiceLog=[];}
  cnvClear(); hideAll();
  $('cnvScreen').style.display='flex';
  $('cnvPracticeBanner').style.display=isPractice?'block':'none';
  $('cnvStimPhase').style.display='none';
  $('cnvResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  $('si-task').textContent='CNV'+(isPractice?' (PRAC)':'');
  $('cnvProgressBar').style.width='0%';
  speak(isPractice?'Practice C N V task.':'Starting C N V task.');
  cnvT(cnvNext, 800);
}

function cnvNext(){
  if(CNV.trial>=CNV.maxTrials){ cnvEnd(); return; }
  CNV.trial++;
  $('cnv-trial').textContent='Trial '+CNV.trial+'/'+CNV.maxTrials;
  $('cnvProgressBar').style.width=((CNV.trial-1)/CNV.maxTrials*100).toFixed(1)+'%';
  CNV.waiting=false;
  $('cnvFeedback').textContent=''; $('cnvFeedback').className='feedback';
  $('cnv-phase').textContent='';
  $('cnvTrialType').textContent='';

  const isCatch = Math.random() < CNV.catchProb;
  CNV.currentTrial = { type: isCatch?'catch':'go', foreperiod: CNV.foreperiod };

  const circle = $('cnvCircle');
  const fpBar  = $('cnvFpBar');

  // Reset circle to fixation
  circle.textContent='+';
  circle.className='cnv-circle';
  fpBar.style.transition='none';
  fpBar.style.width='0%';
  $('cnvStimPhase').style.display='flex';

  // ── S1: warning tone ───────────────────
  cnvT(()=>{
    $('cnv-phase').textContent='S1';
    circle.className='cnv-circle s1';
    circle.textContent='◦';
    cnvTone(800, CNV.s1Dur, 0.25);
    triggerFlash();

    // Start foreperiod progress bar
    requestAnimationFrame(()=>{
      fpBar.style.transition='width '+CNV.foreperiod+'ms linear';
      fpBar.style.width='100%';
    });

    // ── S2 or catch ─────────────────────
    cnvT(()=>{
      fpBar.style.transition='none';
      fpBar.style.width='100%';

      if(isCatch){
        // Catch: show nothing, watch for false alarms
        circle.className='cnv-circle catch';
        circle.textContent='+';
        $('cnv-phase').textContent='CATCH';
        $('cnvTrialType').textContent='catch trial — withhold response';
        CNV.waiting=true; CNV.stimOn=performance.now();
        cnvT(()=>{ if(CNV.waiting) cnvRespond('NONE'); }, CNV.s2Dur);
      } else {
        // Go: show S2 circle, open response window
        circle.className='cnv-circle s2';
        circle.textContent='●';
        $('cnv-phase').textContent='S2';
        $('cnvTrialType').textContent='respond now!';
        cnvTone(1200, 60, 0.15); // brief high click on S2
        triggerFlash();
        CNV.stimOn=performance.now(); CNV.waiting=true;
        cnvT(()=>{ if(CNV.waiting) cnvRespond('TIMEOUT'); }, CNV.s2Dur);
      }
    }, CNV.foreperiod);
  }, 600); // 600 ms pre-S1 fixation
}

function cnvRespond(resp){
  if(!CNV.waiting) return;
  CNV.waiting=false; cnvClear();
  const trial=CNV.currentTrial;
  const rt = (resp==='TIMEOUT'||resp==='NONE') ? null : (performance.now()-CNV.stimOn);
  let correct=false, fa=false;

  if(trial.type==='go'){
    correct = (resp==='GO');
    // early response (before S2) handled as false alarm in pre-S2 window, but here
    // we only open waiting during S2 so any key = valid go
  } else {
    // catch trial
    correct = (resp==='NONE'); // correct = no response
    fa = (resp==='GO');        // false alarm = pressed during catch
  }

  const entry={
    trial:CNV.trial, type:trial.type, foreperiod:trial.foreperiod,
    response:resp, correct, rt:rt?+rt.toFixed(1):null, fa,
  };
  (CNV.isPractice?CNV.practiceLog:CNV.log).push(entry);

  const circle=$('cnvCircle');
  const fb=$('cnvFeedback');
  if(trial.type==='go'){
    if(resp==='GO'){
      fb.textContent=rt.toFixed(0)+' ms ✓'; fb.className='feedback ok';
      circle.className='cnv-circle'; circle.style.borderColor='var(--ok)';
    } else {
      fb.textContent='MISS'; fb.className='feedback err';
      circle.className='cnv-circle'; circle.style.borderColor='var(--err)';
    }
  } else {
    if(fa){
      fb.textContent='✗ False alarm'; fb.className='feedback err';
    } else {
      fb.textContent='✓ Withheld'; fb.className='feedback ok';
    }
  }

  updateSidebar();
  // Reset circle border after feedback
  cnvT(()=>{ circle.style.borderColor=''; cnvNext(); }, CNV.isi||1200);
}

document.addEventListener('keydown', e=>{
  if(!CNV.active||!CNV.waiting) return;
  if(e.code==='Space'){ e.preventDefault(); cnvRespond('GO'); }
});

function cnvEnd(){
  CNV.active=false;
  $('cnvStimPhase').style.display='none';
  $('cnvProgressBar').style.width='100%';
  const log=CNV.isPractice?CNV.practiceLog:CNV.log;

  if(CNV.isPractice){
    const c=log.filter(r=>r.correct).length;
    hideAll();
    $('pcStats').innerHTML='TRIALS &nbsp;<span>'+log.length+'</span> &nbsp;&nbsp; ACC &nbsp;<span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex'; speak('Practice complete.'); return;
  }

  $('exportBtn').disabled=false;
  const goLog    = log.filter(r=>r.type==='go');
  const catchLog = log.filter(r=>r.type==='catch');
  const hits     = goLog.filter(r=>r.correct);
  const fas      = catchLog.filter(r=>r.fa);
  const rts      = hits.filter(r=>r.rt!=null).map(r=>r.rt);
  const avgRT    = rts.length?(rts.reduce((a,b)=>a+b,0)/rts.length).toFixed(0):'--';
  const minRT    = rts.length?Math.min(...rts).toFixed(0):'--';
  const hitRate  = goLog.length?(hits.length/goLog.length*100).toFixed(0)+'%':'--';
  const faRate   = catchLog.length?(fas.length/catchLog.length*100).toFixed(0)+'%':'--';

  $('cnvMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+hitRate+'</div><div class="vm-lbl">Hit Rate</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+faRate+'</div><div class="vm-lbl">False Alarm Rate</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+' ms</div><div class="vm-lbl">Mean RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+minRT+' ms</div><div class="vm-lbl">Best RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+hits.length+'/'+goLog.length+'</div><div class="vm-lbl">Hits / Go trials</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+fas.length+'/'+catchLog.length+'</div><div class="vm-lbl">FAs / Catch trials</div></div>';

  $('cnvResultsPhase').style.display='block';
  speak('C N V task complete. Hit rate '+hitRate+'. Mean R T '+avgRT+' milliseconds.');
  updateSidebar();
}

function cnvExportCSV(){
  if(!CNV.log.length) return;
  const h='trial,type,foreperiod_ms,response,correct,rt_ms,false_alarm\n';
  const rows=CNV.log.map(r=>[r.trial,r.type,r.foreperiod,r.response,r.correct?1:0,r.rt!=null?r.rt.toFixed(1):'',r.fa?1:0].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});
  const a=document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='cnv_'+Date.now()+'.csv'; a.click();
}


// ══════════════════════════════════════════
// FINGER TAPPING TASK (FTT)
// Subtests: dominant · non-dominant · alternating
// 3 × configurable-second trials each
// Metrics: taps, ITI mean/SD, asymmetry ratio
// ══════════════════════════════════════════
const FTT = {
  active:false, isPractice:false,
  subtest:null,    // 'dominant'|'nondominant'|'alternating'
  subtestIdx:0,    // 0/1/2
  trialIdx:0,      // within subtest
  trialPhase:null, // 'running'|'iti'|null
  taps:[],         // timestamps (ms) for current trial
  altNext:'L',     // expected next key in alternating
  altErrors:0,     // out-of-order presses in alternating
  log:[],          // {subtest,trial,taps,duration,meanITI,sdITI}
  practiceLog:[],
  _timers:[], _raf:null,
  // configurable
  trialDur:10,  // seconds
  nTrials:3,
  itiDur:3,     // seconds rest between trials
};
const FTT_SUBTESTS=['dominant','nondominant','alternating'];
const FTT_LABELS  =['DOMINANT HAND','NON-DOMINANT HAND','ALTERNATING'];

function fttT(fn,ms){ const t=setTimeout(fn,ms); FTT._timers.push(t); return t; }
function fttClear(){ FTT._timers.forEach(t=>clearTimeout(t)); FTT._timers=[]; }

function startFTT(isPractice){
  FTT.active=true; FTT.isPractice=isPractice;
  FTT.subtestIdx=0; FTT.trialIdx=0; FTT.trialPhase=null;
  FTT.taps=[]; FTT.altNext='L'; FTT.altErrors=0;
  if(!isPractice){FTT.log=[];}else{FTT.practiceLog=[];}
  fttClear();
  if(FTT._raf){cancelAnimationFrame(FTT._raf);FTT._raf=null;}
  hideAll();
  $('fttScreen').style.display='flex';
  $('fttPracticeBanner').style.display=isPractice?'block':'none';
  $('fttStimPhase').style.display='none';
  $('fttResultsPhase').style.display='none';
  $('exportBtn').disabled=true;
  $('si-task').textContent='FTT'+(isPractice?' (PRAC)':'');
  $('fttProgressBar').style.width='0%';
  speak(isPractice?'Practice finger tapping.':'Starting finger tapping task.');
  fttT(fttStartSubtest, 700);
}

function fttStartSubtest(){
  if(FTT.subtestIdx>=FTT_SUBTESTS.length){ fttEnd(); return; }
  FTT.subtest=FTT_SUBTESTS[FTT.subtestIdx];
  FTT.trialIdx=0; FTT.altNext='L'; FTT.altErrors=0;
  $('fttSubLabel').textContent=FTT_LABELS[FTT.subtestIdx];
  const isAlt=(FTT.subtest==='alternating');
  $('fttUniWrap').style.display=isAlt?'none':'flex';
  $('fttAltWrap').style.display=isAlt?'flex':'none';
  $('fttStimPhase').style.display='flex';
  $('fttFeedback').textContent=''; $('fttItiMsg').textContent='';
  speak(FTT_LABELS[FTT.subtestIdx]+'.');
  fttT(fttStartTrial, 1200);
}

function fttStartTrial(){
  FTT.trialIdx++;
  FTT.taps=[]; FTT.altNext='L'; FTT.altErrors=0;
  FTT.trialPhase='running';
  const isAlt=(FTT.subtest==='alternating');

  $('ftt-trial').textContent='Trial '+FTT.trialIdx+'/'+FTT.nTrials;
  $('ftt-phase').textContent=FTT.subtest.toUpperCase();
  $('fttItiMsg').textContent='';
  $('fttFeedback').textContent='';

  if(isAlt){
    $('fttAltCount').textContent='0';
    $('fttBtnL').className='ftt-alt-btn next';
    $('fttBtnR').className='ftt-alt-btn';
  } else {
    $('fttCount').textContent='0';
    $('fttTapBtn').className='ftt-tap-btn';
    $('fttTapBtn').style.borderColor='';
  }

  // Progress bar covers entire task proportionally
  const totalTrials=(FTT.isPractice?1:FTT.nTrials)*FTT_SUBTESTS.length;
  const doneTrials=FTT.subtestIdx*FTT.nTrials+(FTT.trialIdx-1);
  $('fttProgressBar').style.width=((doneTrials/totalTrials)*100).toFixed(0)+'%';

  // Countdown timer via rAF
  const startTime=performance.now();
  const dur=FTT.trialDur*1000;
  function tick(){
    if(FTT.trialPhase!=='running') return;
    const elapsed=performance.now()-startTime;
    const rem=Math.max(0,(dur-elapsed)/1000);
    const el=isAlt?$('fttAltTimerTxt'):$('fttTimerTxt');
    if(el) el.textContent=rem.toFixed(1)+' s remaining';
    if(elapsed<dur){ FTT._raf=requestAnimationFrame(tick); }
    else { fttEndTrial(startTime,elapsed); }
  }
  FTT._raf=requestAnimationFrame(tick);

  // Hard stop fallback
  fttT(()=>{ if(FTT.trialPhase==='running') fttEndTrial(startTime,dur); }, dur+100);
}

function fttTap(e){
  if(!FTT.active||FTT.trialPhase!=='running'||FTT.subtest==='alternating') return;
  if(e) e.preventDefault();
  FTT.taps.push(performance.now());
  const n=FTT.taps.length;
  $('fttCount').textContent=n;
  // Brief flash
  const btn=$('fttTapBtn');
  btn.classList.add('flash');
  setTimeout(()=>btn.classList.remove('flash'),60);
  triggerFlash();
}

function fttAltTap(side, e){
  if(!FTT.active||FTT.trialPhase!=='running'||FTT.subtest!=='alternating') return;
  if(e) e.preventDefault();
  if(side!==FTT.altNext){ FTT.altErrors++; return; } // wrong hand — ignore tap
  FTT.taps.push(performance.now());
  FTT.altNext=(side==='L'?'R':'L');
  $('fttAltCount').textContent=FTT.taps.length;
  // Highlight next expected button
  $('fttBtnL').className='ftt-alt-btn'+(FTT.altNext==='L'?' next':'');
  $('fttBtnR').className='ftt-alt-btn'+(FTT.altNext==='R'?' next':'');
  // Flash the tapped button
  const btn=side==='L'?$('fttBtnL'):$('fttBtnR');
  btn.classList.add('flash');
  setTimeout(()=>{ btn.className='ftt-alt-btn'+(FTT.altNext===side?' next':''); },70);
  triggerFlash();
}

document.addEventListener('keydown', e=>{
  if(!FTT.active||FTT.trialPhase!=='running') return;
  if(FTT.subtest==='alternating'){
    if(e.code==='KeyF'){ e.preventDefault(); fttAltTap('L',null); }
    if(e.code==='KeyJ'){ e.preventDefault(); fttAltTap('R',null); }
  } else {
    if(e.code==='Space'||e.code==='KeyF'||e.code==='KeyJ'){ e.preventDefault(); fttTap(null); }
  }
});

function fttCalcITI(taps){
  if(taps.length<2) return {mean:null,sd:null};
  const itis=[];
  for(let i=1;i<taps.length;i++) itis.push(taps[i]-taps[i-1]);
  const mean=itis.reduce((a,b)=>a+b,0)/itis.length;
  const sd=Math.sqrt(itis.map(x=>(x-mean)**2).reduce((a,b)=>a+b,0)/itis.length);
  return {mean,sd};
}

function fttEndTrial(startTime, elapsed){
  if(FTT.trialPhase!=='running') return;
  FTT.trialPhase='iti';
  if(FTT._raf){cancelAnimationFrame(FTT._raf);FTT._raf=null;}
  fttClear();

  const {mean,sd}=fttCalcITI(FTT.taps);
  const entry={
    subtest:FTT.subtest, trial:FTT.trialIdx,
    taps:FTT.taps.length, duration:+(elapsed/1000).toFixed(2),
    meanITI:mean?+mean.toFixed(1):null,
    sdITI:sd?+sd.toFixed(1):null,
  };
  (FTT.isPractice?FTT.practiceLog:FTT.log).push(entry);

  const isAlt=(FTT.subtest==='alternating');
  const timerEl=isAlt?$('fttAltTimerTxt'):$('fttTimerTxt');
  if(timerEl) timerEl.textContent='0.0 s remaining';
  $('fttFeedback').textContent=FTT.taps.length+' taps  ('+(mean?mean.toFixed(0):'—')+' ms ITI)';
  $('fttFeedback').className='feedback ok';
  updateSidebar();

  // Decide next step
  const maxTrials=FTT.isPractice?1:FTT.nTrials;
  if(FTT.trialIdx>=maxTrials){
    // End of this subtest
    if(FTT.isPractice||FTT.subtestIdx>=FTT_SUBTESTS.length-1){
      fttT(fttEnd, 1000);
    } else {
      FTT.subtestIdx++;
      $('fttItiMsg').textContent='Rest — next subtest in '+FTT.itiDur+' s…';
      fttT(fttStartSubtest, FTT.itiDur*1000);
    }
  } else {
    $('fttItiMsg').textContent='Rest — next trial in '+FTT.itiDur+' s…';
    fttT(fttStartTrial, FTT.itiDur*1000);
  }
}

function fttEnd(){
  FTT.active=false;
  $('fttStimPhase').style.display='none';
  $('fttProgressBar').style.width='100%';
  const log=FTT.isPractice?FTT.practiceLog:FTT.log;

  if(FTT.isPractice){
    const t=log.length?log[0].taps:0;
    hideAll();
    $('pcStats').innerHTML='TAPS &nbsp;<span>'+t+'</span> &nbsp;&nbsp; ITI &nbsp;<span>'+(log.length&&log[0].meanITI?log[0].meanITI.toFixed(0)+' ms':'—')+'</span>';
    $('practiceComplete').style.display='flex'; speak('Practice complete.'); return;
  }

  $('exportBtn').disabled=false;
  const sub=(name)=>log.filter(r=>r.subtest===name);
  const meanTaps=(arr)=>arr.length?(arr.reduce((a,b)=>a+b.taps,0)/arr.length).toFixed(1):'--';
  const meanITI =(arr)=>{const v=arr.filter(r=>r.meanITI!=null);return v.length?(v.reduce((a,b)=>a+b.meanITI,0)/v.length).toFixed(0):'--';};
  const meanSD  =(arr)=>{const v=arr.filter(r=>r.sdITI!=null);return v.length?(v.reduce((a,b)=>a+b.sdITI,0)/v.length).toFixed(0):'--';};

  const dom=sub('dominant'),ndom=sub('nondominant'),alt=sub('alternating');
  const domT=parseFloat(meanTaps(dom)),ndomT=parseFloat(meanTaps(ndom));
  const asymm=(!isNaN(domT)&&!isNaN(ndomT)&&domT>0)?((domT-ndomT)/domT*100).toFixed(1)+'%':'--';

  $('fttMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+meanTaps(dom)+'</div><div class="vm-lbl">Dom taps/trial</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanTaps(ndom)+'</div><div class="vm-lbl">Non-dom taps/trial</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanTaps(alt)+'</div><div class="vm-lbl">Alternating taps/trial</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+asymm+'</div><div class="vm-lbl">Dom asymmetry</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanITI(dom)+' ms</div><div class="vm-lbl">Dom mean ITI</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanSD(dom)+' ms</div><div class="vm-lbl">Dom ITI SD (regularity)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanITI(ndom)+' ms</div><div class="vm-lbl">Non-dom mean ITI</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+meanITI(alt)+' ms</div><div class="vm-lbl">Alt mean ITI</div></div>';

  $('fttResultsPhase').style.display='block';
  speak('Finger tapping complete. Dominant: '+meanTaps(dom)+' taps. Non-dominant: '+meanTaps(ndom)+' taps.');
  updateSidebar();
}

function fttExportCSV(){
  if(!FTT.log.length) return;
  const h='subtest,trial,taps,duration_s,mean_iti_ms,sd_iti_ms\n';
  const rows=FTT.log.map(r=>[r.subtest,r.trial,r.taps,r.duration,r.meanITI!=null?r.meanITI.toFixed(1):'',r.sdITI!=null?r.sdITI.toFixed(1):''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});
  const a=document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='fingertapping_'+Date.now()+'.csv'; a.click();
}


// ══════════════════════════════════════════════════════
// LANGUAGE SUPPORT — ESPAÑOL
// ══════════════════════════════════════════════════════
let currentLang='en';

const PARADIGMS_ES={
  GNG:{name:'IR / NO IR',body:'La tarea Go/No-Go mide la inhibición de respuesta — tu capacidad para suprimir una acción prepotente. En cada ensayo aparece un estímulo en el centro. Debes responder rápidamente a los estímulos IR (●) y suprimir toda respuesta ante los NO IR (○).',rules:[{key:'F / ESPACIO',desc:'IR — responde al objetivo'},{key:'J',desc:'NO IR — suprime la respuesta'},{key:'● (relleno)',desc:'IR — responde tan rápido como puedas'},{key:'○ (vacío)',desc:'NO IR — no respondas'},{key:'TIEMPO',desc:'Sin respuesta en 1,5 s se registra como supresión'},{key:'PROPORCIÓN',desc:'70% ensayos IR · 30% ensayos NO IR'}]},
  NBACK:{name:'N-ATRÁS (1-atrás)',body:'La tarea N-Atrás mide la actualización de la memoria de trabajo. Una letra aparece en cada ensayo. Decide si la letra actual coincide con la presentada exactamente un ensayo antes.',rules:[{key:'F / ESPACIO',desc:'COINCIDE — la letra coincide con N ensayos atrás'},{key:'J',desc:'NO COINCIDE — la letra no coincide'},{key:'PRIMER ENSAYO',desc:'No hay respuesta correcta posible — solo observa'},{key:'TASA',desc:'~35% de los ensayos son coincidencias'}]},
  SPATIAL:{name:'ATENCIÓN ESPACIAL',body:'Mide el procesamiento visuoespacial y la atención selectiva. En cada ensayo se resalta una celda de una cuadrícula 3×3. Haz clic en la celda resaltada lo más rápido posible.',rules:[{key:'CLIC',desc:'Haz clic en la celda resaltada lo más rápido posible'},{key:'PRECISIÓN',desc:'Hacer clic en la celda incorrecta cuenta como error'},{key:'TIEMPO',desc:'Sin respuesta en 1,5 s se registra como omisión'}]},
  POSNER:{name:'PARADIGMA POSNER',body:'Mide la atención espacial encubierta. Una señal dirige la atención hacia la ubicación probable de un objetivo. Las TR más rápidas en ensayos válidos revelan el beneficio atencional de la señal.',rules:[{key:'ESPACIO / F',desc:'Responde cuando aparezca el objetivo'},{key:'ENDÓGENA',desc:'Flecha central — desplazamiento voluntario de atención'},{key:'EXÓGENA',desc:'Flash periférico — captura automática y reflexiva'},{key:'BENEFICIO',desc:'Beneficio = TR inválida − TR válida'}]},
  VRT:{name:'RECONOCIMIENTO VISUAL',body:'Mide la memoria episódica visual. Durante el estudio se muestran patrones geométricos abstractos. Tras un intervalo de retención, aparecen pares de patrones — uno estudiado y uno nuevo. Identifica cuál viste durante el estudio.',rules:[{key:'ESTUDIO',desc:'Observa la matriz de patrones — 4 segundos por conjunto'},{key:'PRUEBA',desc:'Aparecen dos patrones — haz clic en el que estudiaste'},{key:'MÉTRICAS',desc:'Tasa de aciertos, falsas alarmas, d\u2019 y TR'}]},
  TOJ:{name:"Temporal Order Judgment (TOJ)",body:"The TOJ task requires judging which of two stimuli (left or right) appeared first. SOA is varied via staircase to estimate the JND (just-noticeable difference, ~50ms in healthy adults) and PSS (point of subjective simultaneity). JND is elevated in Parkinson disease, cerebellar ataxia, and dyslexia. The PSS reflects attentional biases.",rules:[{key:"F",desc:"Press F if the LEFT stimulus appeared first"},{key:"J",desc:"Press J if the RIGHT stimulus appeared first"},{key:"GUESS",desc:"If unsure, guess - there is no neutral option"},{key:"STAIRCASE",desc:"Time gap between stimuli adapts based on your responses"},{key:"JND",desc:"The just-noticeable difference (JND) is the primary measure"}]},
  CSR:{name:'REVERSIÓN DE CONTRASTE',body:'Un tablero de ajedrez invierte la polaridad constantemente. La mayoría de las reversiones son estándar. Una pequeña proporción son OBJETIVO — un giro de 45° durante un ciclo. Responde lo más rápido posible.',rules:[{key:'ESPACIO',desc:'Presiona cuando detectes una reversión OBJETIVO (girada)'},{key:'OBSERVA',desc:'El tablero reversa continuamente — mantén la fijación'},{key:'ESTÁNDAR',desc:'La mayoría de las reversiones son estándar — NO respondas'},{key:'OBJETIVO',desc:'Giro ocasional de 45° — presiona ESPACIO inmediatamente'}]},
  P300:{name:'P300 AUDITIVO',body:'El paradigma oddball auditivo elicita el componente P300. Se presentan tonos estándar frecuentes con raros tonos oddball intercalados. Detecta el tono oddball y presiona ESPACIO. Estándar: 1000 Hz; Oddball: 2000 Hz. Probabilidad: 20%.',rules:[{key:'ESPACIO',desc:'Presiona cuando escuches el tono RARO (agudo)'},{key:'ESTÁNDAR',desc:'1000 Hz (frecuente) — NO respondas'},{key:'ODDBALL',desc:'2000 Hz (raro, 20%) — presiona ESPACIO'},{key:'AURICULARES',desc:'Usa auriculares para mejor discriminación'}]},
  STB:{name:'MEMORIA STERNBERG',body:'Mide la velocidad de búsqueda en la memoria de trabajo verbal. Se presenta un conjunto de letras UNA A LA VEZ — 1 segundo cada una. Tras un intervalo de retención, aparece una letra sonda. Responde SÍ si estaba en el conjunto.',rules:[{key:'F / ESPACIO',desc:'SÍ — la letra sonda SÍ estaba en el conjunto'},{key:'J',desc:'NO — la letra sonda NO estaba en el conjunto'},{key:'ESTUDIO',desc:'Las letras aparecen UNA A LA VEZ — 1 s cada una'},{key:'VELOCIDAD',desc:'Responde tan rápido y preciso como puedas'}]},
  WCST:{name:'CLASIFICACIÓN DE CARTAS (WCST)',body:'Basada en el Test de Wisconsin. Una carta estímulo debe emparejarse con una de cuatro cartas objetivo según una regla — color, forma o número. La regla nunca se comunica; debes inferirla. La regla cambia sin aviso tras 10 aciertos consecutivos.',rules:[{key:'CLIC',desc:'Haz clic en una carta objetivo para clasificar la carta estímulo'},{key:'REGLAS',desc:'Tres reglas posibles: color · forma · número de símbolos'},{key:'CAMBIO',desc:'La regla cambia silenciosamente tras 10 aciertos consecutivos'},{key:'PERSEV.',desc:'Error perseverativo = seguir la regla antigua tras el cambio'}]},
  RECALL:{name:'RECUERDO LIBRE',body:'Mide la codificación y recuperación de la memoria episódica. Se presenta una lista de palabras comunes, una a la vez. Tras una tarea distractora breve, escribe todas las palabras que recuerdes en cualquier orden.',rules:[{key:'ESCRIBE + ENTER',desc:'Escribe cada palabra recordada y presiona Enter'},{key:'ESTUDIO',desc:'Lee cada palabra con atención — 2 segundos cada una'},{key:'DISTRACTOR',desc:'Resuelve problemas de aritmética durante 30 s'},{key:'RECUERDO',desc:'Escribe cada palabra que recuerdes — 90 segundos'}]},
  TMT:{name:'TEST DE RASTREO',body:'Conecta círculos numerados y con letras en secuencia. Parte A: velocidad de procesamiento. Parte B: flexibilidad cognitiva (alterna números y letras).',rules:[{key:'CLIC',desc:'Haz clic en los círculos en la secuencia correcta'},{key:'PARTE A',desc:'Conecta números 1 → 2 → 3 … en orden ascendente'},{key:'PARTE B',desc:'Alterna: 1 → A → 2 → B → 3 → C …'},{key:'ERRORES',desc:'Se cuentan los errores — haz clic en el objetivo correcto para continuar'}]},
  DSC:{name:'CODIFICACIÓN DÍGITO-SÍMBOLO',body:'Una clave empareja cada dígito 1–9 con un símbolo único. Rellena el símbolo correspondiente lo más rápido posible. 90 segundos — medida clásica de velocidad de procesamiento (WAIS-IV).',rules:[{key:'SELECCIONA',desc:'Haz clic en un símbolo de la paleta'},{key:'RELLENA',desc:'Haz clic en una casilla vacía para colocar el símbolo'},{key:'TECLAS 1–9',desc:'Presiona una tecla numérica para seleccionar ese símbolo'},{key:'TIEMPO',desc:'Límite de 90 segundos'}]},
  PNT:{name:'DENOMINACIÓN DE IMÁGENES',body:'Aparece una ilustración de un objeto común. Nómbralo en voz alta lo más rápido posible. El reconocimiento de voz puntúa tu respuesta y registra el tiempo de reacción.',rules:[{key:'HABLA',desc:'Nombra el objeto en voz alta lo más rápido posible'},{key:'MICRÓFONO',desc:'Haz clic en el botón de micrófono para comenzar a escuchar'},{key:'PUNTUACIÓN',desc:'Correcto si la respuesta coincide con el nombre objetivo'}]},
  BNT:{name:"Boston Naming Test (BNT)",body:"The BNT (Kaplan et al., 1983) is the most widely used confrontation naming measure. Object drawings of graded frequency are presented one at a time; the participant names each. Semantic and phonemic cues are given for failed items. The BNT is sensitive to anomia from temporal lobe damage, Alzheimer disease, and stroke.",rules:[{key:"NAME",desc:"Type the name of the object you see"},{key:"SEMANTIC CUE",desc:"Click for a category hint if you cannot name it"},{key:"PHONEMIC CUE",desc:"Click for the first sound if still stuck"},{key:"SCORE",desc:"Spontaneous correct is the primary score; cued responses scored separately"},{key:"NORMS",desc:"Age and education corrected norms - below 45/60 suggests anomia"}]},
  MRT:{name:'ROTACIÓN MENTAL',body:'Aparecen dos estructuras de cubos 3D. Decide si son la misma forma rotada a un ángulo diferente, o imágenes especulares. La TR aumenta con el ángulo de rotación.',rules:[{key:'F / ESPACIO',desc:'IGUAL — misma forma, ángulo diferente'},{key:'J',desc:'DIFERENTE — imagen especular'},{key:'ROTACIÓN',desc:'TR más lenta = mayor ángulo de rotación'}]},
  FLANKER:{name:'FLANKER DE ERIKSEN',body:'Flechas aparecen en fila. Responde a la dirección de la flecha CENTRAL, ignorando las flanqueadoras. Los ensayos incongruentes (flanqueadoras opuestas) son más lentos.',rules:[{key:'F / ESPACIO',desc:'IZQUIERDA — la flecha central apunta a la izquierda'},{key:'J',desc:'DERECHA — la flecha central apunta a la derecha'},{key:'IGNORA',desc:'Ignora las flechas flanqueadoras'},{key:'INCONGRUENTE',desc:'Flanqueadoras opuestas — más lento, más errores'}]},
  STOP:{name:'SEÑAL DE STOP',body:'Responde a flechas izquierda/derecha lo más rápido posible. En ~25% de los ensayos suena una señal de stop — suprime tu respuesta. El TRSS mide la velocidad del control inhibitorio.',rules:[{key:'F / ESPACIO',desc:'Responde a la flecha IZQUIERDA'},{key:'J',desc:'Responde a la flecha DERECHA'},{key:'STOP',desc:'Señal de stop — suprime tu respuesta inmediatamente'},{key:'VELOCIDAD',desc:'Ve lo más rápido posible'}]},
  STROOP:{name:'STROOP COLOR-PALABRA',body:'Mide la atención selectiva y el control cognitivo. Una palabra de color aparece en una tinta que puede ser congruente, incongruente o neutral. Responde al COLOR DE LA TINTA — ignora la palabra.',rules:[{key:'F / G / H / J',desc:'COLOR DE LA TINTA: F=Rojo · G=Verde · H=Azul · J=Amarillo'},{key:'IGNORA LA PALABRA',desc:'La palabra impresa es un distractor'},{key:'CONGRUENTE',desc:'Palabra y color coinciden — más rápido'},{key:'INCONGRUENTE',desc:'Conflicto — más lento, revela la interferencia Stroop'}]},
  DST:{name:'AMPLITUD DE DÍGITOS',body:'Mide la capacidad de la memoria de trabajo verbal. Se presentan secuencias de dígitos uno a la vez. Directa: repite en el mismo orden. Inversa: repite al revés. Puntuación = secuencia correcta más larga.',rules:[{key:'OBSERVA',desc:'Los dígitos aparecen uno a la vez'},{key:'DIRECTA',desc:'Repite los dígitos en el MISMO orden'},{key:'INVERSA',desc:'Repite los dígitos en orden INVERSO'},{key:'CONFIRMA',desc:'Presiona ✓ o Enter cuando tu secuencia esté completa'}]},
  FTT:{name:'GOLPETEO DE DEDOS',body:'Mide la velocidad y coordinación motoras. Tres subpruebas: mano dominante, no dominante y alternado (F luego J). Cada subprueba: tres ensayos de 10 segundos. Basada en Halstead-Reitan.',rules:[{key:'DOMINANTE: ESPACIO o F',desc:'Mano dominante — golpea tan rápido como puedas'},{key:'NO DOM.: ESPACIO o J',desc:'Mano no dominante — igual, otra mano'},{key:'ALT.: F luego J',desc:'Alternado — secuencia estricta F luego J'},{key:'10 SEGUNDOS',desc:'Cada ensayo dura 10 segundos'}]},
  N400:{name:'N400 PRIMING SEMÁNTICO',body:'Una oración aparece palabra por palabra. La última palabra encaja naturalmente (congruente) o es semánticamente incongruente. Decide si la última palabra encaja en el contexto.',rules:[{key:'F / ESPACIO',desc:'ENCAJA — la palabra final es coherente'},{key:'J',desc:'NO ENCAJA — la palabra final es incongruente'},{key:'LEE',desc:'Lee cada palabra cuidadosamente'},{key:'VELOCIDAD',desc:'Responde tan rápido y preciso como puedas'}]},
  PMN:{name:"Phonological Mismatch Negativity (PMN)",body:"The PMN (Connolly and Phillips, 1994; also called phonological mapping negativity) is an early left-anterior negative ERP deflection peaking approximately 270-320 ms following the onset of a spoken word that is phonologically unexpected given a preceding sentence context — even when the word is semantically plausible. For example, after a sentence like 'The gardener watered the', the word 'garden' elicits a larger PMN than 'flowers' because the phonological onset /g/ is unexpected. The PMN is thought to reflect early mapping between the incoming acoustic signal and stored phonological representations in the mental lexicon, and dissociates from the N400 (which is later and sensitive to semantic fit). The PMN provides a measure of phonological prediction and pre-semantic lexical access during real-time language comprehension.",rules:[{key:"READ",desc:"A sentence stem appears followed by a final word — judge whether the ending makes sense"},{key:"Y / N",desc:"Press Y if the sentence makes sense, N if it does not"},{key:"PHONOLOGY",desc:"Some sentences are plausible but have an unexpected phonological onset for the final word"},{key:"PMN",desc:"PMN ~270ms left-anterior reflects phonological mismatch independent of meaning"},{key:"DISTINCT",desc:"PMN dissociates from N400: phonological mismatch can occur even when meaning is plausible"}]},
  MMN:{name:'NEGATIVIDAD DE DESAJUSTE',body:'Paradigma oddball auditivo pasivo — no se requiere respuesta. Una cadena de tonos estándar se reproduce con raros tonos desviantes. El MMN refleja discriminación auditiva pre-atentiva. Simplemente escucha.',rules:[{key:'PASIVO',desc:'No se requiere respuesta — solo escucha'},{key:'ESTÁNDAR',desc:'Tono frecuente — la mayoría de los tonos'},{key:'DESVIANTE',desc:'Tono raro con diferente frecuencia — elicita el MMN'}]},
  ORN:{name:"Object-Related Negativity (ORN)",body:"The ORN (Alain et al., 2001) is a fronto-central negative ERP component peaking approximately 150-250 ms after the onset of a sound that is perceived as consisting of two concurrent auditory objects (two simultaneous streams) rather than a single fused object. It is elicited when acoustic cues such as mistuning, onset asynchrony, or binaural disparity cause the auditory system to segregate two concurrent tones into separate perceptual streams. For example, presenting two tones simultaneously with a slight frequency mistuning will elicit a larger ORN than presenting the same tones in perfect harmonic fusion. The ORN is thus thought to reflect the neural correlate of auditory scene analysis — the automatic parsing of the acoustic environment into distinct sound sources — and is measured without requiring any explicit task from the participant.",rules:[{key:"LISTEN",desc:"Listen to each pair of simultaneous tones"},{key:"FUSED / SPLIT",desc:"Judge whether you hear ONE fused sound or TWO separate sounds"},{key:"Y = ONE",desc:"Press Y if the sounds fuse into a single object"},{key:"N = TWO",desc:"Press N if you can hear two distinct sounds"},{key:"ORN",desc:"ORN ~175ms fronto-central reflects automatic auditory stream segregation"}]},
  P600:{name:'P600 SINTÁCTICO',body:'Las oraciones aparecen palabra por palabra. La última palabra completa la oración correctamente o contiene una violación sintáctica. Decide si la oración es gramaticalmente correcta.',rules:[{key:'F / ESPACIO',desc:'CORRECTO — gramaticalmente correcto'},{key:'J',desc:'INCORRECTO — contiene una violación sintáctica'},{key:'VELOCIDAD',desc:'Responde tan rápido y preciso como puedas'}]},
  ERN:{name:'NEGATIVIDAD RELACIONADA CON EL ERROR',body:'Una tarea de elección apresurada: responde a la flecha central en 500 ms. Los errores son inevitables a esta velocidad. El ERN refleja el monitoreo de errores del cíngulo anterior.',rules:[{key:'F / ESPACIO',desc:'IZQUIERDA — flecha apunta a la izquierda'},{key:'J',desc:'DERECHA — flecha apunta a la derecha'},{key:'VELOCIDAD',desc:'Responde DENTRO de 500 ms — los errores son parte del paradigma'}]},
  PE:{name:"Pe — Error Positivity",body:"The Pe (Falkenstein et al., 1991) is a centroparietal positive deflection peaking approximately 200-400 ms after the ERN following the commission of an error. While the ERN is thought to reflect automatic error detection (possibly unconscious), the Pe is considered to index the conscious awareness of and affective response to an error — essentially the motivationally significant appraisal of having made a mistake. Evidence for this comes from findings that Pe amplitude is modulated by error awareness (larger for noticed vs unnoticed errors in paradigms where subjects report error awareness), by individual differences in conscientiousness, by OCD severity (enlarged Pe), and by mindfulness training (attenuated Pe). Pe is generated in the anterior cingulate cortex and insula and is related to post-error slowing and adaptive behaviour.",rules:[{key:"SPEED",desc:"Respond as fast as possible — speed pressure produces errors for Pe measurement"},{key:"ARROW",desc:"Press F for left arrows, J for right arrows in the flanker task"},{key:"ERRORS",desc:"When you make an error, Pe will follow the ERN — a positive wave reflecting your awareness"},{key:"Pe vs ERN",desc:"ERN ~0-100ms after error (automatic detection); Pe ~200-400ms (conscious awareness)"},{key:"NOTICE",desc:"After each trial you can report whether you noticed making an error — this gates Pe amplitude"}]},
  CNV:{name:'VARIACIÓN CONTINGENTE NEGATIVA',body:'Un tono de advertencia (S1) señala que un estímulo imperativo (S2) seguirá tras un periodo fijo. Responde a S2 con ESPACIO. En ensayos de captura (sin S2), suprime la respuesta.',rules:[{key:'S1 (tono)',desc:'Señal de advertencia — un tono breve'},{key:'S2 (círculo)',desc:'Estímulo imperativo — presiona ESPACIO tan rápido como puedas'},{key:'CAPTURA',desc:'Algunos ensayos no tienen S2 — suprime la respuesta'},{key:'ESPACIO',desc:'Única tecla de respuesta válida'}]}
};


const PARADIGMS_FR={
  GNG:{name:"VA / N'Y VA PAS",body:"La t\u00e2che Go/No-Go mesure l'inhibition de la r\u00e9ponse \u2014 votre capacit\u00e9 \u00e0 supprimer une action pr\u00e9potente. Un stimulus appara\u00eet au centre \u00e0 chaque essai. R\u00e9pondez rapidement aux stimuli Go (\u25cf) et retenez toute r\u00e9ponse aux stimuli No-Go (\u25cb).",rules:[{key:"F / ESPACE",desc:"ALLER \u2014 r\u00e9pondre au stimulus cible"},{key:"J",desc:"NE PAS ALLER \u2014 retenir la r\u00e9ponse"},{key:"\u25cf (plein)",desc:"ALLER \u2014 r\u00e9pondre le plus vite possible"},{key:"\u25cb (vide)",desc:"NE PAS ALLER \u2014 ne pas r\u00e9pondre"},{key:"D\u00c9LAI",desc:"Sans r\u00e9ponse en 1,5 s, comptabilis\u00e9 comme retenue"},{key:"PROPORTION",desc:"70\u202f% essais Go \xb7 30\u202f% essais No-Go"}]},
  NBACK:{name:"N-EN-ARRI\u00c8RE (1-en-arri\u00e8re)",body:"La t\u00e2che N-en-arri\u00e8re mesure la mise \u00e0 jour de la m\u00e9moire de travail. Une lettre appara\u00eet \u00e0 chaque essai. D\u00e9cidez si la lettre actuelle correspond \u00e0 celle pr\u00e9sent\u00e9e exactement un essai auparavant.",rules:[{key:"F / ESPACE",desc:"CORRESPONDANCE \u2014 la lettre correspond N essais en arri\u00e8re"},{key:"J",desc:"NON CORRESPONDANCE \u2014 la lettre ne correspond pas"},{key:"PREMIER ESSAI",desc:"Aucune r\u00e9ponse correcte possible \u2014 observez simplement"},{key:"TAUX",desc:"~35\u202f% des essais sont des correspondances"}]},
  SPATIAL:{name:"ATTENTION SPATIALE",body:"Mesure le traitement visuospatial et l'attention s\u00e9lective. \u00c0 chaque essai, une cellule d'une grille 3\u00d73 est mise en \u00e9vidence. Cliquez sur la cellule en surbrillance le plus rapidement possible.",rules:[{key:"CLIC",desc:"Cliquez sur la cellule en surbrillance le plus vite possible"},{key:"PR\u00c9CISION",desc:"Cliquer sur la mauvaise cellule compte comme une erreur"},{key:"D\u00c9LAI",desc:"Sans r\u00e9ponse en 1,5 s, enregistr\u00e9 comme omission"}]},
  POSNER:{name:"PARADIGME POSNER",body:"Mesure l'attention spatiale couverte. Un indice oriente l'attention vers l'emplacement probable d'une cible. Les TR plus rapides pour les essais valides r\u00e9v\u00e8lent le b\u00e9n\u00e9fice attentionnel.",rules:[{key:"ESPACE / F",desc:"R\u00e9pondre lorsque la cible appara\u00eet"},{key:"ENDOG\u00c8NE",desc:"Fl\u00e8che centrale \u2014 d\u00e9placement volontaire de l'attention"},{key:"EXOG\u00c8NE",desc:"Flash p\u00e9riph\u00e9rique \u2014 capture automatique et r\u00e9flexive"},{key:"B\u00c9N\u00c9FICE",desc:"B\u00e9n\u00e9fice = TR invalide \u2212 TR valide"}]},
  VRT:{name:"RECONNAISSANCE VISUELLE",body:"Mesure la m\u00e9moire \u00e9pisodique visuelle. Des motifs g\u00e9om\u00e9triques abstraits sont pr\u00e9sent\u00e9s \u00e0 l'\u00e9tude. Apr\u00e8s un intervalle de r\u00e9tention, des paires de motifs appara\u00eessent \u2014 un \u00e9tudi\u00e9 et un nouveau. Identifiez celui que vous avez vu.",rules:[{key:"\u00c9TUDE",desc:"Observez la matrice de motifs \u2014 4 secondes par ensemble"},{key:"TEST",desc:"Deux motifs appara\u00eessent \u2014 cliquez sur celui \u00e9tudi\u00e9"},{key:"M\u00c9TRIQUES",desc:"Taux de d\u00e9tection, fausses alarmes, d\u2019 et TR"}]},
  CSR:{name:"INVERSION DE CONTRASTE",body:"Un damier inverse sa polarit\u00e9 \u00e0 un rythme constant. La plupart des inversions sont standard. Une petite proportion sont des inversions CIBLES \u2014 une rotation de 45\u00b0 pendant un cycle. R\u00e9pondez d\u00e8s que vous d\u00e9tectez le changement.",rules:[{key:"ESPACE",desc:"Appuyez lorsque vous d\u00e9tectez une inversion CIBLE (pivot\u00e9e)"},{key:"OBSERVEZ",desc:"Le damier inverse continuellement \u2014 maintenez la fixation"},{key:"STANDARD",desc:"La plupart des inversions sont standard \u2014 NE PAS r\u00e9pondre"},{key:"CIBLE",desc:"Rotation occasionnelle de 45\u00b0 \u2014 appuyez sur ESPACE imm\u00e9diatement"}]},
  P300:{name:"P300 AUDITIF",body:"Le paradigme oddball auditif \u00e9licite la composante P300. Un flux de tons standard fr\u00e9quents est pr\u00e9sent\u00e9 avec de rares tons oddball intercal\u00e9s. D\u00e9tectez le ton oddball et appuyez sur ESPACE. Standard\u202f: 1000\u202fHz ; Oddball\u202f: 2000\u202fHz. Probabilit\u00e9\u202f: 20\u202f%.",rules:[{key:"ESPACE",desc:"Appuyez sur le ton RARE (aigu)"},{key:"STANDARD",desc:"1000\u202fHz (fr\u00e9quent) \u2014 NE PAS r\u00e9pondre"},{key:"ODDBALL",desc:"2000\u202fHz (rare, 20\u202f%) \u2014 appuyez sur ESPACE"},{key:"CASQUE",desc:"Utilisez un casque pour une meilleure discrimination"}]},
  STB:{name:"M\u00c9MOIRE STERNBERG",body:"Mesure la vitesse de recherche en m\u00e9moire de travail verbale. Un ensemble de lettres est pr\u00e9sent\u00e9 UNE \u00c0 LA FOIS \u2014 1\u202fs chacune. Apr\u00e8s un intervalle de r\u00e9tention, une lettre sonde appara\u00eet. R\u00e9pondez OUI si elle \u00e9tait dans l'ensemble.",rules:[{key:"F / ESPACE",desc:"OUI \u2014 la lettre sonde \u00c9TAIT dans l'ensemble"},{key:"J",desc:"NON \u2014 la lettre sonde N'\u00c9TAIT PAS dans l'ensemble"},{key:"\u00c9TUDE",desc:"Les lettres appara\u00eessent UNE \u00c0 LA FOIS \u2014 1\u202fs chacune"},{key:"VITESSE",desc:"R\u00e9pondez le plus vite et pr\u00e9cis\u00e9ment possible"}]},
  WCST:{name:"TRI DE CARTES (WCST)",body:"Bas\u00e9 sur le Wisconsin Card Sorting Test. Une carte stimulus doit \u00eatre associ\u00e9e \u00e0 une carte cible selon une r\u00e8gle \u2014 couleur, forme ou nombre. La r\u00e8gle n'est jamais communiqu\u00e9e et change apr\u00e8s 10 tris corrects cons\u00e9cutifs.",rules:[{key:"CLIC",desc:"Cliquez sur une carte cible pour trier la carte stimulus"},{key:"R\u00c8GLES",desc:"Trois r\u00e8gles possibles\u202f: couleur \xb7 forme \xb7 nombre de symboles"},{key:"CHANGEMENT",desc:"La r\u00e8gle change silencieusement apr\u00e8s 10 bonnes r\u00e9ponses"},{key:"PERSEV.",desc:"Erreur pers\u00e9v\u00e9rative = suivre l'ancienne r\u00e8gle apr\u00e8s le changement"}]},
  RECALL:{name:"RAPPEL LIBRE",body:"Mesure l'encodage et la r\u00e9cup\u00e9ration de la m\u00e9moire \u00e9pisodique. Une liste de mots courants est pr\u00e9sent\u00e9e un par un. Apr\u00e8s une t\u00e2che distractrice, \u00e9crivez tous les mots dont vous vous souvenez dans n'importe quel ordre.",rules:[{key:"\u00c9CRIVEZ + ENTR\u00c9E",desc:"\u00c9crivez chaque mot rappel\u00e9 et appuyez sur Entr\u00e9e"},{key:"\u00c9TUDE",desc:"Lisez chaque mot attentivement \u2014 2 secondes chacun"},{key:"DISTRACTEUR",desc:"R\u00e9solvez des probl\u00e8mes d'arithm\u00e9tique pendant 30\u202fs"},{key:"RAPPEL",desc:"\u00c9crivez chaque mot dont vous vous souvenez \u2014 90 secondes"}]},
  TMT:{name:"TEST DE TRAC\u00c9",body:"Reliez des cercles num\u00e9rot\u00e9s et lettr\u00e9s en s\u00e9quence. Partie A\u202f: vitesse de traitement. Partie B\u202f: flexibilit\u00e9 cognitive (alternance chiffres-lettres).",rules:[{key:"CLIC",desc:"Cliquez les cercles dans l'ordre correct le plus vite possible"},{key:"PARTIE A",desc:"Reliez les chiffres 1 \u2192 2 \u2192 3\u2026 en ordre croissant"},{key:"PARTIE B",desc:"Alternez\u202f: 1 \u2192 A \u2192 2 \u2192 B \u2192 3 \u2192 C\u2026"},{key:"ERREURS",desc:"Les erreurs sont comptabilis\u00e9es \u2014 cliquez la bonne cible pour continuer"}]},
  DSC:{name:"CODAGE CHIFFRE-SYMBOLE",body:"Une cl\u00e9 associe chaque chiffre de 1 \u00e0 9 \u00e0 un symbole unique. Remplissez le symbole correspondant le plus vite possible. T\u00e2che chronom\u00e9tr\u00e9e de 90\u202fs \u2014 mesure classique de la vitesse de traitement (WAIS-IV).",rules:[{key:"S\u00c9LECTIONNER",desc:"Cliquez un symbole dans la palette pour le s\u00e9lectionner"},{key:"REMPLIR",desc:"Cliquez une case vide pour y placer le symbole s\u00e9lectionn\u00e9"},{key:"TOUCHES 1\u20139",desc:"Appuyez sur une touche num\u00e9rique pour s\u00e9lectionner ce symbole"},{key:"TEMPS",desc:"Limite de 90\u202fs \u2014 travaillez de gauche \u00e0 droite"}]},
  PNT:{name:"D\u00c9NOMINATION D'IMAGES",body:"Une illustration d\u00e9taill\u00e9e d'un objet courant appara\u00eet. Nommez-le \u00e0 voix haute le plus rapidement et pr\u00e9cis\u00e9ment possible. La reconnaissance vocale note votre r\u00e9ponse.",rules:[{key:"PARLEZ",desc:"Nommez l'objet illustr\u00e9 \u00e0 voix haute le plus vite possible"},{key:"MICROPHONE",desc:"Cliquez le bouton microphone pour commencer \u00e0 \u00e9couter"},{key:"NOTATION",desc:"Correct si la r\u00e9ponse correspond au nom cible ou synonyme"}]},
  MRT:{name:"ROTATION MENTALE",body:"Deux structures de cubes 3D appara\u00eessent c\u00f4te \u00e0 c\u00f4te. D\u00e9cidez si elles repr\u00e9sentent la m\u00eame forme orient\u00e9e diff\u00e9remment, ou des images miroir.",rules:[{key:"F / ESPACE",desc:"IDENTIQUE \u2014 m\u00eame forme, angle diff\u00e9rent"},{key:"J",desc:"DIFF\u00c9RENT \u2014 image miroir"},{key:"ROTATION",desc:"TR plus lent = plus grand angle de rotation"}]},
  FLANKER:{name:"FLANKER D'ERIKSEN",body:"Des fl\u00e8ches appara\u00eessent en rang\u00e9e. R\u00e9pondez \u00e0 la direction de la fl\u00e8che CENTRALE en ignorant les fl\u00e8ches flanquantes. Les essais incongruents sont plus lents.",rules:[{key:"F / ESPACE",desc:"GAUCHE \u2014 la fl\u00e8che centrale pointe \u00e0 gauche"},{key:"J",desc:"DROITE \u2014 la fl\u00e8che centrale pointe \u00e0 droite"},{key:"IGNOREZ",desc:"Ignorez les fl\u00e8ches flanquantes"},{key:"INCONGRU",desc:"Flanquantes oppos\u00e9es \u2014 plus lent, plus d'erreurs"}]},
  STOP:{name:"SIGNAL STOP",body:"R\u00e9pondez \u00e0 des fl\u00e8ches gauche/droite le plus vite possible. Sur ~25\u202f% des essais, un signal stop (bip) retentit \u2014 retenez votre r\u00e9ponse. Le TRSS mesure la vitesse du contr\u00f4le inhibiteur.",rules:[{key:"F / ESPACE",desc:"R\u00e9pondre \u00e0 la fl\u00e8che GAUCHE"},{key:"J",desc:"R\u00e9pondre \u00e0 la fl\u00e8che DROITE"},{key:"STOP",desc:"Signal stop \u2014 retenir la r\u00e9ponse imm\u00e9diatement"},{key:"VITESSE",desc:"Allez le plus vite possible"}]},
  STROOP:{name:"STROOP COULEUR-MOT",body:"Mesure l'attention s\u00e9lective et le contr\u00f4le cognitif. Un mot de couleur appara\u00eet dans une encre congruente, incongrue ou neutre. R\u00e9pondez \u00e0 la COULEUR DE L'ENCRE \u2014 ignorez le mot.",rules:[{key:"F / G / H / J",desc:"COULEUR DE L'ENCRE\u202f: F=Rouge \xb7 G=Vert \xb7 H=Bleu \xb7 J=Jaune"},{key:"IGNOREZ LE MOT",desc:"Le mot imprim\u00e9 est un distracteur"},{key:"CONGRU",desc:"Mot et couleur identiques \u2014 plus rapide"},{key:"INCONGRU",desc:"Conflit mot/couleur \u2014 r\u00e9v\u00e8le l'interf\u00e9rence Stroop"}]},
  DST:{name:"EMPAN DE CHIFFRES",body:"Mesure la capacit\u00e9 de la m\u00e9moire de travail verbale. Des s\u00e9quences de chiffres sont pr\u00e9sent\u00e9es un par un. Vers l'avant\u202f: r\u00e9p\u00e9ter dans le m\u00eame ordre. Vers l'arri\u00e8re\u202f: r\u00e9p\u00e9ter en ordre invers\u00e9.",rules:[{key:"OBSERVEZ",desc:"Les chiffres appara\u00eessent un par un"},{key:"VERS L'AVANT",desc:"R\u00e9p\u00e9tez les chiffres dans le M\u00caMe ordre"},{key:"VERS L'ARRI\u00c8RE",desc:"R\u00e9p\u00e9tez les chiffres en ordre INVERS\u00c9"},{key:"CONFIRMER",desc:"Appuyez sur \u2713 ou Entr\u00e9e quand votre s\u00e9quence est compl\u00e8te"}]},
  FTT:{name:"TAPPING DIGITAL",body:"Mesure la vitesse et la coordination motrices. Trois \u00e9preuves\u202f: main dominante, main non dominante et alternance (F puis J). Chaque \u00e9preuve\u202f: trois essais de 10\u202fs. Bas\u00e9 sur le test de Halstead-Reitan.",rules:[{key:"DOMINANTE\u202f: ESPACE ou F",desc:"Main dominante \u2014 tapez le plus vite possible"},{key:"NON DOM.\u202f: ESPACE ou J",desc:"Main non dominante \u2014 pareil, autre main"},{key:"ALT.\u202f: F puis J",desc:"Alternance stricte gauche-droite, F puis J"},{key:"10 SECONDES",desc:"Chaque essai dure 10 secondes"}]},
  N400:{name:"N400 AMOR\u00c7AGE S\u00c9MANTIQUE",body:"Une phrase appara\u00eet mot par mot. Le dernier mot s'int\u00e8gre naturellement (congru) ou est s\u00e9mantiquement incongru. D\u00e9cidez si le dernier mot convient au contexte.",rules:[{key:"F / ESPACE",desc:"CONVIENT \u2014 le dernier mot est coh\u00e9rent"},{key:"J",desc:"NE CONVIENT PAS \u2014 le dernier mot est incongru"},{key:"LISEZ",desc:"Lisez chaque mot attentivement"},{key:"VITESSE",desc:"R\u00e9pondez le plus vite et pr\u00e9cis\u00e9ment possible"}]},
  MMN:{name:"N\u00c9GATIVIT\u00c9 DE DISCORDANCE",body:"Paradigme oddball auditif passif \u2014 aucune r\u00e9ponse n'est requise. Un flux de tons standard est jou\u00e9 avec de rares tons d\u00e9viants. La MMN refl\u00e8te la discrimination auditive pr\u00e9-attentive. \u00c9coutez simplement.",rules:[{key:"PASSIF",desc:"Aucune r\u00e9ponse requise \u2014 \u00e9coutez seulement"},{key:"STANDARD",desc:"Ton fr\u00e9quent \u2014 la majorit\u00e9 des tons"},{key:"D\u00c9VIANT",desc:"Ton rare de fr\u00e9quence diff\u00e9rente \u2014 \u00e9licite la MMN"}]},
  P600:{name:"P600 SYNTAXIQUE",body:"Des phrases appara\u00eessent mot par mot. Le dernier mot compl\u00e8te la phrase correctement ou contient une violation syntaxique. D\u00e9cidez si la phrase est grammaticalement correcte.",rules:[{key:"F / ESPACE",desc:"CORRECT \u2014 grammaticalement correct"},{key:"J",desc:"INCORRECT \u2014 contient une violation syntaxique"},{key:"VITESSE",desc:"R\u00e9pondez le plus vite et pr\u00e9cis\u00e9ment possible"}]},
  ERN:{name:"N\u00c9GATIVIT\u00c9 LI\u00c9E \u00c0 L'ERREUR",body:"T\u00e2che de choix rapide\u202f: r\u00e9pondez \u00e0 la fl\u00e8che centrale en 500\u202fms. Les erreurs sont in\u00e9vitables \u00e0 cette vitesse. L'ERN refl\u00e8te la surveillance des erreurs par le cortex cingulaire ant\u00e9rieur.",rules:[{key:"F / ESPACE",desc:"GAUCHE \u2014 fl\u00e8che pointe \u00e0 gauche"},{key:"J",desc:"DROITE \u2014 fl\u00e8che pointe \u00e0 droite"},{key:"VITESSE",desc:"R\u00e9pondez EN 500\u202fms \u2014 les erreurs font partie du paradigme"}]},
  CNV:{name:"VARIATION CONTINGENTE N\u00c9GATIVE",body:"Un ton d'avertissement (S1) indique qu'un stimulus imp\u00e9ratif (S2) suivra apr\u00e8s un intervalle fixe. R\u00e9pondez \u00e0 S2 avec ESPACE. Sur les essais sans S2, retenez la r\u00e9ponse.",rules:[{key:"S1 (ton)",desc:"Signal d'avertissement \u2014 un bref son"},{key:"S2 (cercle)",desc:"Stimulus imp\u00e9ratif \u2014 appuyez sur ESPACE le plus vite possible"},{key:"ESSAI CATCH",desc:"Certains essais n'ont pas de S2 \u2014 retenez la r\u00e9ponse"},{key:"ESPACE",desc:"Seule touche de r\u00e9ponse valide"}]}
};


const PARADIGMS_DE={
  GNG:{name:"GEH / GEH NICHT",body:"Die Go/No-Go-Aufgabe misst Reaktionshemmung — Ihre Fähigkeit, eine vorherrschende Handlung zu unterdrücken. Ein Stimulus erscheint in der Mitte des Rasters. Reagieren Sie schnell auf Go-Stimuli (●) und halten Sie jede Reaktion bei No-Go-Stimuli (○) zurück.",rules:[{key:"F / LEERTASTE",desc:"GEHEN — auf den Zielreiz reagieren"},{key:"J",desc:"NICHT GEHEN — Reaktion zurückhalten"},{key:"● (gefüllt)",desc:"GEHEN — so schnell wie möglich reagieren"},{key:"○ (leer)",desc:"NICHT GEHEN — nicht reagieren"},{key:"TIMEOUT",desc:"Keine Reaktion in 1,5 s gilt als Zurückhaltung"},{key:"RATE",desc:"70 % Go-Versuche · 30 % No-Go-Versuche"}]},
  NBACK:{name:"N-ZURÜCK (1-zurück)",body:"Die N-Back-Aufgabe misst das Arbeitsgedächtnis-Updating. In jedem Durchgang erscheint ein Buchstabe. Entscheiden Sie, ob der aktuelle Buchstabe mit dem vor genau einem Durchgang gezeigten übereinstimmt.",rules:[{key:"F / LEERTASTE",desc:"ÜBEREINSTIMMUNG — Buchstabe stimmt mit N Schritten zurück überein"},{key:"J",desc:"KEINE ÜBEREINSTIMMUNG — Buchstabe stimmt nicht überein"},{key:"ERSTER VERSUCH",desc:"Keine korrekte Antwort möglich — Buchstaben nur beobachten"},{key:"RATE",desc:"~35 % der Versuche sind Übereinstimmungen"}]},
  SPATIAL:{name:"RÄUMLICHE AUFMERKSAMKEIT",body:"Misst visuoräumliche Verarbeitung und selektive Aufmerksamkeit. In jedem Versuch wird eine Zelle in einem 3×3-Raster hervorgehoben. Klicken Sie so schnell und genau wie möglich auf die markierte Zelle.",rules:[{key:"KLICK",desc:"Auf die hervorgehobene Zelle so schnell wie möglich klicken"},{key:"GENAUIGKEIT",desc:"Klick auf falsche Zelle zählt als Fehler"},{key:"TIMEOUT",desc:"Keine Reaktion in 1,5 s wird als Fehler gezählt"}]},
  POSNER:{name:"POSNER-PARADIGMA",body:"Misst verdeckte räumliche Aufmerksamkeit. Ein Hinweisreiz lenkt die Aufmerksamkeit auf den wahrscheinlichen Ort eines Ziels. Schnellere Reaktionszeiten bei gültigen Versuchen zeigen den Aufmerksamkeitsvorteil.",rules:[{key:"LEERTASTE / F",desc:"Reagieren wenn das Ziel erscheint"},{key:"ENDOGEN",desc:"Zentraler Pfeil — freiwillige Aufmerksamkeitsverlagerung"},{key:"EXOGEN",desc:"Peripheres Aufblinken — automatische Erfassung"},{key:"VORTEIL",desc:"Vorteil = Ungültige RZ − Gültige RZ"}]},
  VRT:{name:"VISUELLE WIEDERERKENNUNG",body:"Misst das visuelle episodische Gedächtnis. Während der Lernphase wird eine Matrix abstrakter geometrischer Muster gezeigt. Nach einem Retentionsintervall erscheinen Paare — ein gelerntes und ein neues Muster. Erkennen Sie, welches Sie gesehen haben.",rules:[{key:"LERNEN",desc:"Matrix der Muster ansehen — 4 Sekunden pro Mustersatz"},{key:"TEST",desc:"Zwei Muster erscheinen — auf das gelernte klicken"},{key:"METRIKEN",desc:"Trefferrate, falsche Alarme, d’ und RZ"}]},
  CSR:{name:"KONTRASTUMKEHR",body:"Ein Schachbrettmuster kehrt kontinuierlich seine Polarität um. Die meisten Umkehrungen sind Standard. Ein kleiner Anteil sind ZIEL-Umkehrungen — eine 45°-Drehung für genau einen Zyklus. Reagieren Sie so schnell wie möglich.",rules:[{key:"LEERTASTE",desc:"Drücken wenn ZIEL-Umkehrung (gedreht) erkannt"},{key:"BEOBACHTEN",desc:"Schachbrett kehrt kontinuierlich um — Fixation halten"},{key:"STANDARD",desc:"Die meisten Umkehrungen sind Standard — NICHT reagieren"},{key:"ZIEL",desc:"Gelegentliche 45°-Drehung — sofort LEERTASTE drücken"}]},
  P300:{name:"AUDITIVES P300",body:"Das auditive Oddball-Paradigma elizitiert die P300-ERP-Komponente. Häufige Standardtöne werden präsentiert, mit seltenen Oddball-Tönen gemischt. Erkennen Sie den Oddball-Ton und drücken Sie die LEERTASTE. Standard: 1000 Hz; Oddball: 2000 Hz.",rules:[{key:"LEERTASTE",desc:"Drücken beim SELTENEN (hohen) Ton"},{key:"STANDARD",desc:"1000 Hz (häufig) — NICHT reagieren"},{key:"ODDBALL",desc:"2000 Hz (selten, 20 %) — LEERTASTE drücken"},{key:"KOPFHÖRER",desc:"Kopfhörer für beste Frequenzdiskrimination verwenden"}]},
  STB:{name:"STERNBERG-GEDÄCHTNIS",body:"Misst die Suchgeschwindigkeit im verbalen Arbeitsgedächtnis. Ein Set von Buchstaben wird EINZELN präsentiert — je 1 Sekunde. Nach einem Retentionsintervall erscheint ein Probe-Buchstabe. Antworten Sie JA, wenn er im Set war.",rules:[{key:"F / LEERTASTE",desc:"JA — Probe-Buchstabe WAR im Set"},{key:"J",desc:"NEIN — Probe-Buchstabe war NICHT im Set"},{key:"LERNEN",desc:"Buchstaben erscheinen EINZELN — je 1 s"},{key:"GESCHWINDIGKEIT",desc:"So schnell und genau wie möglich antworten"}]},
  WCST:{name:"KARTEN-SORTIERTEST (WCST)",body:"Basiert auf dem Wisconsin Card Sorting Test. Eine Stimulus-Karte muss einer Zielkarte nach einer Regel zugeordnet werden — Farbe, Form oder Anzahl. Die Regel wird nie mitgeteilt und ändert sich nach 10 aufeinanderfolgenden korrekten Sortierungen ohne Warnung.",rules:[{key:"KLICK",desc:"Auf eine Zielkarte klicken um Stimulus-Karte zuzuordnen"},{key:"REGELN",desc:"Drei mögliche Regeln: Farbe · Form · Anzahl der Symbole"},{key:"ÄNDERUNG",desc:"Regel ändert sich still nach 10 richtigen Antworten"},{key:"PERSEVER.",desc:"Perseverationsfehler = alte Regel nach Wechsel weiternutzen"}]},
  RECALL:{name:"FREIER ABRUF",body:"Misst episodisches Gedächtnis. Eine Liste gebräuchlicher Wörter wird einzeln präsentiert. Nach einer kurzen Ablenkungsaufgabe schreiben Sie alle Wörter auf, die Sie sich erinnern können, in beliebiger Reihenfolge.",rules:[{key:"TIPPEN + ENTER",desc:"Jedes erinnerte Wort eingeben und Enter drücken"},{key:"LERNEN",desc:"Jedes Wort aufmerksam lesen — je 2 Sekunden"},{key:"ABLENKUNG",desc:"Rechenaufgaben 30 s lösen"},{key:"ABRUF",desc:"Alle erinnerten Wörter eingeben — 90 Sekunden"}]},
  TMT:{name:"TRAIL-MAKING-TEST",body:"Verbinden Sie nummerierte und buchstabierte Kreise in Reihenfolge. Teil A misst Verarbeitungsgeschwindigkeit; Teil B misst kognitive Flexibilität.",rules:[{key:"KLICK",desc:"Kreise in der richtigen Reihenfolge so schnell wie möglich anklicken"},{key:"TEIL A",desc:"Zahlen 1 → 2 → 3… in aufsteigender Reihenfolge verbinden"},{key:"TEIL B",desc:"Abwechseln: 1 → A → 2 → B → 3 → C…"},{key:"FEHLER",desc:"Fehler werden gezählt — richtiges Ziel anklicken zum Fortfahren"}]},
  DSC:{name:"DIGIT-SYMBOL-KODIERUNG",body:"Ein Schlüssel verbindet jede Ziffer 1–9 mit einem eindeutigen Symbol. Fügen Sie das entsprechende Symbol so schnell wie möglich ein. 90-Sekunden-Aufgabe — klassisches Maß für Verarbeitungsgeschwindigkeit (WAIS-IV).",rules:[{key:"AUSwÄHLEN",desc:"Symbol in der Palette anklicken um es auszuwählen"},{key:"EINfÜGEN",desc:"Leeres Feld anklicken um Symbol einzufügen"},{key:"TASTEN 1–9",desc:"Zifferntaste drücken um Symbol schnell auszuwählen"},{key:"ZEIT",desc:"90-Sekunden-Limit — von links nach rechts so schnell wie möglich"}]},
  PNT:{name:"BILDBENENNUNG",body:"Eine detaillierte Illustration eines gebräuchlichen Objekts erscheint. Benennen Sie es so schnell und genau wie möglich laut. Die Spracherkennung bewertet Ihre Antwort.",rules:[{key:"SPRECHEN",desc:"Das Objekt laut so schnell wie möglich benennen"},{key:"MIKROFON",desc:"Mikrofon-Schaltfläche anklicken um Aufnahme zu starten"},{key:"BEWERTUNG",desc:"Korrekt wenn Antwort mit Zielname oder Synonym übereinstimmt"}]},
  MRT:{name:"MENTALE ROTATION",body:"Zwei 3D-Würfelstrukturen erscheinen nebeneinander. Entscheiden Sie, ob sie dieselbe Form in einem anderen Winkel oder Spiegelbilder sind. Die RZ nimmt mit dem Rotationswinkel zu.",rules:[{key:"F / LEERTASTE",desc:"GLEICH — gleiche Form, anderer Winkel"},{key:"J",desc:"VERSCHIEDEN — Spiegelbild"},{key:"ROTATION",desc:"Langsamere RZ = größerer Rotationswinkel"}]},
  FLANKER:{name:"ERIKSEN-FLANKER",body:"Pfeile erscheinen in einer Reihe. Reagieren Sie auf die Richtung des MITTLEREN Pfeils und ignorieren Sie die Flanker-Pfeile. Inkongruente Versuche (entgegengesetzte Flanker) sind langsamer.",rules:[{key:"F / LEERTASTE",desc:"LINKS — mittlerer Pfeil zeigt nach links"},{key:"J",desc:"RECHTS — mittlerer Pfeil zeigt nach rechts"},{key:"IGNORIEREN",desc:"Flanker-Pfeile ignorieren"},{key:"INKONGRUENT",desc:"Entgegengesetzte Flanker — langsamer, mehr Fehler"}]},
  STOP:{name:"STOP-SIGNAL",body:"Reagieren Sie auf Links/Rechts-Pfeile so schnell wie möglich. Bei ~25 % der Versuche ertönt ein Stopsignal — halten Sie die Reaktion zurück. Die SSRT misst die Geschwindigkeit der inhibitorischen Kontrolle.",rules:[{key:"F / LEERTASTE",desc:"Auf LINKS-Pfeil reagieren"},{key:"J",desc:"Auf RECHTS-Pfeil reagieren"},{key:"STOP",desc:"Stopsignal — Reaktion sofort zurückhalten"},{key:"GESCHWINDIGKEIT",desc:"So schnell wie möglich reagieren"}]},
  STROOP:{name:"STROOP-FARBE-WORT",body:"Misst selektive Aufmerksamkeit und kognitive Kontrolle. Ein Farbwort erscheint in kongruenter, inkongruenter oder neutraler Tinte. Reagieren Sie auf die TINTENFARBE — ignorieren Sie das Wort.",rules:[{key:"F / G / H / J",desc:"TINTENFARBE: F=Rot · G=Grün · H=Blau · J=Gelb"},{key:"WORT IGNORIEREN",desc:"Das gedruckte Wort ist ein Distraktor"},{key:"KONGRUENT",desc:"Wort und Farbe stimmen überein — schneller"},{key:"INKONGRUENT",desc:"Konflikt Wort/Farbe — zeigt Stroop-Interferenz"}]},
  DST:{name:"ZIFFERNSPANNE",body:"Misst die Kapazität des verbalen Arbeitsgedächtnisses. Ziffernfolgen werden einzeln präsentiert. Vorwärts: in gleicher Reihenfolge wiederholen. Rückwärts: in umgekehrter Reihenfolge.",rules:[{key:"BEOBACHTEN",desc:"Ziffern erscheinen einzeln"},{key:"VORWÄRTS",desc:"Ziffern in GLEICHER Reihenfolge wiederholen"},{key:"RÜCKWÄRTS",desc:"Ziffern in UMGEKEHRTER Reihenfolge wiederholen"},{key:"BESTÄTIGEN",desc:"✓ oder Enter drücken wenn Folge vollständig"}]},
  FTT:{name:"FINGER-TAPPING",body:"Misst motorische Geschwindigkeit und Koordination. Drei Subtests: dominante Hand, nicht-dominante Hand und Alternieren (F dann J). Jeder Subtest: drei 10-Sekunden-Versuche. Nach Halstead-Reitan.",rules:[{key:"DOMINANT: LEERTASTE/F",desc:"Dominante Hand — so schnell wie möglich tippen"},{key:"NICHT-DOM.: LEERTASTE/J",desc:"Nicht-dominante Hand — gleich, andere Hand"},{key:"ALT.: F dann J",desc:"Strenge Links-Rechts-Abfolge, F dann J"},{key:"10 SEKUNDEN",desc:"Jeder Versuch dauert 10 Sekunden"}]},
  N400:{name:"N400 SEMANTISCHES PRIMING",body:"Ein Satz erscheint Wort für Wort. Das letzte Wort passt natürlich in den Satz (kongruent) oder ist semantisch inkongruent. Entscheiden Sie, ob das letzte Wort in den Kontext passt.",rules:[{key:"F / LEERTASTE",desc:"PASST — das letzte Wort ist kohärent"},{key:"J",desc:"PASST NICHT — das letzte Wort ist inkongruent"},{key:"LESEN",desc:"Jedes Wort aufmerksam lesen"},{key:"GESCHWINDIGKEIT",desc:"So schnell und genau wie möglich antworten"}]},
  MMN:{name:"MISMATCH-NEGATIVITÄT",body:"Passives auditives Oddball-Paradigma — keine Reaktion erforderlich. Ein Strom von Standard-Tönen wird mit seltenen Abweichungen gespielt. Die MMN spiegelt präattentive auditive Diskrimination wider. Einfach zuhören.",rules:[{key:"PASSIV",desc:"Keine Reaktion erforderlich — nur zuhören"},{key:"STANDARD",desc:"Häufiger Ton — die meisten Töne"},{key:"ABWEICHUNG",desc:"Seltener Ton anderer Frequenz — elizitiert MMN"}]},
  P600:{name:"P600 SYNTAKTISCH",body:"Sätze erscheinen Wort für Wort. Das letzte Wort vervollständigt den Satz korrekt oder enthält eine syntaktische Verletzung. Entscheiden Sie, ob der Satz grammatikalisch korrekt ist.",rules:[{key:"F / LEERTASTE",desc:"KORREKT — grammatikalisch korrekt"},{key:"J",desc:"FALSCH — enthält eine syntaktische Verletzung"},{key:"GESCHWINDIGKEIT",desc:"So schnell und genau wie möglich antworten"}]},
  ERN:{name:"FEHLER-NEGATIVITÄT",body:"Schnelle Wahlaufgabe: auf den mittleren Pfeil in 500 ms reagieren. Fehler sind bei dieser Geschwindigkeit unvermeidlich. Die ERN spiegelt die Fehlerkontrolle des anterioren cingulären Kortex wider.",rules:[{key:"F / LEERTASTE",desc:"LINKS — Pfeil zeigt nach links"},{key:"J",desc:"RECHTS — Pfeil zeigt nach rechts"},{key:"GESCHWINDIGKEIT",desc:"In 500 ms reagieren — Fehler sind Teil des Paradigmas"}]},
  CNV:{name:"KONTINGENTE NEGATIVE VARIATION",body:"Ein Warnton (S1) signalisiert, dass ein imperatives Stimulus (S2) nach einem festen Intervall folgt. Auf S2 mit LEERTASTE reagieren. Bei Catch-Versuchen (kein S2) Reaktion zurückhalten.",rules:[{key:"S1 (Ton)",desc:"Warnsignal — ein kurzer Ton"},{key:"S2 (Kreis)",desc:"Imperatives Stimulus — so schnell wie möglich LEERTASTE drücken"},{key:"CATCH-VERSUCH",desc:"Einige Versuche ohne S2 — Reaktion zurückhalten"},{key:"LEERTASTE",desc:"Einzige gültige Antworttaste"}]}
};
const PARADIGMS_ZH={
  GNG:{name:"去/不去",body:"去/不去任务测量反应抑制能力——抹制主导行为的能力。每个试次中，一个刺激出现在中央。对“去”刺激（●）快速反应，对“不去”刺激（○）抹制反应。",rules:[{key:"F / 空格键",desc:"去——对目标刺激反应"},{key:"J",desc:"不去——抑制反应"},{key:"●（实心）",desc:"去——尽快反应"},{key:"○（空心）",desc:"不去——不要反应"},{key:"超时",desc:"1.5秒内无反应计为抑制"},{key:"比例",desc:"70 %去试次 · 30 %不去试次"}]},
  NBACK:{name:"N退后（1退后）",body:"N退后任务测量工作记忆更新能力。每个试次出现一个字母。判断当前字母是否与前一个试次的字母相同。",rules:[{key:"F / 空格键",desc:"匹配——字母与N步前匹配"},{key:"J",desc:"不匹配——字母不匹配"},{key:"第一试次",desc:"无正确答案——仅观察字母"},{key:"比例",desc:"~35 %试次为匹配"}]},
  SPATIAL:{name:"空间注意",body:"测量视空间处理和选择性注意能力。每个试次，3×3网格中的一个格子会被高亮显示。尽快准确地点击高亮格子。",rules:[{key:"点击",desc:"尽快点击高亮格子"},{key:"准确性",desc:"点击错误格子计为错误"},{key:"超时",desc:"1.5秒内无反应计为漏报"}]},
  POSNER:{name:"波斯纳线索范式",body:"测量隐性空间注意。一个线索将注意引向目标可能出现的位置。有效线索试次反应更快表明注意收益。",rules:[{key:"空格键 / F",desc:"目标出现时反应"},{key:"内源性",desc:"中心箭头——自愿注意转移"},{key:"外源性",desc:"外周闪光——自动捕获"},{key:"收益",desc:"收益 = 无效线索RT - 有效线索RT"}]},
  VRT:{name:"视觉识别",body:"测量视觉情节记忆。学习阶段展示抽象几何图案。经保留间隔后，出现一对图案——一个学过的和一个新的。详分辨学过的图案。",rules:[{key:"学习",desc:"观察图案矩阵——每组图案劁4秒"},{key:"测试",desc:"出现两个图案——点击学过的那个"},{key:"指标",desc:"命中率、虚报警率、d’和RT"}]},
  CSR:{name:"对比度翻转",body:"棋盘图案不断地以固定频率翻转极性。大多数翻转是标准的。少数为目标翻转——旋轣45°持续一个周期。尽快反应。",rules:[{key:"空格键",desc:"检测到目标（45°旋转）翻转时按下"},{key:"观察",desc:"棋盘持续翻转——保持中心注视"},{key:"标准",desc:"大多数翻转是标准的——不要反应"},{key:"目标",desc:"偶尔的旋轤45°——立即按空格键"}]},
  P300:{name:"聽觉P300",body:"聽觉奇异范式引发P300脑电成分。频繁的标准音调中夹杂着少数奇异音。检测奇异音并按空格键。标准音：1000 Hz；奇异音：2000 Hz，概獴1 20 %。",rules:[{key:"空格键",desc:"听到稀有（高频）音调时按下"},{key:"标准音",desc:"1000 Hz（频繁）——不要反应"},{key:"奇异音",desc:"2000 Hz（稀有，20 %）——按空格键"},{key:"耳机",desc:"建议使用耳机以获得最佳频率辨别效果"}]},
  STB:{name:"史特恩堡记忆",body:"测量语言工作记忆扫描速度。字母集合每次一个展示，每个1秒。保留间隔后，出现一个探测字母。如果它在集合中就回答是。",rules:[{key:"F / 空格键",desc:"是——探测字母在集合中"},{key:"J",desc:"否——探测字母不在集合中"},{key:"学习",desc:"字母每次一个出现——每个1秒"},{key:"速度",desc:"尽快准确地回答"}]},
  WCST:{name:"卡片分类（WCST）",body:"基于威斯康星卡片分类测验。刺激卡片必须按照规则匹配目标卡片——颜色、形状或数量。规则从不告知，连续10次正确后默默改变。",rules:[{key:"点击",desc:"点击目标卡片将刺激卡片分类"},{key:"规则",desc:"三种可能规则：颜色 · 形状 · 符号数量"},{key:"转换",desc:"连续10次正确后默默改变规则"},{key:"持续错误",desc:"转换后仍按旧规则分类即为持续错误"}]},
  RECALL:{name:"自由回忆",body:"测量情节记忆的编码和提取。学习阶段逐一展示常用词语。经过算术分心任务后，尽可能多地写出记得的词语，顺序不限。",rules:[{key:"输入 + 回车",desc:"输入每个记得的词并按回车"},{key:"学习",desc:"仔细阅读每个词——每个2秒"},{key:"分心",desc:"进行心算任务30秒"},{key:"回忆",desc:"写出记得的词语—— 90秒"}]},
  TMT:{name:"追踪制作测验",body:"按顺序连接编号和字母圆圈。A部分测量处理速度；B部分测量认知灵活性。",rules:[{key:"点击",desc:"尽快按正确顺序点击圆圈"},{key:"A部分",desc:"按升序连接数字 1→2→3…"},{key:"B部分",desc:"交替：1→A→2→B→3→C…"},{key:"错误",desc:"统计错误——点击正确目标继续"}]},
  DSC:{name:"数字符号编码",body:"一个密锐将1−9个数字分别对应一个独特符号。尽快填入对应符号。计时90秒——处理速度的经典指标（WAIS-IV）。",rules:[{key:"选择",desc:"点击图语符号第选择"},{key:"填入",desc:"点击空白格子填入符号"},{key:"1–9键",desc:"按数字键快速选择符号"},{key:"时间",desc:"90秒限时——从左到右尽快完成"}]},
  PNT:{name:"图片命名",body:"屏幕上出现一幅常见物品的插图。尽快大声准确地命名。语音识别评分并记录反应时间。",rules:[{key:"说话",desc:"尽快大声说出物品名称"},{key:"麦克风",desc:"点击麦克风按钮开始录音"},{key:"评分",desc:"回答与目标名称或近义词匹配则得分"}]},
  MRT:{name:"心理旋转",body:"两个3D方块结构并排出现。判断它们是同一形状的不同角度，还是镜像。反应时间随旋转角度增大。",rules:[{key:"F / 空格键",desc:"相同——同一形状，不同角度"},{key:"J",desc:"不同——镜像"},{key:"旋转",desc:"RT越慢 = 旋转角度越大"}]},
  FLANKER:{name:"徧世处岗侧制干扰范式",body:"箭头排成一行。对中间箭头的方向作出反应，忽略侧面箭头。不一致试次（相反侧杠）反应更慢。",rules:[{key:"F / 空格键",desc:"左——中间箭头指左"},{key:"J",desc:"右——中间箭头指右"},{key:"忽略",desc:"忽略侧面箭头"},{key:"不一致",desc:"相反侧杠——更慢，更多错误"}]},
  STOP:{name:"停止信号",body:"尽快对左/右箭头作出反应。约 25 %的试次会发出停止信号——抑制反应。SSRT测量抑制控制速度。",rules:[{key:"F / 空格键",desc:"对左箭头作出反应"},{key:"J",desc:"对右箭头作出反应"},{key:"停止",desc:"停止信号——立即抑制反应"},{key:"速度",desc:"尽快反应"}]},
  STROOP:{name:"色-词干扰范式",body:"测量选择性注意和认知控制。一个颜色词以一致、不一致或中性的颜色呈现。对墙底颜色作出反应——忽略文字。",rules:[{key:"F / G / H / J",desc:"墙底颜色：F=红 · G=绿 · H=蓝 · J=黄"},{key:"忽略文字",desc:"文字内容是干扰项"},{key:"一致",desc:"文字和颜色匹配——更快"},{key:"不一致",desc:"文字和颜色冲突——揭示Struoop干扰效应"}]},
  DST:{name:"数字幅度",body:"测量语言工作记忆容量。数字序列逐一呈现。正向：以相同顺序重复。逆向：以逆序重复。得分为最长正确序列。",rules:[{key:"观察",desc:"数字逐一出现"},{key:"正向",desc:"以相同顺序重复数字"},{key:"逆向",desc:"以逆序重复数字"},{key:"确认",desc:"序列完成后按✓或回车"}]},
  FTT:{name:"手指敲击测验",body:"测量运动速度和协调性。三个子测试：惯用手、非惯用手和交替（F然后J）。每个子测试三个10秒试次。基于Halstead-Reitan。",rules:[{key:"惯用手：空格/F",desc:"惯用手——尽快敲击"},{key:"非惯用：空格/J",desc:"非惯用手——同上，用另一手"},{key:"交替：F然后J",desc:"严格左右交替，F然后J"},{key:"10秒",desc:"每个试次持续10秒"}]},
  N400:{name:"N400语义启动",body:"句子逐词出现。最后一个词自然地属于语境（一致）或语义不符（不一致）。判断最后一词是否符合语境。",rules:[{key:"F / 空格键",desc:"符合——最后一词是连贯的"},{key:"J",desc:"不符合——最后一词语义不符"},{key:"阅读",desc:"仔细阅读每个词"},{key:"速度",desc:"尽快准确地作出反应"}]},
  MMN:{name:"失配负波",body:"被动听觉奇异范式——不需要反应。标准音调小流中夯杂着少数偏差音。MMN反映前注意听觉辨别。只需耶听即可。",rules:[{key:"被动",desc:"不需要反应——只需耶听"},{key:"标准",desc:"频繁音调——大多数音调"},{key:"偏差",desc:"不同频率的稀有音调——引发MMN"}]},
  P600:{name:"P600句法",body:"句子逐词出现。最后一词语法正确或包含句法违规。判断句子语法是否正确。",rules:[{key:"F / 空格键",desc:"正确——语法正确"},{key:"J",desc:"错误——包含句法违规"},{key:"速度",desc:"尽快准确地作出反应"}]},
  ERN:{name:"错误相关负波",body:"快速选择任务：在500 毫秒内对中间箭头作出反应。在此速度下错误不可避免。ERN反映前额叶错误监控。",rules:[{key:"F / 空格键",desc:"左——箭头指左"},{key:"J",desc:"右——箭头指右"},{key:"速度",desc:"在500 毫秒内反应——错误是范式的一部分"}]},
  CNV:{name:"事件相关负波",body:"警告音（S1）提示将在固定间隔后出现命令刺激（S2）。对S2按空格键反应。无S2的抓捕试次需抑制反应。",rules:[{key:"S1（音调）",desc:"警告信号——短暂音调"},{key:"S2（圆圈）",desc:"命令刺激——尽快按空格键"},{key:"抓捕试次",desc:"部分试次无S2——抑制反应"},{key:"空格键",desc:"唯一有效的反应键"}]}
};
const PARADIGMS_JA={
  GNG:{name:"GO/NO-GO",body:"GO/NO-GOタスクは反応抑制力を測定します。各試行で刺激が中央に表示されます。GO刺激（●）にはすばやく反応し、NO-GO刺激（○）には反応を抑制してください。",rules:[{key:"F / スペース",desc:"GO—ターゲットに反応する"},{key:"J",desc:"NO-GO—反応を抑制する"},{key:"●（実心）",desc:"GO—できるだけ早く反応する"},{key:"○（空心）",desc:"NO-GO—反応しない"},{key:"タイムアウト",desc:"1.5秒内に反応なしは抑制とみなされる"},{key:"比率",desc:"70 %ゴー試行 · 30 %ノーゴー試行"}]},
  NBACK:{name:"Nバック（1バック）",body:"Nバックタスクはワーキングメモリの更新を測定します。各試行で文字が表示されます。現在の文字が1試行前の文字と一致するか判断してください。",rules:[{key:"F / スペース",desc:"一致—N步前と一致する"},{key:"J",desc:"不一致—一致しない"},{key:"最初の試行",desc:"正解なし—文字を観察するだけ"},{key:"一致率",desc:"~35 %の試行が一致"}]},
  SPATIAL:{name:"空間注意",body:"視空間処理と選択的注意を測定します。各試行でグリッド3×3のセルがハイライトされます。できるだけ早く正確にクリックしてください。",rules:[{key:"クリック",desc:"ハイライトされたセルをできるだけ早くクリック"},{key:"正確さ",desc:"誤ったセルのクリックはエラー"},{key:"タイムアウト",desc:"1.5秒内に反応なしはミスと記録"}]},
  POSNER:{name:"ポズナーパラダイム",body:"陰性空間注意を測定します。キューがターゲットの場所へ注意を導きます。有効試行でのRTが短いことが注意の恒恒を示します。",rules:[{key:"スペース/F",desc:"ターゲットが表示されたら反応する"},{key:"内発性",desc:"中央矢印—自発的注意移動"},{key:"外発性",desc:"周辺の点滅—自動的捕捉"},{key:"受益",desc:"受益 = 無効RT - 有効RT"}]},
  VRT:{name:"視覚認識",body:"視覚エピソード記憶を測定します。学習フェーズで抽象幾何学的パターンを表示。保持期間後、学習済みと新規のパターンのペアが出現します。",rules:[{key:"学習",desc:"パターンの行列を見る—セットごとに4秒"},{key:"テスト",desc:"2つのパターンが出てくる—学習した方をクリック"},{key:"指標",desc:"正解率、虚報率、d’、RT"}]},
  CSR:{name:"コントラスト反転",body:"チェックボードパターンが一定の速度で極性を反転し続けます。ほとんどは標準反転ですが、一部がターゲット（45°回転）です。できるだけ早く反応してください。",rules:[{key:"スペース",desc:"ターゲット反転（45°回転）を検出したら押す"},{key:"観察",desc:"チェックボードは続けて反転—中央定位を保つ"},{key:"標準",desc:"ほとんどの反転は標準—反応しない"},{key:"ターゲット",desc:"時おり45°回転—すぐスペースを押す"}]},
  P300:{name:"聴覚的P300",body:"聴覚オッドボールパラダイムはP300脆波成分を導出します。頻繁な標準音の中にまれなオッドボール音が混在します。オッドボール音を検出してスペースを押してください。標準音:1000 Hz；オッドボール:2000 Hz、出現確率20 %。",rules:[{key:"スペース",desc:"まれな（高音）音が聞こえたら押す"},{key:"標準音",desc:"1000 Hz（頻繁）—反応しない"},{key:"オッドボール",desc:"2000 Hz（まれ、20 %）—スペースを押す"},{key:"ヘッドフォン",desc:"周波数判別のためヘッドフォンを使用"}]},
  STB:{name:"スターンバーグ記憶",body:"言語的ワーキングメモリの検索速度を測定します。文字セットが1度に1文字ずつ表示されます、1秒ごと。保持期間後、プローブ文字が出ます。セットにあればYESと答えてください。",rules:[{key:"F / スペース",desc:"YES—プローブ文字はセットにある"},{key:"J",desc:"NO—プローブ文字はセットにない"},{key:"学習",desc:"文字は1度に1つ—、1秒かけて"},{key:"速度",desc:"できるだけ早く正確に答える"}]},
  WCST:{name:"カード分類（WCST）",body:"ウィスコンシンカード分類テストに基づくタスクです。刺激カードをルール（色・形・数）に従ってターゲットカードに属すける。ルールは明示されず、正解、1×10回後に默默と変わります。",rules:[{key:"クリック",desc:"ターゲットカードをクリックして分類"},{key:"ルール",desc:"可能な30ルール：色 · 形 · 数"},{key:"シフト",desc:"連続10回正解後に默默とルール変更"},{key:"保持適応エラー",desc:"ルール変更後に古いルールを使い続けるのが保持適応エラー"}]},
  RECALL:{name:"自由御答え",body:"エピソード記憶の符号化と検索を測定します。学習フェーズで一般的な単語リストを一つずつ表示。分散課題の後、おほえている単語をできるだけ多く入力してください。",rules:[{key:"入力 + Enter",desc:"思い出した単語を入力してEnterを押す"},{key:"学習",desc:"各単語を注意深く読む—各2秒"},{key:"分散",desc:"演算問題ど30秒間解く"},{key:"御答え",desc:"思い出した単語を入力—ʐ秒間"}]},
  TMT:{name:"トレイルメイキングテスト",body:"番号と文字の円を順番に結びます。Part Aは処理速度、Part Bは認知的柔軟性を測定。",rules:[{key:"クリック",desc:"正しい順番で円をクリック"},{key:"Part A",desc:"数字1→2→3…を昇順に結ぶ"},{key:"Part B",desc:"交互に：1→A→2→B→3→C…"},{key:"エラー",desc:"エラー数を記録—正しいターゲットをクリックして続行"}]},
  DSC:{name:"数字記号置換",body:"キーが数字1～9をユニークな記号に対応させます。対応する記号をできるだけ早く入力してください。初時間90秒—処理速度の古典的指標（WAIS-IV）。",rules:[{key:"選択",desc:"パレットの記号をクリックして選択"},{key:"入力",desc:"空白のボックスをクリックして記号を入力"},{key:"1～9キー",desc:"数字キーを押して記号を素早く選択"},{key:"時間",desc:"90秒制限—左から右へできるだけ早く"}]},
  PNT:{name:"図独命名",body:"一般的な物体の詳細なイラストが表示されます。できるだけ早く正確に大声で命名してください。音声認識が応答を採点します。",rules:[{key:"話す",desc:"できるだけ早く大声で物体を命名"},{key:"マイク",desc:"マイクボタンをクリックして録音開始"},{key:"採点",desc:"応答が目標名または同義語と一致すると正解"}]},
  MRT:{name:"メンタルローテーション",body:"2つの3Dブロック構造が並んで表示されます。同じ形を別の角度で回転させたものか、鏡山像か判断してください。RTは回転角度と共に増加します。",rules:[{key:"F / スペース",desc:"同じ—同じ形、別の角度"},{key:"J",desc:"違う—鏡山像"},{key:"回転",desc:"RTが遅いと回転角度が大きい"}]},
  FLANKER:{name:"エリクセンフランカー",body:"矢印が一列に表示されます。フランカー矢印を無視して中央の矢印の向きに応答してください。不一致試行（反対向きのフランカー）はRTが遅いです。",rules:[{key:"F / スペース",desc:"左—中央矢印が左向き"},{key:"J",desc:"右—中央矢印が右向き"},{key:"無視",desc:"フランカー矢印を無視"},{key:"不一致",desc:"反対向きのフランカー—遅い、エラー多い"}]},
  STOP:{name:"ストップシグナル",body:"左/右の矢印にできるだけ早く応答してください。~25 %の試行でストップ信号が鳴ります—応答を抑制してください。SSRTは抑制制御の速度を示します。",rules:[{key:"F / スペース",desc:"左矢印に応答"},{key:"J",desc:"右矢印に応答"},{key:"ストップ",desc:"ストップ信号—応答をすぐに抑制"},{key:"速度",desc:"できるだけ早く応答"}]},
  STROOP:{name:"ストループ色-单語",body:"選択的注意と認知的制御を測定します。色彩单語が一致、不一致、または中立のインク色で表示されます。単語ではなくインクの色に応答してください。",rules:[{key:"F / G / H / J",desc:"インク色：F=赤 · G=緑 · H=青 · J=黄"},{key:"単語は無視",desc:"印刷された単語は妙害要因"},{key:"一致",desc:"単語と色が一致—暗い"},{key:"不一致",desc:"単語と色が矛盾—ストループ干渉効果"}]},
  DST:{name:"数字スパン",body:"言語的ワーキングメモリの容量を測定します。数字の列が1つずつ表示されます。順向き：同じ順序で繰り返す。逆向き：逆順で繰り返す。スコアは正解最長列。",rules:[{key:"観察",desc:"数字は1つずつ表示"},{key:"順向き",desc:"数字を同じ順序で繰り返す"},{key:"逆向き",desc:"数字を逆順で繰り返す"},{key:"確認",desc:"列が完成したら✓またはEnterを押す"}]},
  FTT:{name:"指たたき",body:"運動速度と協調性を測定します。サブテスト：利き手、非利き手、交互（F後J）。各サブテスト：10秒の試行。3回。Halstead-Reitanに基づく。",rules:[{key:"利き手：スペース/F",desc:"利き手—できるだけ早くたたく"},{key:"非利き：スペース/J",desc:"非利き手—同じ、別の手"},{key:"交互：F後J",desc:"厳密な左右交互、F後J"},{key:"10秒",desc:"各試行10秒間"}]},
  N400:{name:"N400意味プライミング",body:"文章が単語ごとに表示されます。最後の単語が文脈に自然に合っている（一致）か、意味的に不自然（不一致）か判断してください。",rules:[{key:"F / スペース",desc:"合う—最後の単語は一貫している"},{key:"J",desc:"合わない—最後の単語は意味的に不自然"},{key:"読む",desc:"各単語を注意深く読む"},{key:"速度",desc:"できるだけ早く正確に応答"}]},
  MMN:{name:"ミスマッチネガティビティ",body:"受動的聴覚オッドボール—応答不要。標準音の流れにまれな逸脱音が混在。MMNは前注意的な聴覚判別を反映します。ただ聞いているだけでよいです。",rules:[{key:"受動的",desc:"応答不要—いて聞くだけ"},{key:"標準",desc:"頻繁音—ほとんどの音"},{key:"逸脱",desc:"別の周波数のまれな音—MMNを導出"}]},
  P600:{name:"P600構文論的",body:"文章が単語ごとに表示されます。最後の単語が文法的に正しいか、小語山構造違反を含むか判断してください。",rules:[{key:"F / スペース",desc:"正しい—文法的に正しい"},{key:"J",desc:"間違い—小語山構造違反を含む"},{key:"速度",desc:"できるだけ早く正確に応答"}]},
  ERN:{name:"誤り関連負波",body:"素早い選択課題：500 ms以内に中央の矢印に応答。この速度ではエラーは避けられません。ERNは前部帯状回のエラー監視を反映します。",rules:[{key:"F / スペース",desc:"左—矢印が左向き"},{key:"J",desc:"右—矢印が右向き"},{key:"速度",desc:"500 ms以内に応答—エラーはパラダイムの一部"}]},
  CNV:{name:"共高性負変動",body:"警告音（S1）が一定間隔後に命令刺激（S2）が出ることを示します。S2に応答してスペースを押してください。キャッチ試行（S2なし）では応答を抑制してください。",rules:[{key:"S1（音）",desc:"警告信号—短い音"},{key:"S2（丸）",desc:"命令刺激—できるだけ早くスペースを押す"},{key:"キャッチ試行",desc:"S2のない試行—応答を抑制"},{key:"スペース",desc:"唯一の有効応答キー"}]}
};
const PARADIGMS_PT={
  GNG:{name:"VAI / NÃO VAI",body:"A tarefa Go/No-Go mede a inibição de resposta — sua capacidade de suprimir uma ação prepotente. Um estímulo aparece no centro a cada tentativa. Responda rapidamente aos estímulos Go (●) e retenha toda resposta aos estímulos No-Go (○).",rules:[{key:"F / ESPAÇO",desc:"VAI — responder ao estímulo alvo"},{key:"J",desc:"NÃO VAI — reter a resposta"},{key:"● (preenchido)",desc:"VAI — responder o mais rápido possível"},{key:"○ (vazio)",desc:"NÃO VAI — não responder"},{key:"TEMPO",desc:"Sem resposta em 1,5 s conta como retenção"},{key:"PROPORÇÃO",desc:"70 % tentativas Go · 30 % tentativas No-Go"}]},
  NBACK:{name:"N-DE-VOLTA (1-de-volta)",body:"A tarefa N-De-Volta mede a atualização da memória de trabalho. Uma letra aparece em cada tentativa. Decida se a letra atual corresponde à apresentada exatamente uma tentativa atrás.",rules:[{key:"F / ESPAÇO",desc:"CORRESPONDÊNCIA — a letra corresponde a N passos atrás"},{key:"J",desc:"SEM CORRESPONDÊNCIA — a letra não corresponde"},{key:"PRIMEIRA TENTATIVA",desc:"Não há resposta correta possível — apenas observe"},{key:"TAXA",desc:"~35 % das tentativas são correspondências"}]},
  SPATIAL:{name:"ATENÇÃO ESPACIAL",body:"Mede o processamento visuoespacial e a atenção seletiva. Em cada tentativa, uma célula de uma grade 3×3 é destacada. Clique na célula destacada o mais rápido e preciso possível.",rules:[{key:"CLIQUE",desc:"Clique na célula destacada o mais rápido possível"},{key:"PRECISÃO",desc:"Clicar na célula errada conta como erro"},{key:"TEMPO",desc:"Sem resposta em 1,5 s é registrado como omissão"}]},
  POSNER:{name:"PARADIGMA POSNER",body:"Mede a atenção espacial encoberta. Uma pista direciona a atenção para o local provável de um alvo. TRs mais rápidos em tentativas válidas revelam o benefício atencional da pista.",rules:[{key:"ESPAÇO / F",desc:"Responder quando o alvo aparecer"},{key:"ENDOGÉNONA",desc:"Seta central — deslocamento voluntário de atenção"},{key:"EXOGÉNONA",desc:"Flash periférico — captura automática e reflexiva"},{key:"BENEFÍCIO",desc:"Benefício = TR inválida − TR válida"}]},
  VRT:{name:"RECONHECIMENTO VISUAL",body:"Mede a memória episódica visual. Padrões geométricos abstratos são apresentados no estudo. Após um intervalo de retenção, pares aparecem — um estudado e um novo. Identifique qual viu.",rules:[{key:"ESTUDO",desc:"Observe a matriz de padrões — 4 segundos por conjunto"},{key:"TESTE",desc:"Dois padrões aparecem — clique no que estudou"},{key:"MÉTRICAS",desc:"Taxa de acertos, alarmes falsos, d’ e TR"}]},
  CSR:{name:"REVERSÃO DE CONTRASTE",body:"Um xadrez inverte sua polaridade em ritmo constante. A maioria das reversões é padrão. Uma pequena proporção são reversões ALVO — uma rotação de 45° por um ciclo. Responda o mais rápido possível.",rules:[{key:"ESPAÇO",desc:"Pressione ao detectar uma reversão ALVO (girada)"},{key:"OBSERVE",desc:"O xadrez reversa continuamente — mantenha a fixação"},{key:"PADRÃO",desc:"A maioria das reversões é padrão — NÃO responda"},{key:"ALVO",desc:"Rotação ocasional de 45° — pressione ESPAÇO imediatamente"}]},
  P300:{name:"P300 AUDITIVO",body:"O paradigma oddball auditivo elicita o componente P300. Um fluxo de tons padrão frequentes é apresentado com raros tons oddball intercalados. Detecte o tom oddball e pressione ESPAÇO. Padrão: 1000 Hz; Oddball: 2000 Hz, probabilidade 20 %.",rules:[{key:"ESPAÇO",desc:"Pressione ao ouvir o tom RARO (agudo)"},{key:"PADRÃO",desc:"1000 Hz (frequente) — NÃO responda"},{key:"ODDBALL",desc:"2000 Hz (raro, 20 %) — pressione ESPAÇO"},{key:"FONE",desc:"Use fone de ouvido para melhor discriminação de frequência"}]},
  STB:{name:"MEMÓRIA STERNBERG",body:"Mede a velocidade de busca na memória de trabalho verbal. Um conjunto de letras é apresentado UMA DE CADA VEZ — 1 segundo cada. Após um intervalo de retenção, uma letra sonda aparece. Responda SIM se estava no conjunto.",rules:[{key:"F / ESPAÇO",desc:"SIM — a letra sonda ESTAVA no conjunto"},{key:"J",desc:"NÃO — a letra sonda NÃO estava no conjunto"},{key:"ESTUDO",desc:"Letras aparecem UMA DE CADA VEZ — 1 s cada"},{key:"VELOCIDADE",desc:"Responda o mais rápido e preciso possível"}]},
  WCST:{name:"CLASSIFICAÇÃO DE CARTAS (WCST)",body:"Baseado no Teste de Classificação de Cartas de Wisconsin. Uma carta estímulo deve ser combinada com uma carta alvo segundo uma regra — cor, forma ou número. A regra nunca é informada e muda após 10 classificações corretas consecutivas.",rules:[{key:"CLIQUE",desc:"Clique em uma carta alvo para classificar a carta estímulo"},{key:"REGRAS",desc:"Três regras possíveis: cor · forma · número de símbolos"},{key:"MUDANÇA",desc:"A regra muda silenciosamente após 10 acertos consecutivos"},{key:"PERSEVER.",desc:"Erro perseverativo = usar a regra antiga após a mudança"}]},
  RECALL:{name:"EVOCAÇÃO LIVRE",body:"Mede a codificação e recuperação da memória episódica. Uma lista de palavras comuns é apresentada uma a uma. Após uma tarefa distratora breve, escreva todas as palavras que lembrar em qualquer ordem.",rules:[{key:"DIGITAR + ENTER",desc:"Digite cada palavra lembrada e pressione Enter"},{key:"ESTUDO",desc:"Leia cada palavra com atenção — 2 segundos cada"},{key:"DISTRATOR",desc:"Resolva problemas de aritmética por 30 s"},{key:"EVOCAÇÃO",desc:"Escreva cada palavra lembrada — 90 segundos"}]},
  TMT:{name:"TESTE DE TRILHA",body:"Conecte círculos numerados e com letras em sequência. Parte A: velocidade de processamento. Parte B: flexibilidade cognitiva (alterna números e letras).",rules:[{key:"CLIQUE",desc:"Clique nos círculos na ordem correta o mais rápido possível"},{key:"PARTE A",desc:"Conecte os números 1 → 2 → 3… em ordem crescente"},{key:"PARTE B",desc:"Alterne: 1 → A → 2 → B → 3 → C…"},{key:"ERROS",desc:"Erros são contados — clique no alvo correto para continuar"}]},
  DSC:{name:"CODIFICAÇÃO DÍGITO-SÍMBOLO",body:"Uma chave associa cada dígito de 1 a 9 a um símbolo único. Preencha o símbolo correspondente o mais rápido possível. Tarefa cronometrada de 90 s — medida clássica de velocidade de processamento (WAIS-IV).",rules:[{key:"SELECIONAR",desc:"Clique em um símbolo na paleta para selecioná-lo"},{key:"PREENCHER",desc:"Clique em uma caixa vazia para inserir o símbolo"},{key:"TECLAS 1–9",desc:"Pressione uma tecla numérica para selecionar rapidamente"},{key:"TEMPO",desc:"Limite de 90 s — trabalhe da esquerda para a direita"}]},
  PNT:{name:"NOMEAÇÃO DE FIGURAS",body:"Uma ilustração detalhada de um objeto comum aparece. Nomeie-o em voz alta o mais rápido e preciso possível. O reconhecimento de voz pontua sua resposta.",rules:[{key:"FALE",desc:"Nomeie o objeto em voz alta o mais rápido possível"},{key:"MICROFONE",desc:"Clique no botão do microfone para começar a gravar"},{key:"PONTUAÇÃO",desc:"Correto se a resposta corresponder ao nome alvo ou sinônimo"}]},
  MRT:{name:"ROTAÇÃO MENTAL",body:"Duas estruturas de cubos 3D aparecem lado a lado. Decida se são a mesma forma em ângulo diferente, ou imagens espelhadas. O TR aumenta com o ângulo de rotação.",rules:[{key:"F / ESPAÇO",desc:"IGUAL — mesma forma, ângulo diferente"},{key:"J",desc:"DIFERENTE — imagem espelhada"},{key:"ROTAÇÃO",desc:"TR mais lento = maior ângulo de rotação"}]},
  FLANKER:{name:"FLANKER DE ERIKSEN",body:"Setas aparecem em fileira. Responda à direção da seta CENTRAL ignorando as setas flanqueadoras. Tentativas incongruentes (flanqueadoras opostas) são mais lentas.",rules:[{key:"F / ESPAÇO",desc:"ESQUERDA — a seta central aponta para a esquerda"},{key:"J",desc:"DIREITA — a seta central aponta para a direita"},{key:"IGNORE",desc:"Ignore as setas flanqueadoras"},{key:"INCONGRUENTE",desc:"Flanqueadoras opostas — mais lento, mais erros"}]},
  STOP:{name:"SINAL DE PARADA",body:"Responda a setas esquerda/direita o mais rápido possível. Em ~25 % das tentativas um sinal de parada (bipe) soa — retenha sua resposta. O SSRT mede a velocidade do controle inibitório.",rules:[{key:"F / ESPAÇO",desc:"Responder à seta ESQUERDA"},{key:"J",desc:"Responder à seta DIREITA"},{key:"PARAR",desc:"Sinal de parada — reter a resposta imediatamente"},{key:"VELOCIDADE",desc:"Vou o mais rápido possível"}]},
  STROOP:{name:"STROOP COR-PALAVRA",body:"Mede a atenção seletiva e o controle cognitivo. Uma palavra de cor aparece em tinta congruente, incongruente ou neutra. Responda à COR DA TINTA — ignore a palavra.",rules:[{key:"F / G / H / J",desc:"COR DA TINTA: F=Vermelho · G=Verde · H=Azul · J=Amarelo"},{key:"IGNORE A PALAVRA",desc:"A palavra impressa é um distrator"},{key:"CONGRUENTE",desc:"Palavra e cor iguais — mais rápido"},{key:"INCONGRUENTE",desc:"Conflito palavra/cor — revela interferência Stroop"}]},
  DST:{name:"AMPLITUDE DE DÍGITOS",body:"Mede a capacidade da memória de trabalho verbal. Sequências de dígitos são apresentadas um por um. Para frente: repetir na mesma ordem. Para trás: repetir na ordem inversa.",rules:[{key:"OBSERVE",desc:"Os dígitos aparecem um por um"},{key:"PARA FRENTE",desc:"Repetir os dígitos na MESMA ordem"},{key:"PARA TRÁS",desc:"Repetir os dígitos na ordem INVERSA"},{key:"CONFIRMAR",desc:"Pressione ✓ ou Enter quando a sequência estiver completa"}]},
  FTT:{name:"TAPPING DIGITAL",body:"Mede a velocidade e coordenação motoras. Três subtestes: mão dominante, não dominante e alternado (F depois J). Cada subteste: três ensaios de 10 segundos. Baseado no Halstead-Reitan.",rules:[{key:"DOMINANTE: ESPAÇO/F",desc:"Mão dominante — toque o mais rápido possível"},{key:"NÃO DOM.: ESPAÇO/J",desc:"Mão não dominante — igual, outra mão"},{key:"ALT.: F depois J",desc:"Alternado estrito esquerda-direita, F depois J"},{key:"10 SEGUNDOS",desc:"Cada ensaio dura 10 segundos"}]},
  N400:{name:"N400 PRIMING SEMÂNTICO",body:"Uma frase aparece palavra por palavra. A última palavra encaixa naturalmente (congruente) ou é semanticamente incongruente. Decida se a última palavra se encaixa no contexto.",rules:[{key:"F / ESPAÇO",desc:"ENCAIXA — a última palavra é coerente"},{key:"J",desc:"NÃO ENCAIXA — a última palavra é incongruente"},{key:"LEIA",desc:"Leia cada palavra com atenção"},{key:"VELOCIDADE",desc:"Responda o mais rápido e preciso possível"}]},
  MMN:{name:"NEGATIVIDADE DE INCOMPATIBILIDADE",body:"Paradigma oddball auditivo passivo — nenhuma resposta é necessária. Um fluxo de tons padrão é tocado com raros tons desviantes. A MMN reflete discriminação auditiva pré-atentiva. Apenas ouvi.",rules:[{key:"PASSIVO",desc:"Nenhuma resposta necessária — apenas ouvi"},{key:"PADRÃO",desc:"Tom frequente — a maioria dos tons"},{key:"DESVIANTE",desc:"Tom raro de frequência diferente — elicita a MMN"}]},
  P600:{name:"P600 SINTÁTICO",body:"Frases aparecem palavra por palavra. A última palavra completa a frase corretamente ou contém uma violação sintática. Decida se a frase é gramaticalmente correta.",rules:[{key:"F / ESPAÇO",desc:"CORRETO — gramaticalmente correto"},{key:"J",desc:"INCORRETO — contém violação sintática"},{key:"VELOCIDADE",desc:"Responda o mais rápido e preciso possível"}]},
  ERN:{name:"NEGATIVIDADE RELACIONADA AO ERRO",body:"Tarefa de escolha rápida: responda à seta central em 500 ms. Erros são inevitáveis nessa velocidade. A ERN reflete o monitoramento de erros do córtex cingulado anterior.",rules:[{key:"F / ESPAÇO",desc:"ESQUERDA — seta aponta para a esquerda"},{key:"J",desc:"DIREITA — seta aponta para a direita"},{key:"VELOCIDADE",desc:"Responda EM 500 ms — erros fazem parte do paradigma"}]},
  CNV:{name:"VARIAÇÃO NEGATIVA CONTINGENTE",body:"Um tom de alerta (S1) indica que um estímulo imperativo (S2) aparecerá após um intervalo fixo. Responda ao S2 pressionando ESPAÇO. Em tentativas sem S2, retenha a resposta.",rules:[{key:"S1 (tom)",desc:"Sinal de alerta — um breve som"},{key:"S2 (círculo)",desc:"Estímulo imperativo — pressione ESPAÇO o mais rápido possível"},{key:"TENTATIVA CATCH",desc:"Algumas tentativas sem S2 — retenha a resposta"},{key:"ESPAÇO",desc:"Unica tecla de resposta válida"}]}
};
const TILE_LABELS_ES={GNG:'IR / NO IR',NBACK:'N-ATRÁS',SPATIAL:'ESPACIAL',POSNER:'POSNER',RECALL:'RECUERDO LIBRE',WCST:'CLASIFICACIÓN',VRT:'RECONO. VISUAL',STB:'STERNBERG',TMT:'RASTREO',DSC:'DÍG.-SÍMBOLO',PNT:'DENOMINACIÓN',MRT:'ROT. MENTAL',FLANKER:'FLANKER',STOP:'SEÑAL STOP',STROOP:'STROOP',DST:'AMPLITUD DÍG.',FTT:'GOLPETEO',P300:'P300 AUDITIVO',CSR:'REV. CONTRASTE',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200/NO-IR',N170:'N170 CARAS',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'BEREITSCHAFT',MMNSP:'MMN HABLA',SSVEP:'SSVEP',P50:'P50 GATING',N100:'N100/P200',PVEP:'P100 VISUAL',SCP:'SCP',P3A:'P3a NOVEDAD',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'STROOP EMOC.',TASKSWITCH:'CAMBIO TAREA',DUALTASK:'DOBLE TAREA',ATTBLINK:'PARPADEO ATEN.',SUBITIZE:'SUBITIZACIÓN',LEXDEC:'DEC. LÉXICA',SEMFLUENCY:'FLUENCIA SEM.',PROSMEM:'MEM. PROSP.',SPATWM:'MT ESPACIAL',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'CANCELACIÓN',ABR:'ABR',SYMSEARCH:'BÚSQ. SÍMBOLOS',PHONFLUE:'FLUENCIA FAS',JLO:'ORIENT. LÍNEAS',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'IOWA GAMBLING',TOL:'TORRE DE LONDRES',RMET:'MENTE EN OJOS',P1N1:'P1/N1 ESPACIAL',CNVW:'CNV AVISO',THALPHA:'THETA/ALFA',LRPEXT:'LRP EXTENDIDO',SART:'SART',UFOV:'UFOV',PAL:'APREND. PAR',SRCMEM:'MEM. FUENTE',BNT:'BOSTON NAMING',FER:'EMOCION FACIAL',TOJ:'ORDEN TEMPORAL',MATRIX:'RAZON. MATRIZ',META:'METACOGNICION',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS-TDAH',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};
const TILE_LABELS_FR={GNG:"VA / N'Y VA PAS",NBACK:'N-EN-ARRIÈRE',SPATIAL:'ATTENTION SPATIALE',POSNER:'PARADIGME POSNER',RECALL:'RAPPEL LIBRE',WCST:'TRI DE CARTES',VRT:'RECONN. VISUELLE',STB:'MÉMOIRE STERNBERG',TMT:'TEST DE TRACÉ',DSC:'COD. CHIFFRE-SYMB.',PNT:"DÉNOMINATION D'IMAGES",MRT:'ROTATION MENTALE',FLANKER:'FLANKER ERIKSEN',STOP:'SIGNAL STOP',STROOP:'STROOP',DST:'EMPAN DE CHIFFRES',FTT:'TAPPING DIGITAL',P300:'P300 AUDITIF',CSR:'INVERSION CONTRASTE',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200/NO-GO',N170:'N170 VISAGE',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'POTENTIEL PRÉPAR.',MMNSP:'MMN PAROLE',SSVEP:'SSVEP',P50:'P50 GATING',N100:'N100/P200',PVEP:'P100 VISUEL',SCP:'SCP',P3A:'P3a NOUVEAUTÉ',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'STROOP ÉMOT.',TASKSWITCH:'CHANGEM. TÂCHE',DUALTASK:'DOUBLE TÂCHE',ATTBLINK:'CLIGN. ATTEN.',SUBITIZE:'SUBITISATION',LEXDEC:'DÉC. LEXICALE',SEMFLUENCY:'FLUENCE SÉM.',PROSMEM:'MÉM. PROSPECT.',SPATWM:'MT SPATIALE',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'BARRAGE CHIFFRES',ABR:'ABR',SYMSEARCH:'RECHERCHE SYMB.',PHONFLUE:'FLUENCE FAS',JLO:'ORIENT. LIGNES',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'IOWA GAMBLING',TOL:'TOUR DE LONDRES',RMET:'ESPRIT DANS LES YEUX',P1N1:'P1/N1 SPATIAL',CNVW:'CNV AVERTISS.',THALPHA:'THETA/ALPHA',LRPEXT:'LRP ÉTENDU',SART:'SART',UFOV:'UFOV',PAL:'APP. PAIRES',SRCMEM:'MEM. SOURCE',BNT:'BOSTON NAMING',FER:'EMOTION FACIALE',TOJ:'ORDRE TEMPOREL',MATRIX:'RAISONNEMENT MAT.',META:'METACOGNITION',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS-TDAH',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};
const TILE_LABELS_DE={GNG:'GO / NICHT-GO',NBACK:'N-ZURÜCK',SPATIAL:'RÄUMLICHE AUFM.',POSNER:'POSNER-PARADIGMA',RECALL:'FREIER ABRUF',WCST:'KARTENSORTIERUNG',VRT:'VISUELLE ERKENNUNG',STB:'STERNBERG-GEDÄCHT.',TMT:'TRAIL-MAKING-TEST',DSC:'ZIFFERN-SYMBOL-KOD.',PNT:'BILDBENENNUNG',MRT:'MENTALE ROTATION',FLANKER:'ERIKSEN-FLANKER',STOP:'STOPPSIGNAL',STROOP:'STROOP',DST:'ZAHLENSPEICHE',FTT:'FINGER-TAPPING',P300:'AUDIT. P300',CSR:'KONTRASTUMKEHR',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'KNV',N200:'N200/KEIN-GO',N170:'N170 GESICHT',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'BEREITSCHAFTSPOT.',MMNSP:'MMN SPRACHE',SSVEP:'SSVEP',P50:'P50 GATING',N100:'N100/P200',PVEP:'P100 VISUELL',SCP:'SCP',P3A:'P3a NEUHEIT',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'EMOT. STROOP',TASKSWITCH:'AUFGABENWECHSEL',DUALTASK:'DOPPELAUFGABE',ATTBLINK:'AUFM.-BLINZELN',SUBITIZE:'SUBITISIERUNG',LEXDEC:'LEXIK. ENTSCH.',SEMFLUENCY:'SEM. FLÜSSIGK.',PROSMEM:'PROSP. GEDÄCHT.',SPATWM:'RÄUML. AG',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'ZIFFERNSTREICHEN',ABR:'ABR',SYMSEARCH:'SYMBOLSUCHE',PHONFLUE:'WORTFLÜSSIGK.',JLO:'LINIENORIENT.',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'IOWA GAMBLING',TOL:'TURM VON LONDON',RMET:'MIND IN EYES',P1N1:'P1/N1 RÄUMLICH',CNVW:'CNV WARNSIGNAL',THALPHA:'THETA/ALPHA',LRPEXT:'LRP ERWEITERT',SART:'SART',UFOV:'UFOV',PAL:'PAARLERNEN',SRCMEM:'QUELLENGED.',BNT:'BOSTON BENENNEN',FER:'GESICHTSEMOTION',TOJ:'ZEITL. REIHENFOLGE',MATRIX:'MATRIZENDENKEN',META:'METAKOGNITION',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS-ADHS',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};
const TILE_LABELS_ZH={GNG:'执行/抑制',NBACK:'N-Back',SPATIAL:'空间注意',POSNER:'波斯纳范式',RECALL:'自由回忆',WCST:'卡片分类',VRT:'视觉再认',STB:'斯腾伯格记忆',TMT:'连线测验',DSC:'数字符号编码',PNT:'图片命名',MRT:'心理旋转',FLANKER:'弗兰克任务',STOP:'停止信号',STROOP:'斯特鲁普',DST:'数字广度',FTT:'手指敲击',P300:'听觉P300',CSR:'对比反转',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200/不执行',N170:'N170面孔',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'准备电位',MMNSP:'MMN语音',SSVEP:'SSVEP',P50:'P50门控',N100:'N100/P200',PVEP:'视觉P100',SCP:'慢皮层电位',P3A:'P3a新异',ASSR:'ASSR 40Hz',CPT:'持续注意测试',EMOTSTROOP:'情绪斯特鲁普',TASKSWITCH:'任务切换',DUALTASK:'双任务',ATTBLINK:'注意瞬脱',SUBITIZE:'感知计数',LEXDEC:'词汇判断',SEMFLUENCY:'语义流利性',PROSMEM:'前瞻记忆',SPATWM:'空间工作记忆',MOCA:'MoCA认知筛查',REWP:'奖赏阳性波',DIGCAN:'数字删除',ABR:'听觉脑干反应',SYMSEARCH:'符号搜索',PHONFLUE:'字母流利性',JLO:'线段定向判断',PASAT:'PASAT',RAVLT:'RAVLT词语学习',CVLT:'加州词语学习',IGT:'爱荷华赌博任务',TOL:'伦敦塔',RMET:'读心眼测试',P1N1:'P1/N1空间注意',CNVW:'CNV警告信号',THALPHA:'θ/α振荡',LRPEXT:'LRP扩展',SART:'SART',UFOV:'视野范围',PAL:'配对联想',SRCMEM:'来源记忆',BNT:'波士顿命名',FER:'面部情绪识别',TOJ:'时间顺序判断',MATRIX:'矩阵推理',META:'元认知',PHQ9:'PHQ-9抑郁',GAD7:'GAD-7焦虑',PCL5:'PCL-5创伤',AUDIT:'AUDIT酒精',ASRS:'ASRS成人ADHD',N1P2:'N1-P2听觉',RON:'RON重定向',LAN:'左前负波',CPS:'闭合正移',N2B:'N2b目标',PD:'Pd抑制',ERAN:'音乐句法',LPC:'晚期正成分',FRN:'反馈相关负波',CDA:'对侧延迟活动',LDAEP:'响度依赖',RRN:'运动准备负波',C1:'C1视觉',PMN:'音韵失配负波',VPP:'顶点正电位',PE:'错误正波',ORN:'听觉对象负波',MFN:'额中负波'};
const TILE_LABELS_JA={GNG:'GO/NO-GO',NBACK:'Nバック',SPATIAL:'空間注意',POSNER:'ポスナー課題',RECALL:'自由再生',WCST:'カード分類',VRT:'視覚再認',STB:'スタンバーグ記憶',TMT:'トレイルメイキング',DSC:'数字記号変換',PNT:'絵命名',MRT:'心的回転',FLANKER:'フランカー課題',STOP:'ストップ信号',STROOP:'ストループ',DST:'数字スパン',FTT:'指タッピング',P300:'聴覚P300',CSR:'コントラスト反転',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200/NO-GO',N170:'N170顔',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'準備電位',MMNSP:'MMN音声',SSVEP:'SSVEP',P50:'P50感覚ゲーティング',N100:'N100/P200',PVEP:'視覚P100',SCP:'緩徐皮質電位',P3A:'P3a新奇',ASSR:'ASSR 40Hz',CPT:'持続注意検査',EMOTSTROOP:'感情ストループ',TASKSWITCH:'タスク切替',DUALTASK:'二重課題',ATTBLINK:'注意の瞬き',SUBITIZE:'数量直感',LEXDEC:'語彙判断',SEMFLUENCY:'意味流暢性',PROSMEM:'展望記憶',SPATWM:'空間WM',MOCA:'MoCA認知検査',REWP:'RewP/FRN',DIGCAN:'数字抹消',ABR:'ABR聴性脳幹反応',SYMSEARCH:'記号探し',PHONFLUE:'FAS語流暢性',JLO:'線分方向判断',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'アイオワ賭博課題',TOL:'ロンドン塔',RMET:'心の目テスト',P1N1:'P1/N1空間注意',CNVW:'CNV警告',THALPHA:'シータ/アルファ',LRPEXT:'LRP拡張',SART:'SART',UFOV:'UFOV',PAL:'対連合学習',SRCMEM:'ソース記憶',BNT:'ボストン命名',FER:'表情認識',TOJ:'時間順序判断',MATRIX:'行列推理',META:'メタ認知',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};
const TILE_LABELS_PT={GNG:'IR / NÃO IR',NBACK:'N-DE-TRÁS',SPATIAL:'ATENÇÃO ESPACIAL',POSNER:'PARADIGMA POSNER',RECALL:'EVOCAÇÃO LIVRE',WCST:'CLASSIFICAÇÃO',VRT:'RECONO. VISUAL',STB:'MEMÓRIA STERNBERG',TMT:'TESTE DE TRILHA',DSC:'COD. DÍG.-SÍMBOLO',PNT:'NOMEAÇÃO DE FIGURAS',MRT:'ROTAÇÃO MENTAL',FLANKER:'FLANKER ERIKSEN',STOP:'SINAL DE PARADA',STROOP:'STROOP',DST:'AMPLITUDE DÍG.',FTT:'TAPPING DIGITAL',P300:'P300 AUDITIVO',CSR:'REVERSÃO CONTRASTE',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200/NÃO-IR',N170:'N170 ROSTO',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'POT. PRONTIDÃO',MMNSP:'MMN FALA',SSVEP:'SSVEP',P50:'P50 GATING',N100:'N100/P200',PVEP:'P100 VISUAL',SCP:'SCP',P3A:'P3a NOVIDADE',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'STROOP EMOC.',TASKSWITCH:'TROCA DE TAREFA',DUALTASK:'TAREFA DUPLA',ATTBLINK:'PISCAR ATEN.',SUBITIZE:'SUBITIZAÇÃO',LEXDEC:'DEC. LÉXICA',SEMFLUENCY:'FLUÊNCIA SEM.',PROSMEM:'MEM. PROSP.',SPATWM:'MT ESPACIAL',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'CANCELAMENTO',ABR:'ABR',SYMSEARCH:'BUSCA SÍMBOLOS',PHONFLUE:'FLUÊNCIA FAS',JLO:'ORIENT. LINHAS',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'IOWA GAMBLING',TOL:'TORRE DE LONDRES',RMET:'MENTE NOS OLHOS',P1N1:'P1/N1 ESPACIAL',CNVW:'CNV AVISO',THALPHA:'THETA/ALFA',LRPEXT:'LRP ESTENDIDO',SART:'SART',UFOV:'UFOV',PAL:'APREND. PAR',SRCMEM:'MEM. FONTE',BNT:'BOSTON NAMING',FER:'EMOCAO FACIAL',TOJ:'ORDEM TEMPORAL',MATRIX:'RACIOC. MATRIZ',META:'METACOGNICAO',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS-TDAH',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};

const TILE_LABELS_HE={GNG:'לך / אל-תלך',NBACK:'N-אחורה',SPATIAL:'קשב מרחבי',POSNER:'פוזנר',RECALL:'זיכרון חופשי',WCST:'מיון קלפים',VRT:'זיהוי חזותי',STB:'סטרנברג',TMT:'מבחן עקבות',DSC:'קידוד ספרות',PNT:'מינוי תמונות',MRT:'סיבוב מנטלי',FLANKER:'פלנקר',STOP:'אות עצירה',STROOP:'סטרופ',DST:'טווח ספרות',FTT:'טפיחת אצבע',P300:'P300 שמיעתי',CSR:'היפוך ניגודיות',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200 / אין-ללכת',N170:'N170 פנים',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'פוטנציאל מוכנות',MMNSP:'MMN דיבור',SSVEP:'SSVEP',P50:'P50 שערוּר',N100:'N100/P200',PVEP:'P100 חזותי',SCP:'פוטנציאל גלי',P3A:'P3a חידוש',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'סטרופ רגשי',TASKSWITCH:'החלפת משימה',DUALTASK:'משימה כפולה',ATTBLINK:'פקיעת קשב',SUBITIZE:'ספירה מהירה',LEXDEC:'החלטה לקסיקלית',SEMFLUENCY:'שטף סמנטי',PROSMEM:'זיכרון פרוספקטיבי',SPATWM:'זיכרון מרחבי',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'מחיקת ספרות',ABR:'ABR',SYMSEARCH:'חיפוש סמלים',PHONFLUE:'שטף פונמי',JLO:'שיפוט קווים',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'משחק הימורים',TOL:'מגדל לונדון',RMET:'קריאת עיניים',P1N1:'P1/N1 מרחבי',CNVW:'CNV אזהרה',THALPHA:'תטא/אלפא',LRPEXT:'LRP מורחב',SART:'SART',UFOV:'UFOV',PAL:'למידה זוגית',SRCMEM:'זיכרון מקור',BNT:'בוסטון שיום',FER:'רגש פנים',TOJ:'סדר זמני',MATRIX:'חשיבה מטריצה',META:'מטא-קוגניציה',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};

const TILE_LABELS_AR={GNG:'اذهب / لا تذهب',NBACK:'N-للخلف',SPATIAL:'الانتباه المكاني',POSNER:'بوزنر',RECALL:'استرجاع حر',WCST:'فرز البطاقات',VRT:'تعرف بصري',STB:'ستيرنبرغ',TMT:'اختبار المسار',DSC:'ترميز الأرقام',PNT:'تسمية الصور',MRT:'دوران ذهني',FLANKER:'فلانكر',STOP:'إشارة الإيقاف',STROOP:'ستروب',DST:'مدى الأرقام',FTT:'نقر الأصابع',P300:'P300 سمعي',CSR:'عكس التباين',N400:'N400',MMN:'MMN',P600:'P600',ERN:'ERN',CNV:'CNV',N200:'N200 / لا-تذهب',N170:'N170 الوجه',LRP:'LRP',N2PC:'N2pc',N300:'N300',ELAN:'ELAN',BP:'إمكانية الاستعداد',MMNSP:'MMN كلام',SSVEP:'SSVEP',P50:'P50 بوابة',N100:'N100/P200',PVEP:'P100 بصري',SCP:'إمكانات قشرية',P3A:'P3a جِدَّة',ASSR:'ASSR 40Hz',CPT:'CPT',EMOTSTROOP:'ستروب عاطفي',TASKSWITCH:'تبديل المهام',DUALTASK:'مهمة مزدوجة',ATTBLINK:'رمشة انتباه',SUBITIZE:'تمييز فوري',LEXDEC:'قرار معجمي',SEMFLUENCY:'طلاقة دلالية',PROSMEM:'ذاكرة استشرافية',SPATWM:'ذاكرة مكانية',MOCA:'MoCA',REWP:'RewP/FRN',DIGCAN:'شطب الأرقام',ABR:'ABR',SYMSEARCH:'بحث الرموز',PHONFLUE:'طلاقة صوتية',JLO:'توجيه الخطوط',PASAT:'PASAT',RAVLT:'RAVLT',CVLT:'CVLT',IGT:'مهمة القمار',TOL:'برج لندن',RMET:'قراءة العيون',P1N1:'P1/N1 مكاني',CNVW:'CNV تحذير',THALPHA:'ثيتا/ألفا',LRPEXT:'LRP موسّع',SART:'SART',UFOV:'UFOV',PAL:'تعلم الأزواج',SRCMEM:'ذاكرة المصدر',BNT:'تسمية بوسطن',FER:'مشاعر الوجه',TOJ:'ترتيب زمني',MATRIX:'استدلال المصفوفة',META:'ما وراء المعرفة',PHQ9:'PHQ-9',GAD7:'GAD-7',PCL5:'PCL-5',AUDIT:'AUDIT',ASRS:'ASRS',N1P2:'N1-P2',RON:'RON',LAN:'LAN',CPS:'CPS',N2B:'N2b',PD:'Pd',ERAN:'ERAN',LPC:'LPC',FRN:'FRN',CDA:'CDA',LDAEP:'LDAEP',RRN:'RRN',C1:'C1',PMN:'PMN',VPP:'VPP',PE:'Pe',ORN:'ORN',MFN:'MFN'};

const PARADIGMS_HE={};Object.keys(PARADIGMS).forEach(function(k){PARADIGMS_HE[k]=PARADIGMS[k];});
const PARADIGMS_AR={};Object.keys(PARADIGMS).forEach(function(k){PARADIGMS_AR[k]=PARADIGMS[k];});
const TILE_LABELS_EN={};
const SUBTITLES_LANG={en:'COGNITIVE TASK BATTERY · R12',es:'BATERÍA DE TAREAS COGNITIVAS · R12',fr:'BATTERIE DE TÂCHES COGNITIVES · R12',de:'KOGNITIVE AUFGABENBATTERIE · R12',zh:'认知任务集 · R12',ja:'認知タスクバッテリ · R12',pt:'BATERIA DE TAREFAS COGNITIVAS · R12',he:'סוללת משימות קוגניטיביות · R12',ar:'بطارية المهام المعرفية · R12'};

function setLang(lang){
  currentLang=lang;
  var rtl=(lang==='he'||lang==='ar');
  ['en','es','fr','de','zh','ja','pt','he','ar'].forEach(function(l){
    var b=document.getElementById('btn-lang-'+l);
    if(!b)return;
    var on=l===lang;
    b.style.borderColor=on?'var(--gold)':'#2a4060';
    b.style.color=on?'var(--gold)':'var(--dim)';
    b.style.opacity=on?'1':'0.6';
  });
  // RTL support
  var main=document.getElementById('home');
  if(main){main.style.direction=rtl?'rtl':'ltr';}
  var sub=document.getElementById('home-sub-text');
  if(sub)sub.textContent=SUBTITLES_LANG[lang]||SUBTITLES_LANG.en;
  document.querySelectorAll('.grid-section-label').forEach(function(el){
    var k=el.dataset[lang]||el.dataset.en;
    var s=el.dataset[lang+'Sub']||el.dataset.enSub;
    if(k)el.innerHTML=k+(s?'<span>'+s+'</span>':'');
  });
  var labels=lang==='es'?TILE_LABELS_ES:lang==='fr'?TILE_LABELS_FR:lang==='de'?TILE_LABELS_DE:lang==='zh'?TILE_LABELS_ZH:lang==='ja'?TILE_LABELS_JA:lang==='pt'?TILE_LABELS_PT:lang==='he'?TILE_LABELS_HE:lang==='ar'?TILE_LABELS_AR:TILE_LABELS_EN;
  document.querySelectorAll('.task-tile[data-task]').forEach(function(tile){
    var task=tile.dataset.task;
    var icon=tile.querySelector('.task-icon');
    var iconHTML=icon?icon.outerHTML:'';
    var lbl=labels[task];
    if(lbl)tile.innerHTML=iconHTML+lbl;
  });
}

document.addEventListener('DOMContentLoaded',function(){
  document.querySelectorAll('.task-tile[data-task]').forEach(function(tile){
    var task=tile.dataset.task;
    var icon=tile.querySelector('.task-icon');
    var text=tile.textContent.replace(icon?icon.textContent:'','').trim();
    TILE_LABELS_EN[task]=text;
  });
});

const _origShowIntro2=showIntro;
showIntro=function(task){
  var dict=currentLang==='es'?PARADIGMS_ES:currentLang==='fr'?PARADIGMS_FR:currentLang==='de'?PARADIGMS_DE:currentLang==='zh'?PARADIGMS_ZH:currentLang==='ja'?PARADIGMS_JA:currentLang==='pt'?PARADIGMS_PT:currentLang==='he'?PARADIGMS_HE:currentLang==='ar'?PARADIGMS_AR:null;
  if(dict&&dict[task]){
    var orig=PARADIGMS[task];
    PARADIGMS[task]=Object.assign({},orig,dict[task]);
    _origShowIntro2(task);
    PARADIGMS[task]=orig;
  } else {
    _origShowIntro2(task);
  }
};

// ══════════════════════════════════════════════════════════
// NEW ERP TASKS: N200, N170, LRP, N2pc, N300, ELAN, BP,
//               MMN-Speech, SSVEP
// ══════════════════════════════════════════════════════════

Object.assign(PARADIGMS, {
  N200: {
    name: 'N200 / NoGo N2',
    body: 'The N200 (NoGo N2) indexes inhibitory control in a two-choice Go/No-Go paradigm. Circles appear in two colors. Respond rapidly to the Go color (gold); withhold to the No-Go color (blue). The N200 is a frontocentral negative deflection ~200 ms, maximal on No-Go trials — reflecting active suppression of a prepotent response.',
    rules: [
      { key: 'F / SPACE', desc: 'GO — respond to the GOLD circle' },
      { key: 'Withhold',  desc: 'NO-GO — do not press to the BLUE circle' },
      { key: 'N200',      desc: 'Frontocentral negative peak ~200 ms, larger on No-Go trials' },
      { key: 'RATE',      desc: '75% Go · 25% No-Go' }
    ]
  },
  N170: {
    name: 'N170 FACE / OBJECT',
    body: 'The N170 is a negative occipito-temporal component ~170 ms, selectively larger for faces. Schematic procedurally-generated faces and geometric objects appear; respond face or object. The N170 face-inversion effect (larger/later N170 for inverted faces) is a robust marker of configural face processing.',
    rules: [
      { key: 'F', desc: 'FACE — the stimulus is a face (any orientation)' },
      { key: 'J', desc: 'OBJECT — the stimulus is a geometric shape' },
      { key: 'N170', desc: 'Occipito-temporal negative peak ~170 ms, larger for faces' },
      { key: 'INVERSION', desc: 'Inverted faces produce larger, later N170' }
    ]
  },
  LRP: {
    name: 'LATERALIZED READINESS POTENTIAL',
    body: 'The LRP indexes lateralized motor preparation. An arrow points left or right; respond with the corresponding hand. The LRP is the difference between contralateral and ipsilateral motor cortex activity before the response, reflecting hand-specific motor readiness.',
    rules: [
      { key: 'F', desc: 'LEFT arrow — respond with left hand' },
      { key: 'J', desc: 'RIGHT arrow — respond with right hand' },
      { key: 'LRP', desc: 'Contralateral motor cortex negative ~300–500 ms before response' },
      { key: 'DEADLINE', desc: '800 ms response window' }
    ]
  },
  N2PC: {
    name: 'N2pc VISUAL SEARCH',
    body: 'The N2pc reflects spatial selective attention. A bilateral search array appears; one gold target among gray distractors. Identify which hemifield contains the target. The N2pc is a contralateral posterior negativity ~220–300 ms indexing covert attentional capture.',
    rules: [
      { key: 'F', desc: 'Target is on the LEFT side' },
      { key: 'J', desc: 'Target is on the RIGHT side' },
      { key: 'N2pc', desc: 'Contralateral posterior (PO7/PO8) negativity ~220–300 ms' },
      { key: 'ARRAY', desc: 'Brief 200 ms display — respond as fast as possible' }
    ]
  },
  N300: {
    name: 'N300 OBJECT PRIMING',
    body: 'The N300 reflects object-concept familiarity and categorical priming. A prime object is shown, then a target — decide if they share a semantic category. Matching pairs elicit a smaller N300 (~300 ms, central-occipital) than mismatching pairs.',
    rules: [
      { key: 'F', desc: 'SAME — prime and target are the same category' },
      { key: 'J', desc: 'DIFFERENT — target is from a different category' },
      { key: 'N300', desc: 'Central-occipital negative component ~300 ms, smaller for congruent pairs' },
      { key: 'CATEGORIES', desc: 'Animals, vehicles, food, tools, furniture' }
    ]
  },
  ELAN: {
    name: 'ELAN — EARLY LEFT ANTERIOR NEGATIVITY',
    body: 'The ELAN is an ultra-early syntactic component (100–200 ms) over left anterior scalp, preceding the P600. It reflects automatic detection of word-class violations at phrase boundaries. Sentences appear word-by-word; respond grammatical or violation.',
    rules: [
      { key: 'F', desc: 'GRAMMATICAL — sentence is syntactically correct' },
      { key: 'J', desc: 'VIOLATION — sentence contains a phrase-structure error' },
      { key: 'ELAN', desc: 'Left anterior negativity 100–200 ms — pre-attentive syntax detection' },
      { key: 'vs P600', desc: 'ELAN = early automatic; P600 = later reanalysis' }
    ]
  },
  BP: {
    name: 'READINESS POTENTIAL (BEREITSCHAFTSPOTENTIAL)',
    body: "The Bereitschaftspotential is a slow negative ramp over motor cortex (Cz) beginning ~1–2 seconds before a voluntary self-paced keypress. Press SPACE whenever you feel a spontaneous urge — no external cue. Famous from Libet's free-will experiments.",
    rules: [
      { key: 'SPACE', desc: 'Press whenever you feel a spontaneous urge — self-paced' },
      { key: 'INTERVALS', desc: 'Wait at least 4 seconds between presses' },
      { key: 'DO NOT PLAN', desc: 'Avoid pre-planning — let each movement arise naturally' },
      { key: 'BP', desc: 'Slow negative ramp ~1500 ms before keypress over Cz' }
    ]
  },
  MMNSP: {
    name: 'MMN — SPEECH PHONEMES',
    body: 'Passive phoneme-contrast MMN. Synthesized /ba/ (standard, 80%) and /pa/ (deviant, 20%) are presented — contrasting in voice-onset time. No response required. The speech MMN is a biomarker used in dyslexia, aphasia, and language development research.',
    rules: [
      { key: 'PASSIVE', desc: 'No response required — listen or read quietly' },
      { key: 'STANDARD /ba/', desc: 'Short voice-onset time — frequent, 80% of trials' },
      { key: 'DEVIANT /pa/', desc: 'Long voice-onset time — rare, 20% of trials' },
      { key: 'MMN', desc: 'Fronto-central negativity 100–250 ms after deviant onset' }
    ]
  },
  SSVEP: {
    name: 'SSVEP — STEADY-STATE VISUAL EVOKED POTENTIAL',
    body: 'Two patches flicker at different frequencies (10 Hz left, 15 Hz right). Your EEG shows sharp spectral peaks at exactly these frequencies in occipital channels — the SSVEP. Periodically you are queried which side you were attending; SSVEP amplitude is larger for the attended side.',
    rules: [
      { key: 'FIXATE', desc: 'Keep gaze on the central cross — do not look at the patches' },
      { key: 'F', desc: 'Report attending LEFT patch when queried' },
      { key: 'J', desc: 'Report attending RIGHT patch when queried' },
      { key: 'EEG', desc: 'Occipital power at driving frequency is larger for attended side' }
    ]
  }
});

// ── N200 / NoGo N2 ───────────────────────────────
const N200 = { active:false, isPractice:false, trial:0, maxTrials:0, waiting:false,
  stimOn:0, isGo:false, responded:false, log:[], practiceLog:[], _timers:[],
  stimDur:500, isiMin:800, isiMax:1400, goProb:0.75 };
function n200T(fn,ms){ const t=setTimeout(fn,ms); N200._timers.push(t); return t; }
function n200Clear(){ N200._timers.forEach(t=>clearTimeout(t)); N200._timers=[]; }
function startN200(isPractice){
  N200.active=true; N200.isPractice=isPractice;
  N200.trial=0; N200.maxTrials=isPractice?10:(parseInt($('trialsInput').value)||40);
  if(isPractice) N200.practiceLog=[]; else N200.log=[];
  n200Clear(); hideAll();
  $('n200Screen').style.display='flex';
  $('n200PracticeBanner').style.display=isPractice?'block':'none';
  $('n200ProgressBar').style.width='0%';
  $('n200StimPhase').style.display='flex'; $('n200ResultsPhase').style.display='none';
  $('si-task').textContent='N200'+(isPractice?' (PRAC)':''); $('exportBtn').disabled=true;
  n200T(n200Next,600);
}
function n200Next(){
  if(N200.trial>=N200.maxTrials){n200End();return;}
  N200.trial++;
  $('n200ProgressBar').style.width=((N200.trial-1)/N200.maxTrials*100).toFixed(1)+'%';
  $('n200-trial').textContent='Trial '+N200.trial+'/'+N200.maxTrials;
  $('n200Feedback').textContent=''; $('n200Feedback').className='feedback';
  N200.isGo=Math.random()<N200.goProb; N200.responded=false; N200.waiting=true;
  const stim=$('n200Stim');
  if(N200.isGo){
    stim.textContent='●';stim.style.color='var(--gold)';stim.style.borderColor='var(--gold)';stim.style.background='rgba(212,180,86,0.08)';
    $('n200-phase').textContent='GO';
  } else {
    stim.textContent='○';stim.style.color='#5b9fda';stim.style.borderColor='#5b9fda';stim.style.background='rgba(91,159,218,0.08)';
    $('n200-phase').textContent='NO-GO';
  }
  N200.stimOn=performance.now(); triggerFlash();
  n200T(()=>{stim.textContent='';stim.style.color='';stim.style.borderColor='#1a2f44';stim.style.background='#0a1620';},N200.stimDur);
  n200T(n200TrialEnd,N200.stimDur+600);
}
function n200TrialEnd(){
  if(!N200.responded){
    const correct=!N200.isGo;
    (N200.isPractice?N200.practiceLog:N200.log).push({trial:N200.trial,isGo:N200.isGo,response:'none',correct,rt:null});
    if(N200.isGo){$('n200Feedback').textContent='MISS';$('n200Feedback').className='feedback err';}
  }
  N200.waiting=false;
  n200T(n200Next,N200.isiMin+Math.random()*(N200.isiMax-N200.isiMin));
}
function n200Respond(){
  if(!N200.waiting||N200.responded)return; N200.responded=true; N200.waiting=false;
  const rt=+(performance.now()-N200.stimOn).toFixed(1);
  const correct=N200.isGo;
  (N200.isPractice?N200.practiceLog:N200.log).push({trial:N200.trial,isGo:N200.isGo,response:'press',correct,rt});
  const fb=$('n200Feedback');
  fb.textContent=correct?rt.toFixed(0)+' ms ✓':rt.toFixed(0)+' ms ✗ FA';
  fb.className='feedback '+(correct?'ok':'err');
}
function n200End(){
  n200Clear(); N200.active=false; $('n200StimPhase').style.display='none'; $('n200ProgressBar').style.width='100%';
  const log=N200.isPractice?N200.practiceLog:N200.log;
  if(N200.isPractice){
    const c=log.filter(r=>r.correct).length; hideAll();
    $('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
    $('practiceComplete').style.display='flex'; return;
  }
  $('exportBtn').disabled=false;
  const goes=log.filter(r=>r.isGo),nogos=log.filter(r=>!r.isGo);
  const goHits=goes.filter(r=>r.correct&&r.rt),fas=nogos.filter(r=>!r.correct);
  const goRT=goHits.length?(goHits.reduce((a,b)=>a+b.rt,0)/goHits.length).toFixed(0):'—';
  $('n200Metrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+goRT+'ms</div><div class="vm-lbl">Go RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+goes.filter(r=>!r.correct).length+'</div><div class="vm-lbl">Omissions</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+fas.length+'</div><div class="vm-lbl">False Alarms</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(nogos.length?(fas.length/nogos.length*100).toFixed(0):0)+'%</div><div class="vm-lbl">FA Rate</div></div>';
  $('n200ResultsPhase').style.display='block';
}
function n200ExportCSV(){
  if(!N200.log.length)return;
  const h='trial,is_go,response,correct,rt_ms\n';
  const rows=N200.log.map(r=>[r.trial,r.isGo?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'}); const a=document.createElement('a');
  a.href=URL.createObjectURL(blob); a.download='n200_'+Date.now()+'.csv'; a.click();
}
document.addEventListener('keydown',e=>{
  if(!N200.active)return;
  if(e.key==='f'||e.key==='F'||e.code==='Space'){e.preventDefault();n200Respond();}
});

// ── N170 Face / Object ───────────────────────────
const N170={active:false,isPractice:false,trial:0,maxTrials:0,waiting:false,stimOn:0,currentType:'',log:[],practiceLog:[],_timers:[]};
function n170T(fn,ms){const t=setTimeout(fn,ms);N170._timers.push(t);return t;}
function n170Clear(){N170._timers.forEach(t=>clearTimeout(t));N170._timers=[];}
function n170DrawFace(ctx,inv){
  ctx.clearRect(0,0,240,240);
  ctx.save();
  if(inv){ctx.translate(120,120);ctx.rotate(Math.PI);ctx.translate(-120,-120);}
  ctx.beginPath();ctx.ellipse(120,115,72,90,0,0,Math.PI*2);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=2;ctx.stroke();
  [-32,32].forEach(dx=>{
    ctx.beginPath();ctx.ellipse(120+dx,92,13,9,0,0,Math.PI*2);ctx.strokeStyle='#d4b456';ctx.lineWidth=2;ctx.stroke();
    ctx.beginPath();ctx.arc(120+dx,92,5,0,Math.PI*2);ctx.fillStyle='#d4b456';ctx.fill();
  });
  ctx.beginPath();ctx.moveTo(120,108);ctx.lineTo(113,130);ctx.lineTo(127,130);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=1.5;ctx.stroke();
  ctx.beginPath();ctx.arc(120,146,22,0.2,Math.PI-0.2);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=2;ctx.stroke();
  [-32,32].forEach(dx=>{ctx.beginPath();ctx.moveTo(120+dx-14,78);ctx.lineTo(120+dx+14,78);ctx.strokeStyle='#8ab4d0';ctx.lineWidth=2;ctx.stroke();});
  ctx.restore();
}
function n170DrawObject(ctx){
  ctx.clearRect(0,0,240,240);
  const shapes=['circle','triangle','diamond','hexagon'];
  const shape=shapes[Math.floor(Math.random()*shapes.length)];
  ctx.strokeStyle='#8ab4d0';ctx.lineWidth=2;ctx.fillStyle='rgba(138,180,208,0.12)';
  ctx.beginPath();
  if(shape==='circle'){ctx.arc(120,120,72,0,Math.PI*2);}
  else if(shape==='triangle'){ctx.moveTo(120,45);ctx.lineTo(198,195);ctx.lineTo(42,195);ctx.closePath();}
  else if(shape==='diamond'){ctx.moveTo(120,42);ctx.lineTo(198,120);ctx.lineTo(120,198);ctx.lineTo(42,120);ctx.closePath();}
  else{for(let i=0;i<6;i++){const a=i*Math.PI/3-Math.PI/6,x=120+72*Math.cos(a),y=120+72*Math.sin(a);i===0?ctx.moveTo(x,y):ctx.lineTo(x,y);}ctx.closePath();}
  ctx.fill();ctx.stroke();
}
function startN170(isPractice){
  N170.active=true;N170.isPractice=isPractice;N170.trial=0;N170.maxTrials=isPractice?9:(parseInt($('trialsInput').value)||30);
  if(isPractice)N170.practiceLog=[];else N170.log=[];
  n170Clear();hideAll();$('n170Screen').style.display='flex';
  $('n170PracticeBanner').style.display=isPractice?'block':'none';
  $('n170ProgressBar').style.width='0%';$('n170StimPhase').style.display='flex';$('n170ResultsPhase').style.display='none';
  $('si-task').textContent='N170'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  n170T(n170Next,600);
}
function n170Next(){
  if(N170.trial>=N170.maxTrials){n170End();return;}
  N170.trial++;
  $('n170ProgressBar').style.width=((N170.trial-1)/N170.maxTrials*100).toFixed(1)+'%';
  $('n170-trial').textContent='Trial '+N170.trial+'/'+N170.maxTrials;
  $('n170Feedback').textContent='';$('n170Feedback').className='feedback';$('n170Label').textContent='';
  const r=Math.random();let type=r<0.4?'face-upright':r<0.7?'face-inverted':'object';
  N170.currentType=type;N170.waiting=true;N170.stimOn=performance.now();
  const ctx=$('n170Cvs').getContext('2d');
  if(type==='object')n170DrawObject(ctx);else n170DrawFace(ctx,type==='face-inverted');
  $('n170-phase').textContent=type==='object'?'OBJECT':'FACE'; triggerFlash();
  n170T(()=>{ctx.clearRect(0,0,240,240);$('n170Label').textContent='?';},300);
  n170T(n170TrialEnd,1000);
}
function n170TrialEnd(){
  if(!N170.waiting)return; N170.waiting=false;
  const isFace=N170.currentType!=='object';
  (N170.isPractice?N170.practiceLog:N170.log).push({trial:N170.trial,type:N170.currentType,response:'none',correct:!isFace,rt:null});
  if(isFace){$('n170Feedback').textContent='MISS';$('n170Feedback').className='feedback err';}
  n170T(n170Next,600);
}
function n170Respond(isFaceResp){
  if(!N170.waiting)return; N170.waiting=false;
  const rt=+(performance.now()-N170.stimOn).toFixed(1);
  const isFace=N170.currentType!=='object';const correct=isFace===isFaceResp;
  (N170.isPractice?N170.practiceLog:N170.log).push({trial:N170.trial,type:N170.currentType,response:isFaceResp?'face':'object',correct,rt});
  const fb=$('n170Feedback');fb.textContent=correct?rt.toFixed(0)+' ms ✓':rt.toFixed(0)+' ms ✗';fb.className='feedback '+(correct?'ok':'err');
  n170T(n170Next,450);
}
function n170End(){
  n170Clear();N170.active=false;$('n170StimPhase').style.display='none';$('n170ProgressBar').style.width='100%';
  const log=N170.isPractice?N170.practiceLog:N170.log;
  if(N170.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const faces=log.filter(r=>r.type!=='object'),objs=log.filter(r=>r.type==='object');
  const fRT=faces.filter(r=>r.rt),oRT=objs.filter(r=>r.rt);
  $('n170Metrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(fRT.length?(fRT.reduce((a,b)=>a+b.rt,0)/fRT.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Face RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(oRT.length?(oRT.reduce((a,b)=>a+b.rt,0)/oRT.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Object RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(log.filter(r=>r.correct).length/log.length*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
  $('n170ResultsPhase').style.display='block';
}
function n170ExportCSV(){
  if(!N170.log.length)return;
  const h='trial,type,response,correct,rt_ms\n';const rows=N170.log.map(r=>[r.trial,r.type,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n170_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!N170.active||!N170.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();n170Respond(true);}
  if(e.key==='j'||e.key==='J'){e.preventDefault();n170Respond(false);}
});

// ── LRP ──────────────────────────────────────────
const LRP={active:false,isPractice:false,trial:0,maxTrials:0,waiting:false,stimOn:0,dir:'',log:[],practiceLog:[],_timers:[],deadline:800};
function lrpT(fn,ms){const t=setTimeout(fn,ms);LRP._timers.push(t);return t;}
function lrpClear(){LRP._timers.forEach(t=>clearTimeout(t));LRP._timers=[];}
function startLRP(isPractice){
  LRP.active=true;LRP.isPractice=isPractice;LRP.trial=0;LRP.maxTrials=isPractice?10:(parseInt($('trialsInput').value)||40);
  if(isPractice)LRP.practiceLog=[];else LRP.log=[];
  lrpClear();hideAll();$('lrpScreen').style.display='flex';
  $('lrpPracticeBanner').style.display=isPractice?'block':'none';$('lrpProgressBar').style.width='0%';
  $('lrpStimPhase').style.display='flex';$('lrpResultsPhase').style.display='none';
  $('si-task').textContent='LRP'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  lrpT(lrpNext,600);
}
function lrpNext(){
  if(LRP.trial>=LRP.maxTrials){lrpEnd();return;}
  LRP.trial++;
  $('lrpProgressBar').style.width=((LRP.trial-1)/LRP.maxTrials*100).toFixed(1)+'%';
  $('lrp-trial').textContent='Trial '+LRP.trial+'/'+LRP.maxTrials;
  $('lrpFeedback').textContent='';$('lrpFeedback').className='feedback';
  $('lrpLeft').style.color='var(--dim)';$('lrpLeft').style.borderColor='#1a2f44';
  $('lrpRight').style.color='var(--dim)';$('lrpRight').style.borderColor='#1a2f44';
  $('lrpFix').textContent='+';$('lrp-phase').textContent='FIXATION';LRP.waiting=false;
  lrpT(()=>{
    LRP.dir=Math.random()<0.5?'L':'R';$('lrp-phase').textContent=LRP.dir==='L'?'LEFT':'RIGHT';
    if(LRP.dir==='L'){$('lrpLeft').style.color='var(--gold)';$('lrpLeft').style.borderColor='var(--gold)';}
    else{$('lrpRight').style.color='var(--gold)';$('lrpRight').style.borderColor='var(--gold)';}
    LRP.stimOn=performance.now();LRP.waiting=true;triggerFlash();
    lrpT(()=>{if(LRP.waiting)lrpRespond('TIMEOUT');},LRP.deadline);
  },500+Math.random()*300);
}
function lrpRespond(resp){
  if(!LRP.waiting)return;LRP.waiting=false;lrpClear();
  const rt=resp==='TIMEOUT'?null:+(performance.now()-LRP.stimOn).toFixed(1);
  const correct=resp===LRP.dir;
  (LRP.isPractice?LRP.practiceLog:LRP.log).push({trial:LRP.trial,dir:LRP.dir,response:resp,correct,rt});
  const fb=$('lrpFeedback');
  if(resp==='TIMEOUT'){fb.textContent='TOO SLOW';fb.className='feedback timeout';}
  else{fb.textContent=rt.toFixed(0)+' ms '+(correct?'✓':'✗');fb.className='feedback '+(correct?'ok':'err');}
  $('lrpLeft').style.color='var(--dim)';$('lrpLeft').style.borderColor='#1a2f44';
  $('lrpRight').style.color='var(--dim)';$('lrpRight').style.borderColor='#1a2f44';
  lrpT(lrpNext,500);
}
function lrpEnd(){
  lrpClear();LRP.active=false;$('lrpStimPhase').style.display='none';$('lrpProgressBar').style.width='100%';
  const log=LRP.isPractice?LRP.practiceLog:LRP.log;
  if(LRP.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const left=log.filter(r=>r.dir==='L'&&r.rt),right=log.filter(r=>r.dir==='R'&&r.rt);
  $('lrpMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(left.length?(left.reduce((a,b)=>a+b.rt,0)/left.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Left RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(right.length?(right.reduce((a,b)=>a+b.rt,0)/right.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Right RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(log.filter(r=>r.correct).length/log.length*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
  $('lrpResultsPhase').style.display='block';
}
function lrpExportCSV(){
  if(!LRP.log.length)return;const h='trial,dir,response,correct,rt_ms\n';
  const rows=LRP.log.map(r=>[r.trial,r.dir,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='lrp_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!LRP.active||!LRP.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();lrpRespond('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();lrpRespond('R');}
});

// ── N2pc ─────────────────────────────────────────
const N2PC={active:false,isPractice:false,trial:0,maxTrials:0,waiting:false,stimOn:0,targetSide:'',log:[],practiceLog:[],_timers:[]};
function n2pcT(fn,ms){const t=setTimeout(fn,ms);N2PC._timers.push(t);return t;}
function n2pcClear(){N2PC._timers.forEach(t=>clearTimeout(t));N2PC._timers=[];}
function n2pcDraw(targetSide){
  const cvs=$('n2pcCvs'),ctx=cvs.getContext('2d');
  ctx.clearRect(0,0,420,280);ctx.fillStyle='#060d14';ctx.fillRect(0,0,420,280);
  ctx.strokeStyle='rgba(138,180,208,0.6)';ctx.lineWidth=1.5;
  ctx.beginPath();ctx.moveTo(210,130);ctx.lineTo(210,150);ctx.moveTo(200,140);ctx.lineTo(220,140);ctx.stroke();
  const GOLD='#d4b456',GRAY='rgba(138,180,208,0.35)';
  const positions_l=[[60,80],[60,140],[60,200],[110,80],[110,140],[110,200]];
  const positions_r=[[310,80],[310,140],[310,200],[360,80],[360,140],[360,200]];
  const targetIdx=Math.floor(Math.random()*6);
  [positions_l,positions_r].forEach((side,si)=>{
    const isTS=(si===0&&targetSide==='L')||(si===1&&targetSide==='R');
    side.forEach((pos,pi)=>{
      const isT=isTS&&pi===targetIdx;
      ctx.beginPath();ctx.arc(pos[0],pos[1],14,0,Math.PI*2);
      ctx.fillStyle=isT?'rgba(212,180,86,0.15)':GRAY;ctx.strokeStyle=isT?GOLD:GRAY;ctx.lineWidth=isT?2:1;ctx.fill();ctx.stroke();
      if(!isT){ctx.strokeStyle=GRAY;ctx.lineWidth=1.5;ctx.beginPath();ctx.moveTo(pos[0]-6,pos[1]);ctx.lineTo(pos[0]+6,pos[1]);ctx.stroke();}
    });
  });
}
function startN2PC(isPractice){
  N2PC.active=true;N2PC.isPractice=isPractice;N2PC.trial=0;N2PC.maxTrials=isPractice?10:(parseInt($('trialsInput').value)||40);
  if(isPractice)N2PC.practiceLog=[];else N2PC.log=[];
  n2pcClear();hideAll();$('n2pcScreen').style.display='flex';
  $('n2pcPracticeBanner').style.display=isPractice?'block':'none';$('n2pcProgressBar').style.width='0%';
  $('n2pcStimPhase').style.display='flex';$('n2pcResultsPhase').style.display='none';
  $('si-task').textContent='N2pc'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  const ctx=$('n2pcCvs').getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,420,280);
  n2pcT(n2pcNext,800);
}
function n2pcNext(){
  if(N2PC.trial>=N2PC.maxTrials){n2pcEnd();return;}
  N2PC.trial++;
  $('n2pcProgressBar').style.width=((N2PC.trial-1)/N2PC.maxTrials*100).toFixed(1)+'%';
  $('n2pc-trial').textContent='Trial '+N2PC.trial+'/'+N2PC.maxTrials;
  $('n2pcFeedback').textContent='';$('n2pcFeedback').className='feedback';$('n2pc-phase').textContent='FIXATION';
  const ctx=$('n2pcCvs').getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,420,280);
  ctx.strokeStyle='rgba(138,180,208,0.6)';ctx.lineWidth=1.5;ctx.beginPath();ctx.moveTo(210,130);ctx.lineTo(210,150);ctx.moveTo(200,140);ctx.lineTo(220,140);ctx.stroke();
  n2pcT(()=>{
    N2PC.targetSide=Math.random()<0.5?'L':'R';n2pcDraw(N2PC.targetSide);
    $('n2pc-phase').textContent='SEARCH';N2PC.waiting=true;N2PC.stimOn=performance.now();triggerFlash();
    n2pcT(()=>{const c=$('n2pcCvs').getContext('2d');c.fillStyle='#060d14';c.fillRect(0,0,420,280);},200);
    n2pcT(()=>{if(N2PC.waiting)n2pcRespond('TIMEOUT');},1000);
  },400+Math.random()*200);
}
function n2pcRespond(resp){
  if(!N2PC.waiting)return;N2PC.waiting=false;n2pcClear();
  const rt=resp==='TIMEOUT'?null:+(performance.now()-N2PC.stimOn).toFixed(1);
  const correct=resp===N2PC.targetSide;
  (N2PC.isPractice?N2PC.practiceLog:N2PC.log).push({trial:N2PC.trial,targetSide:N2PC.targetSide,response:resp,correct,rt});
  const fb=$('n2pcFeedback');
  if(resp==='TIMEOUT'){fb.textContent='TOO SLOW';fb.className='feedback timeout';}
  else{fb.textContent=rt.toFixed(0)+' ms '+(correct?'✓':'✗');fb.className='feedback '+(correct?'ok':'err');}
  n2pcT(n2pcNext,500);
}
function n2pcEnd(){
  n2pcClear();N2PC.active=false;$('n2pcStimPhase').style.display='none';$('n2pcProgressBar').style.width='100%';
  const log=N2PC.isPractice?N2PC.practiceLog:N2PC.log;
  if(N2PC.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const valid=log.filter(r=>r.rt),acc=(log.filter(r=>r.correct).length/log.length*100).toFixed(0);
  const avgRT=valid.length?(valid.reduce((a,b)=>a+b.rt,0)/valid.length).toFixed(0):'—';
  $('n2pcMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Avg RT</div></div><div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>';
  $('n2pcResultsPhase').style.display='block';
}
function n2pcExportCSV(){
  if(!N2PC.log.length)return;const h='trial,target_side,response,correct,rt_ms\n';
  const rows=N2PC.log.map(r=>[r.trial,r.targetSide,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n2pc_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!N2PC.active||!N2PC.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();n2pcRespond('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();n2pcRespond('R');}
});

// ── N300 Object Priming ───────────────────────────
const N300_CATS={animals:['🐱','🐶','🐭','🐸','🐧','🦊','🐻','🐨'],vehicles:['🚗','🚕','🚙','🚌','🏎','🚂','✈️','🚢'],food:['🍎','🍕','🍔','🍣','🍩','🌮','🍜','🥐'],tools:['🔨','🔧','✂️','🔑','🔩','🪛','🔦','📐'],furniture:['🪑','🛋','🛏','🪞','🚪','🪟','🗄','🖼']};
const N300_CNS=Object.keys(N300_CATS);
const N300={active:false,isPractice:false,trial:0,maxTrials:0,waiting:false,stimOn:0,congruent:false,_primeCat:'',_targetCat:'',log:[],practiceLog:[],_timers:[]};
function n300T(fn,ms){const t=setTimeout(fn,ms);N300._timers.push(t);return t;}
function n300Clear(){N300._timers.forEach(t=>clearTimeout(t));N300._timers=[];}
function startN300(isPractice){
  N300.active=true;N300.isPractice=isPractice;N300.trial=0;N300.maxTrials=isPractice?10:(parseInt($('trialsInput').value)||40);
  if(isPractice)N300.practiceLog=[];else N300.log=[];
  n300Clear();hideAll();$('n300Screen').style.display='flex';
  $('n300PracticeBanner').style.display=isPractice?'block':'none';$('n300ProgressBar').style.width='0%';
  $('n300StimPhase').style.display='flex';$('n300ResultsPhase').style.display='none';
  $('si-task').textContent='N300'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  n300T(n300Next,600);
}
function n300Next(){
  if(N300.trial>=N300.maxTrials){n300End();return;}
  N300.trial++;
  $('n300ProgressBar').style.width=((N300.trial-1)/N300.maxTrials*100).toFixed(1)+'%';
  $('n300-trial').textContent='Trial '+N300.trial+'/'+N300.maxTrials;
  $('n300Feedback').textContent='';$('n300Feedback').className='feedback';
  $('n300Prime').textContent='';$('n300Target').textContent='';$('n300Arrow').style.opacity='0.3';$('n300-phase').textContent='FIXATION';
  N300.congruent=Math.random()<0.6;
  const pc=N300_CNS[Math.floor(Math.random()*N300_CNS.length)];
  const tc=N300.congruent?pc:N300_CNS.filter(c=>c!==pc)[Math.floor(Math.random()*4)];
  const pi=N300_CATS[pc],ti=N300_CATS[tc];
  const pe=pi[Math.floor(Math.random()*pi.length)];
  let te;do{te=ti[Math.floor(Math.random()*ti.length)];}while(te===pe);
  N300._primeCat=pc;N300._targetCat=tc;
  $('n300Prime').textContent=pe;$('n300-phase').textContent='PRIME';
  n300T(()=>{
    $('n300Prime').textContent='';$('n300Arrow').style.opacity='1';$('n300-phase').textContent='TARGET';
    n300T(()=>{
      $('n300Target').textContent=te;N300.stimOn=performance.now();N300.waiting=true;triggerFlash();
      n300T(()=>{if(N300.waiting)n300Respond('TIMEOUT');},1200);
    },150);
  },300);
}
function n300Respond(resp){
  if(!N300.waiting)return;N300.waiting=false;n300Clear();
  const rt=resp==='TIMEOUT'?null:+(performance.now()-N300.stimOn).toFixed(1);
  const correct=(resp==='SAME')===N300.congruent;
  (N300.isPractice?N300.practiceLog:N300.log).push({trial:N300.trial,primeCat:N300._primeCat,targetCat:N300._targetCat,congruent:N300.congruent,response:resp,correct,rt});
  const fb=$('n300Feedback');
  if(resp==='TIMEOUT'){fb.textContent='TOO SLOW';fb.className='feedback timeout';}
  else{fb.textContent=rt.toFixed(0)+' ms '+(correct?'✓':'✗');fb.className='feedback '+(correct?'ok':'err');}
  n300T(n300Next,500);
}
function n300End(){
  n300Clear();N300.active=false;$('n300StimPhase').style.display='none';$('n300ProgressBar').style.width='100%';
  const log=N300.isPractice?N300.practiceLog:N300.log;
  if(N300.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const cong=log.filter(r=>r.congruent&&r.rt),incong=log.filter(r=>!r.congruent&&r.rt);
  const cRT=cong.length?(cong.reduce((a,b)=>a+b.rt,0)/cong.length).toFixed(0):'—';
  const iRT=incong.length?(incong.reduce((a,b)=>a+b.rt,0)/incong.length).toFixed(0):'—';
  const eff=(cong.length&&incong.length)?((incong.reduce((a,b)=>a+b.rt,0)/incong.length)-(cong.reduce((a,b)=>a+b.rt,0)/cong.length)).toFixed(0):'—';
  $('n300Metrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+cRT+'ms</div><div class="vm-lbl">Congruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+iRT+'ms</div><div class="vm-lbl">Incongruent RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+eff+'ms</div><div class="vm-lbl">Priming Effect</div></div>';
  $('n300ResultsPhase').style.display='block';
}
function n300ExportCSV(){
  if(!N300.log.length)return;const h='trial,prime_cat,target_cat,congruent,response,correct,rt_ms\n';
  const rows=N300.log.map(r=>[r.trial,r.primeCat,r.targetCat,r.congruent?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n300_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!N300.active||!N300.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();n300Respond('SAME');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();n300Respond('DIFF');}
});

// ── ELAN ─────────────────────────────────────────
const ELAN_SENTS=[
  [['The','pianist','beautifully','played','the','sonata'],false],
  [['The','pianist','of','played','the','sonata'],true],
  [['She','carefully','placed','the','book','down'],false],
  [['She','carefully','the','book','placed','down'],true],
  [['The','doctor','examined','every','patient','quickly'],false],
  [['The','doctor','with','every','patient','quickly'],true],
  [['Children','usually','enjoy','playing','in','parks'],false],
  [['Children','usually','playing','enjoy','in','parks'],true],
  [['The','artist','painted','a','vivid','portrait'],false],
  [['The','artist','painted','a','with','portrait'],true],
  [['Birds','often','migrate','south','in','autumn'],false],
  [['Birds','often','south','migrate','in','autumn'],true],
  [['The','engineer','solved','the','complex','problem'],false],
  [['My','brother','quickly','of','his','homework'],true],
  [['My','brother','quickly','finished','his','homework'],false],
  [['The','teacher','explained','a','with','concept'],true],
  [['The','teacher','explained','the','difficult','concept'],false],
  [['Scientists','regularly','new','publish','research','findings'],true],
  [['Scientists','regularly','publish','new','research','findings'],false],
  [['The','nurse','kindly','helped','the','patient'],false],
];
const ELAN={active:false,isPractice:false,trial:0,maxTrials:0,waiting:false,stimOn:0,isViolation:false,deck:[],log:[],practiceLog:[],_timers:[]};
function elanT(fn,ms){const t=setTimeout(fn,ms);ELAN._timers.push(t);return t;}
function elanClear(){ELAN._timers.forEach(t=>clearTimeout(t));ELAN._timers=[];}
function elanBuildDeck(n){const d=[];while(d.length<n)d.push(...ELAN_SENTS.map((_,i)=>i));for(let i=d.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[d[i],d[j]]=[d[j],d[i]];}return d.slice(0,n);}
function startELAN(isPractice){
  ELAN.active=true;ELAN.isPractice=isPractice;ELAN.trial=0;ELAN.maxTrials=isPractice?8:(parseInt($('trialsInput').value)||30);
  if(isPractice)ELAN.practiceLog=[];else ELAN.log=[];
  ELAN.deck=elanBuildDeck(ELAN.maxTrials);
  elanClear();hideAll();$('elanScreen').style.display='flex';
  $('elanPracticeBanner').style.display=isPractice?'block':'none';$('elanProgressBar').style.width='0%';
  $('elanStimPhase').style.display='flex';$('elanResultsPhase').style.display='none';
  $('si-task').textContent='ELAN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  elanT(elanNext,600);
}
function elanNext(){
  if(ELAN.trial>=ELAN.maxTrials){elanEnd();return;}
  ELAN.trial++;
  $('elanProgressBar').style.width=((ELAN.trial-1)/ELAN.maxTrials*100).toFixed(1)+'%';
  $('elan-trial').textContent='Trial '+ELAN.trial+'/'+ELAN.maxTrials;
  $('elanFeedback').textContent='';$('elanFeedback').className='feedback';$('elanSentence').textContent='';$('elanWordStream').textContent='+';$('elan-phase').textContent='FIXATION';
  const idx=ELAN.deck[ELAN.trial-1];const[words,isViol]=ELAN_SENTS[idx];ELAN.isViolation=isViol;
  let wi=0;
  function showWord(){
    if(wi>=words.length){
      $('elanWordStream').textContent='?';ELAN.stimOn=performance.now();ELAN.waiting=true;triggerFlash();$('elan-phase').textContent='RESPOND';
      elanT(()=>{if(ELAN.waiting)elanRespond('TIMEOUT');},2000);return;
    }
    $('elanWordStream').textContent=words[wi];$('elan-phase').textContent='READING';
    if(wi>0)$('elanSentence').textContent=words.slice(0,wi).join(' ')+' …';
    wi++;elanT(showWord,wi<=2?350:500);
  }
  elanT(()=>{$('elanWordStream').textContent='';showWord();},500);
}
function elanRespond(resp){
  if(!ELAN.waiting)return;ELAN.waiting=false;elanClear();
  const rt=resp==='TIMEOUT'?null:+(performance.now()-ELAN.stimOn).toFixed(1);
  const correct=(resp==='OK')!==ELAN.isViolation;
  (ELAN.isPractice?ELAN.practiceLog:ELAN.log).push({trial:ELAN.trial,isViolation:ELAN.isViolation,response:resp,correct,rt});
  const fb=$('elanFeedback');
  if(resp==='TIMEOUT'){fb.textContent='TOO SLOW';fb.className='feedback timeout';}
  else{fb.textContent=rt.toFixed(0)+' ms '+(correct?'✓':'✗');fb.className='feedback '+(correct?'ok':'err');}
  elanT(elanNext,600);
}
function elanEnd(){
  elanClear();ELAN.active=false;$('elanStimPhase').style.display='none';$('elanProgressBar').style.width='100%';
  const log=ELAN.isPractice?ELAN.practiceLog:ELAN.log;
  if(ELAN.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const gramm=log.filter(r=>!r.isViolation&&r.rt),viol=log.filter(r=>r.isViolation&&r.rt);
  const gRT=gramm.length?(gramm.reduce((a,b)=>a+b.rt,0)/gramm.length).toFixed(0):'—';
  const vRT=viol.length?(viol.reduce((a,b)=>a+b.rt,0)/viol.length).toFixed(0):'—';
  const eff=(gramm.length&&viol.length)?((viol.reduce((a,b)=>a+b.rt,0)/viol.length)-(gramm.reduce((a,b)=>a+b.rt,0)/gramm.length)).toFixed(0):'—';
  $('elanMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+gRT+'ms</div><div class="vm-lbl">Grammatical RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+vRT+'ms</div><div class="vm-lbl">Violation RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+eff+'ms</div><div class="vm-lbl">ELAN Effect</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(log.filter(r=>r.correct).length/log.length*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
  $('elanResultsPhase').style.display='block';
}
function elanExportCSV(){
  if(!ELAN.log.length)return;const h='trial,is_violation,response,correct,rt_ms\n';
  const rows=ELAN.log.map(r=>[r.trial,r.isViolation?1:0,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='elan_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!ELAN.active||!ELAN.waiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();elanRespond('OK');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();elanRespond('VIOL');}
});

// ── BP — Bereitschaftspotential ───────────────────
const BP={active:false,isPractice:false,presses:[],maxPresses:0,lastPress:0,minITI:4000,_timer:null};
function startBP(isPractice){
  BP.active=true;BP.isPractice=isPractice;BP.presses=[];BP.lastPress=0;
  BP.maxPresses=isPractice?8:(parseInt($('trialsInput').value)||30);
  if(BP._timer)clearTimeout(BP._timer);
  hideAll();$('bpScreen').style.display='flex';
  $('bpPracticeBanner').style.display=isPractice?'block':'none';$('bpProgressBar').style.width='0%';
  $('bpStimPhase').style.display='flex';$('bpResultsPhase').style.display='none';
  $('si-task').textContent='BP'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  $('bpCircle').textContent='+';$('bpCircle').style.borderColor='#1a2f44';$('bpCircle').style.background='#0a1620';
  $('bpFeedback').textContent='';$('bp-trial').textContent='0 / '+BP.maxPresses+' presses recorded';
  $('bpInstruct').textContent='Press SPACE whenever you feel a spontaneous urge. Wait at least 4 seconds between presses. Do not plan ahead.';
}
function bpRecordPress(){
  if(!BP.active)return;
  const now=performance.now();
  if(now-BP.lastPress<BP.minITI){$('bpFeedback').textContent='TOO SOON';$('bpFeedback').className='feedback err';return;}
  BP.lastPress=now;
  const iti=BP.presses.length>0?+(now-BP.presses[BP.presses.length-1].t).toFixed(0):null;
  BP.presses.push({t:now,iti});triggerFlash();
  $('bpCircle').style.borderColor='var(--gold)';$('bpCircle').style.background='rgba(212,180,86,0.12)';
  $('bpFeedback').textContent='✓ Recorded';$('bpFeedback').className='feedback ok';
  $('bp-trial').textContent=BP.presses.length+' / '+BP.maxPresses+' presses recorded';
  $('bpProgressBar').style.width=(BP.presses.length/BP.maxPresses*100)+'%';
  if(BP._timer)clearTimeout(BP._timer);
  BP._timer=setTimeout(()=>{$('bpCircle').style.borderColor='#1a2f44';$('bpCircle').style.background='#0a1620';},200);
  if(BP.presses.length>=BP.maxPresses)BP._timer=setTimeout(bpEnd,600);
}
function bpEnd(){
  BP.active=false;$('bpStimPhase').style.display='none';$('bpProgressBar').style.width='100%';
  if(BP.isPractice){hideAll();$('pcStats').innerHTML='PRESSES <span>'+BP.presses.length+'</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const itis=BP.presses.filter(p=>p.iti!==null).map(p=>p.iti);
  const mITI=itis.length?(itis.reduce((a,b)=>a+b,0)/itis.length).toFixed(0):'—';
  const sdITI=itis.length>1?Math.sqrt(itis.map(v=>(v-itis.reduce((a,b)=>a+b,0)/itis.length)**2).reduce((a,b)=>a+b,0)/itis.length).toFixed(0):'—';
  $('bpMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+BP.presses.length+'</div><div class="vm-lbl">Presses</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+mITI+'ms</div><div class="vm-lbl">Mean ITI</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+sdITI+'ms</div><div class="vm-lbl">ITI SD</div></div>';
  if(itis.length>2){
    const bins=8,min=Math.min(...itis),max=Math.max(...itis)+1,bw=(max-min)/bins;
    const counts=new Array(bins).fill(0);itis.forEach(v=>{const b=Math.min(bins-1,Math.floor((v-min)/bw));counts[b]++;});
    const maxC=Math.max(...counts);
    let bars='<div style="display:flex;gap:3px;align-items:flex-end;height:50px;margin-top:8px;">';
    counts.forEach((c,i)=>{const h=maxC>0?Math.round(c/maxC*46):0;bars+=`<div style="flex:1;height:${h}px;background:rgba(212,180,86,0.6);border-top:1px solid var(--gold);"></div>`;});
    bars+='</div><div style="font-size:0.65rem;color:var(--dim);margin-top:3px;">ITI distribution — irregular = valid self-pacing</div>';
    $('bpIITChart').innerHTML=bars;
  }
  $('bpResultsPhase').style.display='block';
}
function bpExportCSV(){
  if(!BP.presses.length)return;const h='press_n,timestamp_ms,iti_ms\n';
  const rows=BP.presses.map((p,i)=>[i+1,p.t.toFixed(0),p.iti!=null?p.iti:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='bp_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!BP.active)return;if(e.code==='Space'){e.preventDefault();bpRecordPress();}
});

// ── MMN Speech ────────────────────────────────────
const MMNS={active:false,isPractice:false,trial:0,maxTrials:0,log:[],practiceLog:[],_timers:[],devProb:0.20,isi:600};
function mmnsT(fn,ms){const t=setTimeout(fn,ms);MMNS._timers.push(t);return t;}
function mmnsClear(){MMNS._timers.forEach(t=>clearTimeout(t));MMNS._timers=[];}
function mmnsPlaySyl(isDeviant){
  try{
    const ctx=new(window.AudioContext||window.webkitAudioContext)();
    const vot=isDeviant?80:20;
    const bufLen=Math.round(ctx.sampleRate*vot/1000);
    const buf=ctx.createBuffer(1,bufLen,ctx.sampleRate);
    const d=buf.getChannelData(0);for(let i=0;i<bufLen;i++)d[i]=(Math.random()*2-1)*0.25;
    const src=ctx.createBufferSource();src.buffer=buf;
    const g=ctx.createGain();g.gain.setValueAtTime(0.3,ctx.currentTime);g.gain.linearRampToValueAtTime(0,ctx.currentTime+vot/1000);
    src.connect(g);g.connect(ctx.destination);src.start();
    const osc=ctx.createOscillator();osc.type='sawtooth';osc.frequency.value=120;
    const vg=ctx.createGain();vg.gain.setValueAtTime(0,ctx.currentTime+vot/1000);vg.gain.linearRampToValueAtTime(0.18,ctx.currentTime+vot/1000+0.01);vg.gain.linearRampToValueAtTime(0,ctx.currentTime+0.18);
    osc.connect(vg);vg.connect(ctx.destination);osc.start(ctx.currentTime+vot/1000);osc.stop(ctx.currentTime+0.22);
    setTimeout(()=>ctx.close(),500);
  }catch(e){}
}
function startMMNS(isPractice){
  MMNS.active=true;MMNS.isPractice=isPractice;MMNS.trial=0;MMNS.maxTrials=isPractice?20:(parseInt($('trialsInput').value)||60);
  if(isPractice)MMNS.practiceLog=[];else MMNS.log=[];
  mmnsClear();hideAll();$('mmnspeechScreen').style.display='flex';
  $('mmnspeechPracticeBanner').style.display=isPractice?'block':'none';$('mmnsProgressBar').style.width='0%';
  $('mmnsStimPhase').style.display='flex';$('mmnsResultsPhase').style.display='none';
  $('si-task').textContent='MMN-SP'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  $('mmnsCircle').textContent='+';$('mmnsCircle').style.borderColor='#1a2f44';
  mmnsT(mmnsNext,800);
}
function mmnsNext(){
  if(MMNS.trial>=MMNS.maxTrials){mmnsEnd();return;}
  MMNS.trial++;$('mmnsProgressBar').style.width=((MMNS.trial-1)/MMNS.maxTrials*100).toFixed(1)+'%';
  $('mmns-trial').textContent='Trial '+MMNS.trial+'/'+MMNS.maxTrials;
  const isDev=Math.random()<MMNS.devProb;
  (MMNS.isPractice?MMNS.practiceLog:MMNS.log).push({trial:MMNS.trial,isDeviant:isDev});
  const c=$('mmnsCircle');
  if(isDev){c.style.borderColor='#5b9fda';c.style.background='rgba(91,159,218,0.10)';$('mmnsLabel').textContent='/pa/';$('mmns-phase').textContent='DEVIANT';}
  else{c.style.borderColor='rgba(138,180,208,0.3)';c.style.background='#0a1620';$('mmnsLabel').textContent='/ba/';$('mmns-phase').textContent='STANDARD';}
  mmnsPlaySyl(isDev);triggerFlash();
  mmnsT(()=>{c.style.borderColor='#1a2f44';c.style.background='#0a1620';$('mmnsLabel').textContent='';},220);
  mmnsT(mmnsNext,MMNS.isi+Math.random()*200);
}
function mmnsEnd(){
  mmnsClear();MMNS.active=false;$('mmnsStimPhase').style.display='none';$('mmnsProgressBar').style.width='100%';
  const log=MMNS.isPractice?MMNS.practiceLog:MMNS.log;
  if(MMNS.isPractice){hideAll();$('pcStats').innerHTML='TRIALS <span>'+log.length+'</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const stds=log.filter(r=>!r.isDeviant),devs=log.filter(r=>r.isDeviant);
  $('mmnsMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Total</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+stds.length+'</div><div class="vm-lbl">Standards /ba/</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+devs.length+'</div><div class="vm-lbl">Deviants /pa/</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(log.length?(devs.length/log.length*100).toFixed(1):0)+'%</div><div class="vm-lbl">Deviant Rate</div></div>';
  $('mmnsResultsPhase').style.display='block';
}
function mmnsExportCSV(){
  if(!MMNS.log.length)return;const h='trial,is_deviant,syllable\n';
  const rows=MMNS.log.map(r=>[r.trial,r.isDeviant?1:0,r.isDeviant?'/pa/':'/ba/'].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='mmn_speech_'+Date.now()+'.csv';a.click();
}

// ── SSVEP ─────────────────────────────────────────
const SSVEP={active:false,isPractice:false,trial:0,maxTrials:0,leftHz:10,rightHz:15,attended:'L',log:[],practiceLog:[],_raf:null,_timer:null,queryInterval:5000,_queryWaiting:false,_queryStart:0};
function ssvepFlicker(t){
  if(!SSVEP.active)return;
  const L=$('ssvepLeft'),R=$('ssvepRight');
  const lOn=Math.floor(t*SSVEP.leftHz/1000)%2===0;
  const rOn=Math.floor(t*SSVEP.rightHz/1000)%2===0;
  L.style.background=lOn?'#d4b456':'#060d14';L.style.borderColor=lOn?'#d4b456':'#1a2f44';
  R.style.background=rOn?'rgba(91,159,218,0.9)':'#060d14';R.style.borderColor=rOn?'#5b9fda':'#1a2f44';
  SSVEP._raf=requestAnimationFrame(ssvepFlicker);
}
function startSSVEP(isPractice){
  SSVEP.active=true;SSVEP.isPractice=isPractice;SSVEP.trial=0;SSVEP.maxTrials=isPractice?3:(parseInt($('trialsInput').value)||8);
  if(isPractice)SSVEP.practiceLog=[];else SSVEP.log=[];
  if(SSVEP._raf)cancelAnimationFrame(SSVEP._raf);if(SSVEP._timer)clearTimeout(SSVEP._timer);
  hideAll();$('ssvepScreen').style.display='flex';
  $('ssvepPracticeBanner').style.display=isPractice?'block':'none';$('ssvepProgressBar').style.width='0%';
  $('ssvepStimPhase').style.display='flex';$('ssvepResultsPhase').style.display='none';
  $('ssvepLeftFreq').textContent=SSVEP.leftHz+' Hz';$('ssvepRightFreq').textContent=SSVEP.rightHz+' Hz';
  $('si-task').textContent='SSVEP'+(isPractice?' (PRAC)':'');$('ssvepFeedback').textContent='';
  SSVEP.attended=Math.random()<0.5?'L':'R';
  $('ssvep-phase').textContent='ATTEND '+(SSVEP.attended==='L'?'LEFT ('+SSVEP.leftHz+'Hz)':'RIGHT ('+SSVEP.rightHz+'Hz)');
  $('ssvep-trial').textContent='Block 0/'+SSVEP.maxTrials;
  SSVEP._raf=requestAnimationFrame(ssvepFlicker);
  SSVEP._timer=setTimeout(ssvepQuery,SSVEP.queryInterval+Math.random()*2000);
}
function ssvepQuery(){
  if(!SSVEP.active)return;
  SSVEP.trial++;$('ssvep-trial').textContent='Block '+SSVEP.trial+'/'+SSVEP.maxTrials;
  $('ssvepProgressBar').style.width=(SSVEP.trial/SSVEP.maxTrials*100)+'%';
  $('ssvep-phase').textContent='QUERY: Which side were you attending?';
  $('ssvepFeedback').textContent='F = LEFT · J = RIGHT';
  SSVEP._queryStart=performance.now();SSVEP._queryWaiting=true;
  SSVEP._timer=setTimeout(()=>{if(SSVEP._queryWaiting)ssvepQResp('TIMEOUT');},3000);
}
function ssvepQResp(resp){
  if(!SSVEP._queryWaiting)return;SSVEP._queryWaiting=false;
  const rt=resp==='TIMEOUT'?null:+(performance.now()-SSVEP._queryStart).toFixed(1);
  const correct=resp===SSVEP.attended;
  (SSVEP.isPractice?SSVEP.practiceLog:SSVEP.log).push({trial:SSVEP.trial,attended:SSVEP.attended,response:resp,correct,rt});
  SSVEP.attended=SSVEP.attended==='L'?'R':'L';
  $('ssvep-phase').textContent='ATTEND '+(SSVEP.attended==='L'?'LEFT ('+SSVEP.leftHz+'Hz)':'RIGHT ('+SSVEP.rightHz+'Hz)');
  $('ssvepFeedback').textContent=correct?'✓':'✗';
  if(SSVEP.trial>=SSVEP.maxTrials){SSVEP._timer=setTimeout(ssvepEnd,600);}
  else{SSVEP._timer=setTimeout(ssvepQuery,SSVEP.queryInterval+Math.random()*2000);}
}
function ssvepEnd(){
  SSVEP.active=false;if(SSVEP._raf)cancelAnimationFrame(SSVEP._raf);if(SSVEP._timer)clearTimeout(SSVEP._timer);
  $('ssvepLeft').style.background='#060d14';$('ssvepRight').style.background='#060d14';
  $('ssvepStimPhase').style.display='none';$('ssvepProgressBar').style.width='100%';
  const log=SSVEP.isPractice?SSVEP.practiceLog:SSVEP.log;
  if(SSVEP.isPractice){const c=log.filter(r=>r.correct).length;hideAll();$('pcStats').innerHTML='ACC <span>'+(log.filter(r=>r.rt).length?(c/log.filter(r=>r.rt).length*100).toFixed(0):0)+'%</span>';$('practiceComplete').style.display='flex';return;}
  $('exportBtn').disabled=false;
  const valid=log.filter(r=>r.rt),acc=valid.length?(valid.filter(r=>r.correct).length/valid.length*100).toFixed(0):'—';
  $('ssvepMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+SSVEP.leftHz+' Hz</div><div class="vm-lbl">Left Freq</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+SSVEP.rightHz+' Hz</div><div class="vm-lbl">Right Freq</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Blocks</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Attention Report Acc</div></div>';
  $('ssvepResultsPhase').style.display='block';
}
function ssvepExportCSV(){
  if(!SSVEP.log.length)return;const h='block,attended,response,correct,rt_ms\n';
  const rows=SSVEP.log.map(r=>[r.trial,r.attended,r.response,r.correct?1:0,r.rt!=null?r.rt:''].join(',')).join('\n');
  const blob=new Blob([h+rows],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='ssvep_'+Date.now()+'.csv';a.click();
}
document.addEventListener('keydown',e=>{
  if(!SSVEP.active||!SSVEP._queryWaiting)return;
  if(e.key==='f'||e.key==='F'){e.preventDefault();ssvepQResp('L');}
  if(e.key==='j'||e.key==='J'){e.preventDefault();ssvepQResp('R');}
});

// ══════════════════════════════════════════════════════════
// NEW PARADIGMS: P50, N100, PVEP, SCP, P3A, ASSR (ERP)
//               CPT, EMOTSTROOP, TASKSWITCH, DUALTASK,
//               ATTBLINK, SUBITIZE, LEXDEC, SEMFLUENCY,
//               PROSMEM, SPATWM (neuropsych)
// ══════════════════════════════════════════════════════════

// ── SENSORY TESTING paradigms (behavioral screening) ───────
Object.assign(PARADIGMS, {
  SNELLEN:{name:'Visual Acuity — Snellen Chart',body:'A calibrated browser-based Snellen acuity screen. The letter size at each line is computed from visual-angle arcminutes, the user-specified viewing distance, and a display PPI calibrated by matching a rectangle to a real credit card (ISO/IEC 7810 ID-1 = 85.60 mm wide). Reports acuity in standard 20/x notation: 20/20 is normal; 20/40 means the participant reads at 20 ft what a person with normal acuity reads at 40 ft. NOT a substitute for clinical refraction — uncalibrated displays and ambient lighting introduce significant error.',rules:[{key:'CALIBRATE',desc:'Drag the rectangle to match a real credit card width (85.60 mm) — establishes screen PPI'},{key:'DISTANCE',desc:'Enter viewing distance in inches (arm length ≈ 24 in); standard Snellen is 20 ft'},{key:'READ',desc:'Read each line top to bottom; type the smallest line you can identify confidently'},{key:'ACUITY',desc:'20/x notation — smallest line correctly read = your screening acuity'}]},
  ISHIHARA:{name:'Color Vision — Ishihara-Style Plates',body:'Algorithmically generated color-vision plates patterned after Ishihara (1917). Numerals are rendered using colors that lie along the protan/deutan (red-green) and tritan (blue-yellow) confusion axes; observers with the corresponding dichromatic deficiency see noise rather than the digit. Eight plates total: six red-green axis, two blue-yellow axis. Screening only — algorithmic plates approximate the original printed test but cannot replace it for clinical or occupational classification.',rules:[{key:'IDENTIFY',desc:'State the numeral you see in each plate; type your answer'},{key:'NO ANSWER',desc:"Use \"Can't see\" if no numeral is identifiable — counted as a miss"},{key:'AXES',desc:'Red-green plates probe protan/deutan; blue-yellow plates probe tritan deficiency'},{key:'INTERPRET',desc:'<50% correct on either axis suggests a possible deficit on that axis'}]},
  SEASHORE:{name:'Seashore Rhythm Test',body:'After Seashore (1919) and Halstead-Reitan. Two rhythmic patterns of 5–8 beats are played in sequence, separated by a brief pause. The participant judges whether the patterns are identical or different (one inter-beat interval perturbed by 80–160 ms). The test probes auditory attention, sustained concentration, and non-verbal rhythm perception — historically associated with right-temporal function. Records accuracy and reaction time across the session. Headphones recommended; this is a screening adaptation, not the standardised 30-item form.',rules:[{key:'LISTEN',desc:'Two rhythms are played one after another with a 500 ms pause between'},{key:'JUDGE',desc:'Press SAME if the rhythms were identical; DIFFERENT if one interval was perturbed'},{key:'S / D',desc:'Keyboard: S = same, D = different'},{key:'METRICS',desc:'Accuracy (% correct) and mean reaction time across trials'}]},
  AUDIOM:{name:'Auditory Threshold — Pure-Tone Screening',body:'A simplified Hughson-Westlake automated audiometric procedure. For each of six frequencies (250 Hz – 8 kHz), the tone level descends in 10 dB steps until the participant does not hear it, then ascends in 5 dB steps. A threshold is recorded when the participant responds on 2 of 3 ascending presentations at the same level. Web Audio routes tones to the selected ear via stereo panner. Critically uncalibrated — browser SPL output depends on headphones, OS volume, and hardware mixer, easily ±30 dB from absolute. Reports relative sensitivity across frequencies, not clinical hearing levels.',rules:[{key:'SETUP',desc:'Use headphones; select ear (right/left); set comfortable volume on the 1000 Hz reference, then keep volume fixed'},{key:'PLAY',desc:'Click Play (or Space) to present a 300 ms tone'},{key:'RESPOND',desc:"Click \"Heard\" (Y) or \"Didn't hear\" (N) — explicit response required for each trial"},{key:'THRESHOLD',desc:'2 of 3 ascending responses at the same level confirm threshold for that frequency'},{key:'PROCEDURE',desc:'Hughson-Westlake-lite: descend 10 dB, ascend 5 dB; six frequencies tested per ear'}]},
});

// ══════════════════════════════════════════════════════════

Object.assign(PARADIGMS, {
  P50:{name:'P50 Sensory Gating',body:'P50 sensory gating measures the brain\'s ability to suppress repeated sensory stimuli. Two clicks are presented 500 ms apart; a healthy brain suppresses the P50 response to the second click (S2/S1 ratio < 0.5). Reduced gating is a well-replicated biomarker in schizophrenia, reflecting failure of pre-attentive sensory filtering.',rules:[{key:'PASSIVE',desc:'No response required — simply listen to the paired clicks'},{key:'S1 / S2',desc:'First click (S1) elicits a full P50; second click (S2) should be suppressed'},{key:'P50',desc:'Positive component ~50 ms post-click over Cz; S2/S1 ratio is the gating index'},{key:'PAIRS',desc:'Click pairs separated by 500 ms; inter-pair interval 8–10 s'}]},
  N100:{name:'Auditory N100 / P200',body:'The auditory N100 (or N1) is a large negative component ~100 ms over fronto-central scalp, elicited by any abrupt auditory stimulus. The following P200 peaks ~200 ms. Together they form the basic auditory evoked potential (AEP) used as a clinical baseline. N100 amplitude reflects auditory cortex responsiveness; N100 latency is prolonged in hearing loss and auditory processing disorders.',rules:[{key:'PASSIVE',desc:'Listen to click trains — no response required'},{key:'N100',desc:'Fronto-central negative peak ~100 ms; reflects auditory cortex onset response'},{key:'P200',desc:'Positive component ~200 ms; reflects secondary auditory processing'},{key:'RATE',desc:'Slow click trains (1/s) for maximal amplitude; faster rates show adaptation'}]},
  LDAEP:{name:"Loudness Dependence of Auditory Evoked Potential (LDAEP)",body:"The LDAEP (Hegerl and Juckel, 1993) measures the slope of N1/P2 amplitude as a function of stimulus intensity. When tones of increasing loudness are presented, the N1-P2 complex grows in amplitude. The steepness of this intensity-amplitude relationship — the LDAEP slope — is thought to reflect serotonergic neuromodulation of auditory cortex: a steep slope (high LDAEP) indicates low serotonergic tone (weak cortical inhibition of sensory input), while a shallow slope indicates high serotonergic activity. LDAEP has been used to predict antidepressant treatment response: patients with high LDAEP (low serotonin) respond better to SSRIs; those with low LDAEP respond better to noradrenergic agents. LDAEP is also elevated in migraine sufferers and is related to sensation seeking and stimulus intensity tolerance.",rules:[{key:"PASSIVE",desc:"You simply listen to tones of different loudness levels — no response required"},{key:"LOUDNESS",desc:"Tones range from very soft to moderately loud — 5 intensity levels"},{key:"SLOPE",desc:"The slope of N1/P2 amplitude against intensity is the primary measure"},{key:"SEROTONIN",desc:"Steep slope = low serotonergic tone; shallow slope = high serotonergic activity"},{key:"PREDICTION",desc:"LDAEP predicts differential response to SSRI vs noradrenergic antidepressants"}]},
  C1:{name:"C1 — First Cortical Visual Response",body:"The C1 is the earliest cortical response to a visual stimulus, peaking approximately 50-90 ms after stimulus onset, and is generated in primary visual cortex (V1/striate cortex). Its most distinctive property is a polarity inversion based on the vertical position of the stimulus in the visual field: stimuli in the upper visual field produce a negative C1 at midline-occipital electrodes (because the striate cortex folds such that upper-field representations project to the lower bank of the calcarine fissure), while lower visual field stimuli produce a positive C1. The C1 is of particular theoretical interest because, unlike all later visual ERPs, it is not modulated by spatial attention — providing strong evidence that attention operates at post-striate stages and that V1 reflects purely feedforward input. C1 is sensitive to stimulus contrast, spatial frequency, and eccentricity.",rules:[{key:"FIXATE",desc:"Keep your eyes on the central fixation cross throughout each trial"},{key:"UPPER / LOWER",desc:"Stimuli will appear in the upper or lower visual field"},{key:"DETECT",desc:"Press SPACE when you see a slightly dimmer target stimulus"},{key:"C1",desc:"C1 ~70ms at Oz polarity inverts with upper vs lower visual field"},{key:"ATTENTION",desc:"C1 is NOT modulated by attention — distinguishes V1 from higher visual areas"}]},
  PVEP:{name:'Visual P100 (Pattern VEP)',body:'The pattern visual evoked potential (PVEP) is elicited by checkerboard pattern reversal. The dominant component is P100, a positive occipital peak ~100 ms. P100 latency is the gold-standard clinical measure of optic nerve conduction velocity — prolonged P100 in multiple sclerosis indicates demyelination. No response is needed; simply fixate the central cross.',rules:[{key:'PASSIVE',desc:'Fixate the central cross — no response required'},{key:'P100',desc:'Positive occipital peak ~100 ms; latency indexes optic nerve conduction'},{key:'MS',desc:'P100 latency > 115 ms strongly suggests optic neuritis / MS'},{key:'REVERSAL',desc:'Checkerboard reverses at 2 reversals/sec; alternating black and white squares'}]},
  SCP:{name:'Slow Cortical Potentials',body:'Slow Cortical Potentials (SCPs) are sustained DC voltage shifts over 0.5–10 seconds, reflecting net excitability changes in cortical neuron populations. Negative SCPs accompany cognitive preparation and motor planning; positive SCPs reflect inhibition. SCPs are the primary signal in EEG-based brain-computer interfaces (BCIs) for motor-disabled patients.',rules:[{key:'PASSIVE',desc:'Sustain attention during the cue period — a visual signal guides effort'},{key:'SCN',desc:'Slow cortical negativity during preparation = increased cortical excitability'},{key:'SCP',desc:'Positive shift during inhibition; peak amplitude at Cz'},{key:'BCI',desc:'Voluntary SCP control underlies communication in ALS and locked-in syndrome'}]},
  CDA:{name:"Contralateral Delay Activity (CDA)",body:"The CDA (Vogel and Machizawa, 2004) is a sustained negative slow wave measured contralateral to the side of a memorised visual array, persisting throughout the delay period of a change detection task. It is the most direct ERP index of visual working memory storage — its amplitude increases with the number of items held in memory and saturates at the individual's capacity limit (typically 3-4 items). CDA amplitude is thus an online measure of how many items are currently being actively maintained in VWM. Individual differences in CDA amplitude during the delay period predict behavioural WM capacity, fluid intelligence, and academic achievement. The CDA is reduced by filtering of task-irrelevant distractors, providing a window into attentional filtering efficiency.",rules:[{key:"MEMORISE",desc:"Study the coloured items on one side of the screen"},{key:"DELAY",desc:"Maintain the colours in memory during the blank delay period"},{key:"CHANGE?",desc:"After the delay, report whether any colour changed (F=same / J=changed)"},{key:"CDA",desc:"CDA during the delay is contralateral to the memorised side — tracks WM load"},{key:"CAPACITY",desc:"CDA saturates at your individual WM capacity limit (~3-4 objects)"}]},
  P3A:{name:'Novelty P300 / P3a',body:'The three-stimulus oddball dissociates the P3a from the P3b. Standard tones (70%), target tones (15%), and novel sounds (15%) are presented. The target elicits the classic P3b (parietal, ~350 ms, reflecting context updating). Novel sounds elicit the P3a (frontal, ~280 ms, reflecting involuntary attention capture). The P3a/P3b dissociation is used in studies of TBI, ADHD, and aging.',rules:[{key:'F',desc:'TARGET — the rare target tone (respond only to this)'},{key:'Ignore',desc:'STANDARD — common tone (do not respond)'},{key:'Ignore',desc:'NOVEL — unexpected environmental sounds (do not respond)'},{key:'P3b',desc:'Parietal positive ~350 ms to target — context updating'},{key:'P3a',desc:'Frontal positive ~280 ms to novel sounds — involuntary attention'}]},
  ASSR:{name:'Auditory Steady-State Response (40Hz)',body:'The ASSR is an EEG oscillation phase-locked to a periodic auditory stimulus. A carrier tone amplitude-modulated at 40 Hz drives a steady-state 40 Hz response in auditory cortex and thalamus (the 40Hz ASSR). The 40Hz response indexes gamma-band auditory processing and is reduced in schizophrenia, reflecting thalamo-cortical dysconnectivity. No response is required.',rules:[{key:'PASSIVE',desc:'Listen to the modulated tone — no response required'},{key:'40Hz',desc:'AM tone at 40 Hz drives a spectral peak at exactly 40 Hz in your EEG'},{key:'SCHIZ',desc:'40Hz ASSR power and phase-locking are reduced in schizophrenia'},{key:'HEADPHONES',desc:'Use headphones for accurate 40 Hz modulation delivery'}]},
  CPT:{name:'Continuous Performance Test (CPT-AX)',body:'The CPT-AX is the standard sustained attention/vigilance test. Letters appear one at a time; you must respond only when the letter X follows the letter A (the A-X sequence). Responses to X after any other letter are false alarms; missed A-X targets are omissions. Performance degrades over time in ADHD and TBI, making the inter-block RT and accuracy slope the key measure.',rules:[{key:'SPACE',desc:'Press only when X appears after A (A-X target sequence)'},{key:'Withhold',desc:'Do not respond to X after other letters, or to non-X letters'},{key:'VIGILANCE',desc:'Sustained performance over many trials — fatigue effects are diagnostic'},{key:'CPT',desc:'Hits, omissions, false alarms, d′, and RT over time blocks recorded'}]},
  EMOTSTROOP:{name:'Emotional Stroop',body:'The Emotional Stroop measures attentional bias toward emotionally salient words. Emotional words (fear, anger, sadness) and neutral words are displayed in colored ink; respond to the ink color as fast as possible. RT is slower for emotional words than neutral words — this interference effect reflects automatic allocation of attention to emotional content and is used in anxiety, PTSD, and depression research.',rules:[{key:'F',desc:'Red ink — press F'},{key:'J',desc:'Blue ink — press J'},{key:'INTERFERENCE',desc:'RT slows for emotionally salient words vs neutral words'},{key:'BIAS',desc:'Large interference = strong attentional bias toward emotional content'},{key:'IGNORE',desc:'Ignore the meaning of the word — respond only to its color'}]},
  TASKSWITCH:{name:'Task Switching',body:'Task switching measures cognitive flexibility by requiring alternation between two classification rules. A cue indicates which rule to apply (odd/even for numbers; consonant/vowel for letters). Switch trials — where the rule changes — are slower and less accurate than repeat trials. The switch cost (switch RT − repeat RT) is a pure measure of executive set-shifting, widely used in aging and frontal lobe research.',rules:[{key:'F',desc:'Category A response (odd number / consonant — depends on cue)'},{key:'J',desc:'Category B response (even number / vowel — depends on cue)'},{key:'CUE',desc:'A letter or number appears with a cue (NUMBER or LETTER) indicating the task'},{key:'SWITCH COST',desc:'Switch trial RT − repeat trial RT = cost of changing mental set'},{key:'MIXING COST',desc:'Mixed-block RT − pure-block RT = cost of holding two tasks in mind'}]},
  DUALTASK:{name:'Dual Task',body:'The dual task paradigm measures divided attention and central bottleneck capacity. Two tasks run simultaneously: monitor a letter stream for targets (Task 1) and track a moving dot to one of four zones (Task 2). The dual-task cost — the performance decrement relative to single-task baseline — indexes the capacity of attentional resources and is used in driving safety, aging, and multitasking research.',rules:[{key:'F',desc:'Letter stream target detected (Task 1)'},{key:'J',desc:'Dot entered the marked zone (Task 2)'},{key:'DUAL COST',desc:'Dual-task RT/accuracy minus single-task baseline = attentional capacity'},{key:'PRIORITY',desc:'Both tasks are equally important — do not sacrifice one for the other'},{key:'BOTTLENECK',desc:'Slowing when two responses are required close together reveals the central bottleneck'}]},
  SART:{name:"Sustained Attention to Response Task (SART)",body:"The SART (Robertson et al., 1997) requires responding to every digit (1-9) except 3, which appears on about 11% of trials. Commission errors (responding to 3) index sustained attention lapses and mindwandering. Widely used in TBI, ADHD, and mindfulness research.",rules:[{key:"SPACE",desc:"Press SPACE for every digit EXCEPT 3"},{key:"WITHHOLD",desc:"Do NOT respond when you see 3"},{key:"COMMISSION",desc:"Commission rate (responses to 3) is the primary attention failure measure"},{key:"OMISSION",desc:"Omission rate (missed non-3 digits) indexes overall engagement"},{key:"TRIALS",desc:"225 trials over approximately 3 minutes"}]},
  UFOV:{name:"Useful Field of View (UFOV)",body:"The UFOV (Ball et al., 1988) measures the ability to rapidly identify a central stimulus while simultaneously detecting a peripheral target. Display duration is varied via staircase targeting 75% accuracy. UFOV is the strongest predictor of at-fault crashes in older adults and is sensitive to TBI, stroke, and aging.",rules:[{key:"CENTRE",desc:"Identify whether the central shape is a car or truck"},{key:"PERIPHERY",desc:"Click where you saw the peripheral flash in the display"},{key:"STAIRCASE",desc:"Display duration adapts to find your threshold"},{key:"THRESHOLD",desc:"SOA threshold for 75% accuracy is the primary measure"},{key:"CLICK",desc:"Click the canvas where the peripheral target appeared"}]},
  ATTBLINK:{name:'Attentional Blink',body:'The attentional blink reveals a temporal window of inattention after target detection. A rapid stream of letters (RSVP, 10/sec) contains two targets (T1 and T2) in colored ink. T2 is frequently missed when it appears 200–500 ms after T1 — the "blink" window — even though it is fully visible. The blink reflects depletion of attentional resources following T1 consolidation.',rules:[{key:'SPACE',desc:'Press SPACE each time you see a colored letter (target T1 or T2)'},{key:'STREAM',desc:'Letters appear at 10 per second — fixate the centre'},{key:'BLINK',desc:'T2 is missed ~50% of the time when 200–500 ms after T1'},{key:'LAG',desc:'Lag 1 (T2 immediately after T1) is often spared — the lag-1 sparing effect'},{key:'RSVP',desc:'Rapid Serial Visual Presentation — do not move your eyes'}]},
  SUBITIZE:{name:'Subitizing',body:'Subitizing is the rapid, accurate enumeration of small quantities (1–4) without counting. Arrays of 1–8 dots appear briefly; respond how many you see. For 1–4 dots, RT is flat and fast (subitizing range). For 5+ dots, RT rises steeply (counting range). The subitizing slope and counting slope are distinct measures of quantity processing, used in dyscalculia, autism, and aging research.',rules:[{key:'1–9 keys',desc:'Press the number key for how many dots you count'},{key:'SPEED',desc:'Respond as fast and accurately as possible'},{key:'SUBITIZING',desc:'Flat RT slope 1–4 items reflects rapid parallel enumeration'},{key:'COUNTING',desc:'Steep RT slope 5+ items reflects serial counting'},{key:'CUTOFF',desc:'The subitizing limit is typically 3–4 items in adults'}]},
  LEXDEC:{name:'Lexical Decision',body:'Lexical decision measures access to the mental lexicon. Letter strings appear one at a time; decide whether each is a real English word or a non-word (pronounceable but meaningless, e.g. FLURP). RT is faster for high-frequency words, concrete/imageable words, and words with many orthographic neighbors. Non-word RT reflects phonological assembly. Widely used in language processing and dyslexia research.',rules:[{key:'F',desc:'WORD — the string is a real English word'},{key:'J',desc:'NON-WORD — the string is not a real word'},{key:'FREQUENCY',desc:'High-frequency words (THE, RUN) are faster than low-frequency words (SERAPH)'},{key:'IMAGEABILITY',desc:'Concrete words (DOG) are faster than abstract words (JUSTICE)'},{key:'SPEED',desc:'Respond as fast as possible — do not guess if uncertain'}]},
  SEMFLUENCY:{name:'Semantic Fluency',body:'Semantic fluency measures the ability to retrieve words from a semantic category within a time limit. Name as many animals (or foods, or tools) as you can in 60 seconds. Total output reflects lexical access efficiency. Clustering (naming related animals together) reflects semantic network structure; switching between clusters reflects executive control. Fluency is reduced in Alzheimer\'s disease and temporal lobe damage.',rules:[{key:'TYPE',desc:'Type each word and press ENTER — name as many as possible in 60 seconds'},{key:'CATEGORY',desc:'Animals in one block, food items in another, tools in a third'},{key:'TOTAL',desc:'Total valid unique responses is the primary score'},{key:'CLUSTER',desc:'Clusters of related items (farm animals, jungle animals) reflect semantic organization'},{key:'AVOID',desc:'Proper nouns and repetitions are not counted'}]},
  PROSMEM:{name:'Prospective Memory',body:'Prospective memory is memory for intentions — remembering to do something at a future moment. An ongoing task (letter classification) is performed while you must also remember to press a special key whenever a designated target word appears. The dual-task cost and PM hit rate measure prospective memory capacity, which is frequently impaired in TBI, aging, and schizophrenia.',rules:[{key:'F / J',desc:'Ongoing task: classify each letter as vowel (F) or consonant (J)'},{key:'SPACE',desc:'Prospective memory response: press SPACE when you see the PM target word'},{key:'PM HIT',desc:'Correctly pressing SPACE to the target = prospective memory success'},{key:'ONGOING',desc:'Do not neglect the letter task — both tasks matter equally'},{key:'TARGET',desc:'The PM target word appears infrequently and without warning'}]},
  SPATWM:{name:'Spatial Working Memory',body:'Spatial working memory tests the ability to hold and manipulate visuospatial information. A sequence of boxes is highlighted one by one; after a brief delay, reproduce the sequence by clicking the boxes in order. Span (the longest sequence correctly reproduced) is the measure. The task is the computerized analog of Corsi block-tapping and is distinct from verbal working memory (digit span).',rules:[{key:'CLICK',desc:'After the sequence is shown, click the boxes in the same order'},{key:'SPAN',desc:'Sequence length increases until errors occur; maximum correct span is the score'},{key:'SPATIAL',desc:'Spatial WM is distinct from verbal WM — does not rely on phonological rehearsal'},{key:'DELAY',desc:'A brief retention interval separates the presentation and recall phases'},{key:'CORSI',desc:'Computerized analog of the Corsi block-tapping task'}]}
,
  MOCA:{name:"Montreal Cognitive Assessment (MoCA)",body:"The MoCA is the most widely used brief cognitive screening instrument, developed by Nasreddine et al. (2005). It assesses ten cognitive domains in approximately 10 minutes: visuospatial/executive (trail-making, cube copy, clock drawing), naming (3 animals), memory (5-word learning, delayed recall), attention (digit span, serial 7s, letter A vigilance), language (sentence repetition, verbal fluency), abstraction (similarity), and orientation. Maximum score is 30 points; a score below 26 is considered a positive screen for mild cognitive impairment.",rules:[{key:"DOMAINS",desc:"10 domains tested: visuospatial, naming, memory, attention, language, abstraction, orientation"},{key:"SCORE",desc:"Total /30 — a score of 26 or higher is considered normal; <26 = positive screen"},{key:"TIME",desc:"Approximately 10 minutes to administer"},{key:"CLINICAL",desc:"Validated in MCI, Alzheimer disease, Parkinson disease, stroke, TBI, and normal aging"},{key:"EDUCATION",desc:"+1 point added if 12 years or fewer of formal education — adjusted maximum 30/30"}]},
  PHQ9:{name:"Patient Health Questionnaire-9 (PHQ-9)",body:"The PHQ-9 (Kroenke et al., 2001) is the most widely validated brief depression screen. Nine items map onto DSM-5 major depressive episode criteria; rated 0-3 over the past two weeks. Total score: 0-4 minimal, 5-9 mild, 10-14 moderate, 15-19 moderately severe, 20-27 severe depression. Score >=10 has sensitivity 88% and specificity 88% for major depression. Public domain.",rules:[{key:"PAST 2 WEEKS",desc:"Rate how often each problem has bothered you over the past two weeks"},{key:"0 to 3",desc:"0=Not at all / 1=Several days / 2=More than half the days / 3=Nearly every day"},{key:"CUT-OFF",desc:"Total >=10 = positive screen for moderate-to-severe depression"},{key:"ITEM 9",desc:"Item 9 (self-harm ideation) requires clinical follow-up at any score >0"},{key:"MONITOR",desc:"Repeat administration tracks treatment response - 5-point change is meaningful"}]},
  GAD7:{name:"Generalized Anxiety Disorder Scale-7 (GAD-7)",body:"The GAD-7 (Spitzer et al., 2006) screens for generalised anxiety disorder and anxiety severity. Seven items rated 0-3 over the past two weeks. Score 0-4 minimal, 5-9 mild, 10-14 moderate, 15-21 severe anxiety. Score >=10 has sensitivity 89% and specificity 82% for GAD; also screens effectively for panic disorder, social anxiety, and PTSD. Public domain.",rules:[{key:"PAST 2 WEEKS",desc:"Rate how often each problem has bothered you over the past two weeks"},{key:"0 to 3",desc:"0=Not at all / 1=Several days / 2=More than half the days / 3=Nearly every day"},{key:"CUT-OFF",desc:"Total >=10 = positive screen for moderate-to-severe anxiety"},{key:"BROAD",desc:"Screens for GAD, panic disorder, social anxiety, and PTSD"},{key:"MONITOR",desc:"Repeat administration tracks anxiety treatment response"}]},
  PCL5:{name:"PTSD Checklist for DSM-5 (PCL-5)",body:"The PCL-5 (Weathers et al., 2013) measures DSM-5 PTSD symptom severity. Twenty items cover intrusion (5), avoidance (2), negative cognition/mood (7), and arousal/reactivity (6). Each rated 0-4 over the past month. Cut-score >=33 is commonly used for screen-positive. DSM-5 provisional diagnosis possible from cluster scoring. Public domain.",rules:[{key:"PAST MONTH",desc:"Rate how much each problem has bothered you in the past month"},{key:"0 to 4",desc:"0=Not at all / 1=A little bit / 2=Moderately / 3=Quite a bit / 4=Extremely"},{key:"CUT-OFF",desc:"Total >=33 = probable PTSD (screen positive)"},{key:"CLUSTERS",desc:"Four clusters: intrusion / avoidance / cognition-mood / arousal"},{key:"DIAGNOSIS",desc:"Cluster scoring provides a provisional DSM-5 symptom-based diagnosis"}]},
  AUDIT:{name:"Alcohol Use Disorders Identification Test (AUDIT)",body:"The AUDIT (Saunders et al., 1993) was developed by the WHO to screen for hazardous and harmful alcohol use. Ten questions cover consumption (3 items), drinking behaviour (3 items), and alcohol-related harm (4 items). Scores 0-40. Cut-offs: 8-15 hazardous; 16-19 harmful; >=20 probable dependence. Public domain.",rules:[{key:"PAST YEAR",desc:"Questions 1-8 refer to the past year; items 9-10 to lifetime experience"},{key:"SCORING",desc:"Each item 0-4; total 0-40"},{key:"CUT-OFFS",desc:">=8 hazardous / >=16 harmful / >=20 probable dependence"},{key:"AUDIT-C",desc:"Items 1-3 alone form the AUDIT-C rapid screen"},{key:"WHO",desc:"Validated across 6 countries - most widely used alcohol screen globally"}]},
  ASRS:{name:"Adult ADHD Self-Report Scale (ASRS-v1.1)",body:"The ASRS-v1.1 (Kessler et al., 2005) screens for adult ADHD. It contains 18 questions corresponding to DSM-IV ADHD criteria, rated 0-4 over the past 6 months. Part A (questions 1-6) is the validated brief screen; >=4 of 6 items scoring in the shaded range constitutes a positive screen (sensitivity 68.7%, specificity 99.5%). Public domain.",rules:[{key:"PAST 6 MONTHS",desc:"Rate how often each situation has occurred in the past 6 months"},{key:"PART A",desc:"Questions 1-6 form the validated screening scale"},{key:"CUT-OFF",desc:">=4 of 6 Part A items in the shaded range = positive ADHD screen"},{key:"BOTH TYPES",desc:"Items cover both inattentive and hyperactive-impulsive symptom domains"},{key:"ADULT",desc:"Norms are for adults - childhood ADHD rating scales differ significantly"}]},
  DIGCAN:{name:"Digit Cancellation",body:"Digit Cancellation is a paper-and-pencil neuropsychological test digitised here. A grid of random digits (0–9) is displayed; the participant must tap or click every occurrence of one or two target digits as quickly and accurately as possible within a time limit. The task measures sustained attention, processing speed, and psychomotor vigilance. It is sensitive to frontal lobe dysfunction, TBI, and age-related cognitive slowing.",rules:[{key:"CLICK",desc:"Click every target digit in the grid as fast as possible"},{key:"TARGET",desc:"One or two designated target digits shown at the top — ignore all others"},{key:"SPEED",desc:"Work left-to-right, top-to-bottom — speed and accuracy both matter"},{key:"TIME",desc:"60-second time limit — total hits, omissions, false alarms, and d′ recorded"}]},
  SYMSEARCH:{name:"Symbol Search (WAIS-IV)",body:"Symbol Search is a core WAIS-IV processing speed subtest. Each item presents two target symbols on the left and a search array of five symbols on the right. The participant decides YES (either target appears in the array) or NO (neither does) as fast as possible. The number correct in 120 seconds is the raw score. It measures visual scanning speed, attention, and psychomotor processing speed. Together with Digit Symbol Coding it forms the Processing Speed Index (PSI).",rules:[{key:"F — YES",desc:"One or both target symbols appear somewhere in the search array"},{key:"J — NO",desc:"Neither target symbol appears in the search array"},{key:"SPEED",desc:"Work as fast as possible — both speed and accuracy are scored"},{key:"TIME",desc:"120-second time limit — number correct is the primary score"},{key:"PSI",desc:"Combined with Digit Symbol Coding to form the WAIS-IV Processing Speed Index"}]},
  PHONFLUE:{name:"Phonemic Fluency (FAS)",body:"Phonemic fluency (Controlled Oral Word Association Test — COWAT) measures the ability to generate words beginning with a specified letter within 60 seconds. Three letters are tested in sequence: F, A, and S. Unlike semantic fluency (naming animals), phonemic fluency requires active frontal-executive search strategies rather than semantic network retrieval. Total FAS score (sum across three letters) is the primary measure, with norms stratified by age and education. Phonemic fluency is sensitive to frontal lobe lesions, TBI, schizophrenia, and early Alzheimer disease.",rules:[{key:"TYPE + ENTER",desc:"Type each word and press Enter — name as many words starting with the letter as possible"},{key:"60 SECONDS",desc:"One 60-second trial per letter — F, then A, then S"},{key:"RULES",desc:"No proper nouns (Paris), no numbers, no same root words (farm, farmer, farms)"},{key:"SCORE",desc:"Total valid unique words across all three letters — compare to age/education norms"},{key:"FRONTAL",desc:"Reduced FAS score is a sensitive marker of frontal lobe dysfunction"}]},
  JLO:{name:"Judgment of Line Orientation (JLO)",body:"The Benton Judgment of Line Orientation test measures visuospatial perception and the ability to match line orientations. On each trial, two angled line segments are displayed; the participant must identify which two lines in a reference fan of 11 radially arranged lines (spanning 180°, spaced 18° apart) match the presented pair. The JLO is sensitive to right posterior parietal cortex damage and is impaired in hemispatial neglect, Alzheimer disease, and Parkinson disease. The standard form has 30 items; each is scored correct (1) or incorrect (0).",rules:[{key:"CLICK",desc:"Click the two numbered lines in the reference fan that match the displayed angles"},{key:"FAN",desc:"11 reference lines numbered 1–11, spanning 180° in 18° steps"},{key:"BOTH",desc:"Both lines must be correctly identified for the item to be scored correct"},{key:"SCORE",desc:"Total correct / 30 — right hemisphere lesions show greater impairment"},{key:"NORMS",desc:"Age-corrected norms: scores below 20–22 suggest visuospatial impairment"}]},
  PASAT:{name:"Paced Auditory Serial Addition Test (PASAT)",body:"The PASAT was developed by Gronwall (1977) to assess information processing speed and capacity. Single digits (1–9) are presented one at a time at a fixed inter-stimulus interval (standard: 3 s, fast: 2 s, very fast: 1.6 s). The participant must add each new digit to the one immediately preceding it — not to a running total — and respond before the next digit appears. The total number of correct additions out of 60 stimuli (61 digits) is the primary score. The PASAT is highly sensitive to diffuse axonal injury in TBI and to white matter pathology in multiple sclerosis, and is part of the MS Functional Composite (MSFC).",rules:[{key:"RULE",desc:"Add the current digit to the one just before it — not a running total"},{key:"EXAMPLE",desc:"3 … 7 → say 10; then 4 → say 11 (7+4); then 2 → say 6 (4+2)"},{key:"PACE",desc:"Respond before the next digit appears — the pace is fixed and unforgiving"},{key:"TYPE / ENTER",desc:"Type your sum and press Enter — or just press Enter to skip"},{key:"PACE LEVELS",desc:"Practice: 3 s · Standard: 3 s · Fast: 2 s · Very fast: 1.6 s"}]},
  RAVLT:{name:"Rey Auditory Verbal Learning Test (RAVLT)",body:"The RAVLT (Rey, 1941; Taylor, 1959) is the gold standard for assessing verbal learning and memory. List A (15 words) is read aloud five consecutive times (Trials I–V); after each reading the participant recalls as many words as possible in any order. An interference list (List B, 15 different words) is then read once and recalled. Immediately afterward, List A is recalled again without re-reading (Trial VI — short delay). After a 20-minute delay filled with other tasks, List A is recalled once more (Trial VII — long delay). Key measures include the learning curve (I→V slope), total learning (sum of I–V), proactive interference (VI vs V), and retention (VII vs V). The RAVLT is sensitive to hippocampal damage, Alzheimer disease, and TBI.",rules:[{key:"LISTEN",desc:"Listen carefully to each word list — words are read one per second"},{key:"RECALL",desc:"After each reading, type every word you remember and press Enter"},{key:"ANY ORDER",desc:"Recall words in any order — do not worry about sequence"},{key:"LIST B",desc:"An interference list is inserted after Trial V — recall it, then recall List A again"},{key:"DELAY",desc:"A 20-minute delay precedes the final recall — other tasks fill the interval"}]},
  CVLT:{name:"California Verbal Learning Test (CVLT)",body:"The CVLT (Delis et al., 1987) presents a 16-item Monday shopping list drawn from four semantic categories (fruits, tools, clothing, spices — 4 items each). The list is read five times; after each reading the participant recalls freely. An interference list (Tuesday shopping list) is then read once and recalled. Short-delay free recall and cued recall (by category) follow. After a 20-minute delay, long-delay free and cued recall are administered, followed by a yes/no recognition trial. Key scores include total trials 1–5, learning slope, semantic and serial clustering indices, short- and long-delay retention, discriminability (d′), and intrusion/repetition counts. The CVLT is the most widely used verbal learning test in North American neuropsychology.",rules:[{key:"LISTEN",desc:"Listen to the shopping list — words come from four categories"},{key:"FREE RECALL",desc:"After each reading, recall as many words as possible in any order"},{key:"CUED RECALL",desc:"Category cues given for short and long delay — name items from each category"},{key:"RECOGNITION",desc:"Yes/No for each word — targets plus foils from same and different categories"},{key:"CATEGORIES",desc:"Fruits · Tools · Clothing · Spices — 4 items each, 16 total"}]},
  PAL:{name:"Paired Associate Learning (PAL)",body:"PAL tests associative binding - forming and retrieving arbitrary word pairs, a hallmark of hippocampal function. Word pairs are studied; at test, the first word cues recall of the second. PAL is sensitive to early Alzheimer disease and medial temporal lobe lesions. Three learning trials are given.",rules:[{key:"STUDY",desc:"Study each word pair - you will be cued with the first word"},{key:"RECALL",desc:"Type the word that was paired with the cue word"},{key:"TRIALS",desc:"Three study-test cycles - re-study missed pairs each round"},{key:"SCORE",desc:"Total correct and errors to criterion are the primary measures"},{key:"HIPPOCAMPUS",desc:"Associative binding is specifically impaired by hippocampal damage"}]},
  SRCMEM:{name:"Source Memory",body:"Source memory is memory for the context of learning - not just what, but where or when. Words are studied appearing on the left or right side; at test, item recognition is followed by source attribution. Source memory is disproportionately impaired in frontal lesions even when item recognition is intact, reflecting prefrontal role in contextual encoding.",rules:[{key:"STUDY",desc:"Each word appears LEFT or RIGHT - note both the word and its side"},{key:"ITEM",desc:"At test: F=OLD (seen before) / J=NEW (not seen)"},{key:"SOURCE",desc:"For recognised words: F=LEFT / J=RIGHT"},{key:"RECOLLECTION",desc:"Correct source attribution requires recollection - familiarity alone is insufficient"},{key:"SCORE",desc:"Item d-prime (recognition) and source accuracy conditional on hits are reported"}]},
  IGT:{name:"Iowa Gambling Task (IGT)",body:"The Iowa Gambling Task (Bechara et al., 1994) was designed to model real-world decision-making under uncertainty. Four card decks are presented: Decks A and B are disadvantageous (high immediate reward, very high occasional penalty, net loss over time); Decks C and D are advantageous (lower immediate reward, smaller penalties, net gain over time). Healthy participants shift from A/B to C/D after about 40 trials, guided by somatic signals before they can verbalize the rule. Patients with ventromedial prefrontal cortex lesions continue choosing from A/B despite mounting losses. The task is also impaired in substance use disorders, pathological gambling, and psychopathy. The IGT advantage score (C+D minus A+B) is the primary measure, computed in five blocks of 20 trials.",rules:[{key:"CLICK",desc:"Click any deck to draw a card — you win money on every draw"},{key:"PENALTY",desc:"Some draws also carry a penalty — decks A and B have catastrophic occasional losses"},{key:"GOAL",desc:"Maximize your earnings over 100 draws — discover which decks are advantageous"},{key:"ADVANTAGE",desc:"IGT score = (C+D) − (A+B) per block; positive = advantageous shift"},{key:"SOMATIC",desc:"Attend to your gut feeling — advantageous learners sense the good decks before knowing why"}]},
  TOL:{name:"Tower of London (TOL)",body:"The Tower of London (Shallice, 1982) is a planning task derived from the Tower of Hanoi. Three pegs of different heights hold coloured discs; the participant must rearrange them to match a goal configuration in the minimum possible number of moves. Only one disc may be moved at a time, and each peg has a capacity limit. The key measure is the number of problems solved in minimum moves — excess moves reflect planning failures. The TOL is sensitive to dorsolateral and orbital prefrontal cortex dysfunction, and is impaired in ADHD, schizophrenia, and frontal lobe lesions.",rules:[{key:"CLICK",desc:"Click a disc to select it (gold highlight), then click the destination peg"},{key:"ONE AT A TIME",desc:"Only the top disc on each peg can be moved"},{key:"PEG LIMITS",desc:"Pegs hold 3, 2, and 1 disc respectively"},{key:"MINIMUM MOVES",desc:"Plan ahead — solve each problem in as few moves as possible"},{key:"SCORE",desc:"Problems solved in minimum moves / total problems × 100"}]},
  MATRIX:{name:"Matrix Reasoning",body:"Matrix Reasoning measures fluid intelligence - solving novel pattern completion problems without prior knowledge. Each item presents a 3x3 matrix with one cell missing; the participant selects the missing piece from six options. Patterns involve size progressions, shape changes, fill transformations, and quantity rules. Sensitive to global cognitive decline and right hemisphere damage.",rules:[{key:"CLICK",desc:"Click the option that correctly completes the matrix"},{key:"PATTERNS",desc:"Look for progressions across rows and columns - size, shape, fill, or count"},{key:"NO TIME LIMIT",desc:"Take as long as you need - accuracy not speed is measured"},{key:"FLUID IQ",desc:"Measures reasoning ability independent of vocabulary and education"},{key:"SCORE",desc:"Total correct out of 18 items with increasing difficulty"}]},
  META:{name:"Metacognition (Confidence Calibration)",body:"Metacognition is measured by asking participants to rate their confidence in each decision. The relationship between confidence and accuracy yields type 2 signal detection measures: type 2 d-prime (metacognitive sensitivity) quantifies how well confidence tracks accuracy; the M-ratio normalises metacognitive efficiency by task difficulty. Metacognitive ability is impaired in schizophrenia, anosognosia, and depression.",rules:[{key:"TASK",desc:"First perform the memory recognition task: F=OLD / J=NEW"},{key:"CONFIDENCE",desc:"After each decision, rate your confidence: 1=guess through 4=certain"},{key:"HONEST",desc:"Rate how confident you actually are - not how you wish you had performed"},{key:"TYPE 2",desc:"Type 2 d-prime measures how well your confidence predicts your accuracy"},{key:"M-RATIO",desc:"M-ratio = type 2 d-prime / type 1 d-prime - metacognitive efficiency"}]},
  RMET:{name:"Reading the Mind in the Eyes (RMET)",body:"The Reading the Mind in the Eyes Test (Baron-Cohen et al., 2001) measures the ability to infer complex mental states from photographs of the eye region alone. Each trial presents a black-and-white photograph of a person's eyes and four emotion/mental-state words; the participant selects the word that best describes what the person is thinking or feeling. The test contains 36 items and takes approximately 10–15 minutes. It is the most widely used measure of cognitive Theory of Mind (ToM) and mentalising ability. Performance is reduced in autism spectrum disorder, alexithymia, and frontal lobe damage, and varies with sex, age, and systemising tendency. Because the test uses real photographs, this browser implementation uses procedurally rendered eye illustrations with validated emotion sets.",rules:[{key:"CLICK",desc:"Click the word that best describes what the person is thinking or feeling"},{key:"EYES ONLY",desc:"Judge from the eye region alone — ignore any imagined face or body"},{key:"FIRST IMPRESSION",desc:"Trust your first instinct — do not over-analyse"},{key:"NO TIME LIMIT",desc:"Take as long as you need — accuracy not speed is the primary measure"},{key:"SCORE",desc:"Total correct / 36 — below 22 suggests ToM impairment; mean ~26 in healthy adults"}]},
  FER:{name:"Facial Emotion Recognition (FER)",body:"FER tests identification of basic emotional expressions from whole-face illustrations. Unlike RMET which measures complex mental state inference, FER taps basic affective perception mediated by the amygdala and fusiform face area. The six basic emotions (Ekman and Friesen, 1976) are happiness, sadness, anger, fear, disgust, and surprise. FER is impaired in amygdala lesions, depression, schizophrenia, and ASD.",rules:[{key:"CLICK",desc:"Click the emotion label that best describes the facial expression"},{key:"SIX",desc:"Happy / Sad / Angry / Fearful / Disgusted / Surprised"},{key:"WHOLE FACE",desc:"Judge the whole face - unlike RMET which uses only the eye region"},{key:"AMYGDALA",desc:"Fear recognition is most sensitive to amygdala lesions"},{key:"SCORE",desc:"Percent correct overall and per emotion"}]},
  ABR:{name:"Auditory Brainstem Response (ABR)",body:"The ABR is a series of far-field electrical potentials recorded from scalp electrodes in response to brief click stimuli. Five waves (I–V) emerge within the first 10 milliseconds, each reflecting successive synaptic relays along the ascending auditory brainstem pathway: wave I = auditory nerve, wave II = cochlear nucleus, wave III = superior olive, wave IV = lateral lemniscus, wave V = inferior colliculus. Wave V latency (~5.7 ms at 70 dB nHL) is the most robust clinical measure, used to estimate hearing threshold, detect retrocochlear pathology, and screen newborns for hearing loss. The ABR is fully passive — no response or attention is required.",rules:[{key:"PASSIVE",desc:"No response required — simply relax and minimise movement"},{key:"WAVE V",desc:"The most prominent wave; latency ~5.7 ms at 70 dB nHL; prolonged in auditory neuropathy and MS"},{key:"I–V IPL",desc:"Wave I to V interpeak latency ~4.0 ms; prolonged in brainstem lesions"},{key:"HEADPHONES",desc:"Use insert earphones or headphones for accurate stimulus delivery"},{key:"THRESHOLD",desc:"ABR threshold estimated by reducing click intensity until wave V disappears (~10–20 dB nHL)"}]},
  N1P2:{name:"N1-P2 Auditory Evoked Potential",body:"The N1 (or N100) is a negative deflection peaking at approximately 100 ms at vertex (Cz) electrodes in response to the onset of any auditory stimulus. It is followed by the P2 (or P200), a positive deflection peaking at approximately 200 ms. Together, the N1-P2 complex is the most robust and replicable cortical auditory evoked potential and is generated primarily in auditory cortex (Heschl's gyrus) with contributions from association areas. N1 amplitude is modulated by attention (enhanced when attending to sounds), habituates with stimulus repetition (the basis of the MMN paradigm), and is reduced in schizophrenia, sleep deprivation, and disorders of consciousness. P2 amplitude is sensitive to perceptual learning and is increased by musical training. The N1-P2 complex is foundational to understanding all other auditory ERPs.",rules:[{key:"ATTEND",desc:"Count the number of target tones (higher pitch) in the sequence"},{key:"PASSIVE",desc:"In practice mode you can simply listen — no response required"},{key:"N1",desc:"N1 peaks at ~100ms at Cz — reflects auditory cortex activation to tone onset"},{key:"P2",desc:"P2 peaks at ~200ms — sensitive to perceptual learning and attention"},{key:"HABITUATION",desc:"N1 decreases with repeated identical stimuli — the basis of change detection paradigms"}]},
  RON:{name:"Reorienting Negativity (RON)",body:"The Reorienting Negativity (Schroger and Wolff, 1998) is a fronto-central negative deflection peaking approximately 400-600 ms after an unexpected deviant sound in an attended auditory stream. While the MMN reflects automatic detection of a deviant, the RON is thought to reflect the reorientation of attention back to the primary task after attention has been captured and momentarily redirected by the deviant. The RON is thus part of an attentional distraction sequence: deviant stimulus elicits MMN (change detection, ~150 ms) followed by P3a (involuntary attention capture, ~300 ms) followed by RON (reorienting to task, ~400-600 ms). RON amplitude is reduced when distractors are less disruptive and when reorientation is rapid. It is sensitive to working memory load and task demands.",rules:[{key:"PRIMARY TASK",desc:"Count target tones (higher pitch) in the standard stream"},{key:"DISTRACTORS",desc:"Novel sounds (chords, environmental sounds) will occasionally interrupt"},{key:"REFOCUS",desc:"After a distractor, refocus on the counting task as quickly as possible"},{key:"RON",desc:"RON reflects the neural cost of reorienting attention back to the primary task"},{key:"SEQUENCE",desc:"Distraction sequence: MMN (detection) -> P3a (capture) -> RON (reorientation)"}]},
  P1N1:{name:"P1/N1 Spatial Attention",body:"The P1/N1 spatial attention paradigm (Hillyard et al., 1973) is the foundational ERP demonstration of selective attention. Stimuli (brief flashes) are presented alternately or randomly to the left and right visual fields. A central arrow cue directs covert attention to one side. The P1 component (~100 ms, occipital-parietal contralateral to stimulus) is enhanced for attended versus unattended stimuli, reflecting early sensory gain. The N1 (~160 ms) is also enhanced for attended stimuli, reflecting discrimination processing. Crucially, attention modulates processing as early as 80 ms post-stimulus — before conscious awareness. The paradigm established that attention acts as a sensory gate, not merely a late decision-stage filter.",rules:[{key:"F — LEFT",desc:"Attend LEFT — press F when you detect a target (brighter) flash on the left"},{key:"J — RIGHT",desc:"Attend RIGHT — press J when you detect a target (brighter) flash on the right"},{key:"CUE",desc:"A central arrow cue indicates which side to attend — follow it throughout the block"},{key:"FIXATE",desc:"Keep your eyes on the central fixation cross — do not move your eyes to either side"},{key:"P1",desc:"P1 amplitude is larger for flashes on the attended side — contralateral occipital"}]},
  CNVW:{name:"CNV Warning Signal (S1-S2 Paradigm)",body:"The warned reaction-time paradigm (Walter et al., 1964) presents a warning stimulus (S1) followed by an imperative stimulus (S2) after a fixed foreperiod (typically 1000 ms). A slow negative potential — the Contingent Negative Variation (CNV) — develops over frontal and central scalp between S1 and S2, reflecting motor preparation, temporal expectancy, and resource allocation. The early CNV (iCNV, ~300–500 ms post-S1) reflects orienting; the late CNV (tCNV, ~800–1000 ms) reflects motor readiness. Unlike the Bereitschaftspotential, the CNV is time-locked to a warning signal rather than being self-paced.",rules:[{key:"WAIT",desc:"After the warning tone (S1), prepare to respond as fast as possible"},{key:"F — RESPOND",desc:"Press F as quickly as possible when the imperative stimulus (S2) appears"},{key:"FOREPERIOD",desc:"S1 to S2 interval is always 1000 ms — anticipate and prepare during this window"},{key:"CNV",desc:"Negative slow wave builds over Fz/Cz during the foreperiod — peaks just before S2"},{key:"RT",desc:"Warning-signal RT is ~50ms faster than simple RT — CNV indexes this benefit"}]},
  THALPHA:{name:"Theta/Alpha Oscillations",body:"Eyes-open versus eyes-closed EEG recording is the simplest clinical baseline for assessing ongoing cortical oscillations. Posterior alpha (8–13 Hz) is strongly suppressed during eyes-open conditions, reflecting visual cortical activation (Berger, 1929). Frontal midline theta (4–8 Hz, Fz) indexes working memory load and cognitive effort, increasing with task difficulty. The alpha/theta ratio and individual alpha frequency (IAF) are stable trait measures. Abnormally low alpha peak frequency (<8 Hz) or excessive delta/theta at rest suggests diffuse encephalopathy. This paradigm alternates eyes-open and eyes-closed blocks to measure alpha reactivity.",rules:[{key:"CLOSED",desc:"Close your eyes during EYES CLOSED blocks — relax and keep still"},{key:"OPEN",desc:"Open your eyes and fixate the cross during EYES OPEN blocks"},{key:"ALPHA",desc:"Occipital alpha (8–13 Hz) should increase with eyes closed — the Berger effect"},{key:"THETA",desc:"Frontal theta (4–8 Hz) indexes cognitive load and meditation depth"},{key:"IAF",desc:"Individual Alpha Frequency (IAF) is the spectral peak within 8–13 Hz — a stable biomarker"}]},
  LRPEXT:{name:"LRP Extended — Compatibility Manipulation",body:"The extended Lateralized Readiness Potential paradigm adds an incompatible stimulus-response mapping condition to the standard LRP. On compatible trials, respond with the hand on the same side as the stimulus arrow. On incompatible trials, respond with the opposite hand. The LRP onset is delayed and sometimes shows an initial deflection toward the wrong hand on incompatible trials (partial incorrect activation), before reversing to the correct hand. The incompatibility cost in LRP onset latency indexes the duration of response selection and the resolution of stimulus-response conflict — a key measure of executive motor control.",rules:[{key:"F = LEFT hand",desc:"F key = left hand response"},{key:"J = RIGHT hand",desc:"J key = right hand response"},{key:"COMPATIBLE",desc:"COMPATIBLE block: arrow points LEFT → press F; arrow points RIGHT → press J"},{key:"INCOMPATIBLE",desc:"INCOMPATIBLE block: arrow points LEFT → press J; arrow points RIGHT → press F"},{key:"SPEED",desc:"Respond as fast as possible — accuracy and RT both matter"}]},
  RRN:{name:"Readiness-Related Negativity (RRN)",body:"The RRN refers broadly to the family of slow negative potentials that precede voluntary movement in choice reaction time tasks, encompassing both the early bilateral Bereitschaftspotential (BP, ~1000-500ms before movement) and the later lateralised readiness potential (LRP, ~300ms before movement). In free-choice paradigms the BP reflects non-specific motor preparation; in choice RT tasks the onset of the LRP marks the moment of response selection. The RRN is distinct from the CNV (which reflects stimulus-response contingency anticipation) by being self-initiated or arising in the absence of a preparatory signal. RRN amplitude is reduced in Parkinson disease and SMA lesions, and is used to study conscious intention and the timing of action decisions. This task presents an imperative signal requiring a choice between two responses, measuring RT and motor preparation indices.",rules:[{key:"READY",desc:"Stay ready to respond — an imperative signal will appear"},{key:"F or J",desc:"Press F for a leftward signal, J for a rightward signal, as quickly as possible"},{key:"RT",desc:"Response time is the primary behavioural measure"},{key:"RRN",desc:"RRN begins ~500ms before movement at vertex and is lateralised ~300ms before"},{key:"CHOICE",desc:"The need to select between responses distinguishes RRN from the simple BP paradigm"}]},
  REWP:{name:"Reward Positivity (RewP / FRN)",body:"The Reward Positivity (RewP), also called the Feedback-Related Negativity (FRN), is an ERP component peaking ~250 ms after reward feedback. Win feedback elicits a relative positivity over frontocentral scalp; loss feedback elicits a relative negativity. The difference wave (win minus loss) isolates reward sensitivity. The RewP reflects activity of the mesocortical dopamine system projecting to anterior cingulate cortex. It is reduced in depression and enhanced in substance use disorders.",rules:[{key:"SPACE",desc:"Press SPACE when you see a WIN outcome — do not respond to losses"},{key:"WIN",desc:"Green ↑ = win feedback — elicits RewP (positive shift ~250 ms)"},{key:"LOSS",desc:"Red ↓ = loss feedback — elicits FRN (negative shift ~250 ms)"},{key:"FIXATE",desc:"Maintain fixation on the cross between trials"},{key:"PASSIVE",desc:"The ERP is recorded regardless of response — minimize movement"}]},
  LPC:{name:"Late Positive Component (LPC) — Episodic Memory",body:"The LPC (also called the late parietal component or parietal old-new effect; Rugg and Curran, 2007) is a sustained positive ERP component peaking approximately 500-800 ms over parietal electrodes for recognised old items relative to correctly rejected new items in an episodic recognition memory paradigm. The LPC is thought to reflect recollection — the retrieval of qualitative episodic information about the study context — as opposed to familiarity, which is indexed by the earlier FN400 (~300-500 ms, frontal). The LPC is enhanced for items associated with vivid recollective experience (high confidence remember responses vs know responses), for strongly encoded items, and is reduced by hippocampal damage that impairs recollection while leaving familiarity partially intact.",rules:[{key:"STUDY",desc:"Study a list of words carefully — you will be tested later"},{key:"TEST",desc:"Decide for each word: did you see it in the study list?"},{key:"F = OLD",desc:"Press F if you are confident you studied this word"},{key:"J = NEW",desc:"Press J if you are confident this word was not in the list"},{key:"LPC",desc:"LPC ~600ms at parietal sites is larger for recollected (remembered) than familiarity-based (known) responses"}]},
  FRN:{name:"Feedback-Related Negativity (FRN)",body:"The FRN (Miltner et al., 1997) is a fronto-central negative deflection peaking approximately 200-300 ms after the delivery of feedback indicating a negative outcome (loss, error, or worse-than-expected result). Unlike the ERN which follows the commission of one's own response errors, the FRN follows externally delivered feedback and is thought to reflect a reward prediction error signal generated by the anterior cingulate cortex in response to dopaminergic input from the midbrain. The FRN is larger for losses than gains (reflecting negativity bias in the prediction error system), for unexpected outcomes relative to expected ones, and is absent when the outcome is uninformative. The FRN amplitude is reduced in major depression (blunted sensitivity to reward/loss signals), elevated in problem gambling, and modulated by reward magnitude.",rules:[{key:"GAMBLE",desc:"On each trial, choose between two options (higher or lower risk)"},{key:"FEEDBACK",desc:"You will see the outcome after each choice — win or lose"},{key:"FRN",desc:"FRN ~250ms at Fz reflects neural response to negative feedback"},{key:"ERN vs FRN",desc:"ERN follows your own error; FRN follows external feedback about outcome"},{key:"PREDICTION",desc:"FRN is larger for unexpected losses than expected ones — a prediction error signal"}]}});

// ── New anim functions defined below ──────────────────────

// helper — draw a simple ERP waveform with a labelled peak

(function(){
var getCtx=function(){var c=document.getElementById('introAnim');if(!c)return null;c.width=c.offsetWidth>0?c.offsetWidth:c.clientWidth>0?c.clientWidth:520;c.height=110;return c.getContext('2d');};
var animRAF=null;
function stopAnim(){if(animRAF){cancelAnimationFrame(animRAF);animRAF=null;}}
window._stopIntroAnim=stopAnim;
var _prevRunAnim=window._runIntroAnim;
window._runIntroAnim=function(task){
  stopAnim();
  if(_prevRunAnim) setTimeout(function(){ _prevRunAnim(task); }, 0);
};
var animRAF=null;
function stopAnim(){if(animRAF){cancelAnimationFrame(animRAF);animRAF=null;}}
window._stopIntroAnim=stopAnim;
var getCtx=function(){var c=document.getElementById('introAnim');if(!c)return null;c.width=c.offsetWidth>0?c.offsetWidth:c.clientWidth>0?c.clientWidth:520;c.height=110;return c.getContext('2d');};
var W=520,H=110,GOLD='#d4b456',MID='rgba(138,180,208,0.5)',NAVY='#060d14';
function clear(ctx){ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);}
function cap(ctx,txt,col){ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=col||MID;ctx.textAlign='center';ctx.fillText(txt,W/2,H-5);}
function rect(ctx,x,y,w,h,stroke,fill){ctx.strokeStyle=stroke;ctx.lineWidth=1.5;ctx.fillStyle=fill||NAVY;ctx.fillRect(x,y,w,h);ctx.strokeRect(x,y,w,h);}

function animP50(){
  var t=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>80){t=0;phase=(phase+1)%3;}
    clear(ctx);
    var cy=H/2-5,tw=W*0.38,tx1=W/2-tw-20,tx2=W/2+20;
    // S1 trace
    ctx.strokeStyle=GOLD;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<tw;x++){var ms=(x/tw)*300-50;var amp=-22*Math.exp(-0.5*Math.pow((ms-50)/18,2));ctx.lineTo(tx1+x,cy+amp);}ctx.stroke();
    // S2 trace — attenuated
    var att=phase>=1?0.25:1;
    ctx.strokeStyle=phase>=1?'#5b9fda':MID;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x2=0;x2<tw;x2++){var ms2=(x2/tw)*300-50;var amp2=-22*att*Math.exp(-0.5*Math.pow((ms2-50)/18,2));ctx.lineTo(tx2+x2,cy+amp2);}ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('S1',tx1+tw/2,cy-28);
    ctx.fillStyle=phase>=1?'#5b9fda':MID;ctx.fillText('S2 (gated)',tx2+tw/2,cy-28);
    cap(ctx,phase===0?'unpaired':'S2/S1 ratio < 0.5 = healthy gating',phase>=1?'#5b9fda':MID);
  }tick();
}

function animN100(){
  var t=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>60){t=0;phase=(phase+1)%2;}
    clear(ctx);
    var cy=H/2-5,tw=W*0.7,tx=(W-tw)/2;
    ctx.strokeStyle='rgba(138,180,208,0.2)';ctx.lineWidth=0.5;ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    ctx.strokeStyle=GOLD;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<tw;x++){var ms=(x/tw)*500-50;var n1=-30*Math.exp(-0.5*Math.pow((ms-100)/22,2));var p2=18*Math.exp(-0.5*Math.pow((ms-200)/28,2));ctx.lineTo(tx+x,cy+n1+p2);}ctx.stroke();
    var n1x=tx+((100+50)/500)*tw,p2x=tx+((200+50)/500)*tw;
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';
    if(phase===1){ctx.fillText('N100',n1x,cy-35);ctx.fillText('P200',p2x,cy+26);}
    cap(ctx,'auditory evoked potential — fronto-central scalp');
  }tick();
}

function animPVEP(){
  var t=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>55){t=0;phase=(phase+1)%3;}
    clear(ctx);
    // checkerboard flash
    var cw=24,cx0=W/2-72,cy0=22;
    for(var row=0;row<3;row++){for(var col=0;col<6;col++){
      var on=phase===0?(row+col)%2===0:(row+col)%2===1;
      ctx.fillStyle=on?'rgba(220,210,185,0.8)':'rgba(10,20,30,0.9)';
      ctx.fillRect(cx0+col*cw,cy0+row*cw,cw-1,cw-1);
    }}
    // P100 waveform
    var cy=H-28,tw=W*0.45,tx=(W-tw)/2;
    ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.lineWidth=0.5;ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    ctx.strokeStyle='#81c784';ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<tw;x++){var ms=(x/tw)*300-20;var amp=22*Math.exp(-0.5*Math.pow((ms-100)/18,2));ctx.lineTo(tx+x,cy-amp);}ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle='#81c784';ctx.textAlign='center';ctx.fillText('P100 ~100ms',W/2,cy-28);
    cap(ctx,'pattern reversal VEP — occipital scalp');
  }tick();
}

function animSCP(){
  var t=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    clear(ctx);
    var cy=H/2,tw=W*0.75,tx=(W-tw)/2;
    ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.lineWidth=0.5;ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    var prog=Math.min(1,(t%120)/80);
    ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.beginPath();
    for(var x=0;x<tw*prog;x++){var frac=x/(tw);var amp=-28*Math.sin(frac*Math.PI)*frac;ctx.lineTo(tx+x,cy+amp);}ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='left';ctx.fillText('CUE',tx,cy-32);
    ctx.fillStyle=MID;ctx.textAlign='right';ctx.fillText('RESPONSE',tx+tw,cy-32);
    cap(ctx,'slow cortical negativity during cognitive preparation (~0.5–10 s)');
  }tick();
}

function animP3A(){
  var t=0,phase=0,stim='standard';
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>65){t=0;phase=(phase+1)%4;stim=['standard','standard','target','novel'][phase];}
    clear(ctx);var cy=H/2-5,tw=W*0.6,tx=(W-tw)/2;
    ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.lineWidth=0.5;ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    var col=stim==='standard'?MID:stim==='target'?GOLD:'#e07070';
    var amp=stim==='standard'?0:stim==='target'?28:22;
    var ms=stim==='target'?350:280;
    ctx.strokeStyle=col;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<tw;x++){var t2=(x/tw)*600-100;var a=amp*Math.exp(-0.5*Math.pow((t2-ms)/50,2));ctx.lineTo(tx+x,cy-a);}ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=col;ctx.textAlign='center';
    if(stim!=='standard')ctx.fillText(stim==='target'?'P3b ~350ms (parietal)':'P3a ~280ms (frontal)',W/2,cy-32);
    cap(ctx,stim==='standard'?'standard (70%)':stim==='target'?'target (15%) — P3b':'novel (15%) — P3a',col);
  }tick();
}

function animASSR(){
  var t=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    clear(ctx);var cy=H/2-5;
    // 40Hz oscillation
    ctx.strokeStyle=GOLD;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<W-40;x++){var amp=20*Math.sin((x/12+t/3)*Math.PI*2)*Math.exp(-Math.pow((x-(W-40)/2)/(W*0.25),2)+0.5);ctx.lineTo(20+x,cy+amp);}ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('40 Hz phase-locked response — occipital + temporal',W/2,cy-28);
    cap(ctx,'AM tone at 40Hz → brain oscillates at exactly 40Hz');
  }tick();
}

function animCPT(){
  var seq=['B','A','X','M','A','X','K'],t=0,li=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>40){t=0;phase=(phase+1)%2;if(phase===0)li=(li+1)%seq.length;}
    clear(ctx);
    var ltr=seq[li],isTarget=(li>0&&seq[li-1]==='A'&&ltr==='X');
    ctx.font='bold 52px monospace';ctx.fillStyle=isTarget?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';
    if(phase===0)ctx.fillText(ltr,W/2,H/2-5);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=isTarget?GOLD:MID;ctx.textAlign='center';ctx.fillText(isTarget?'TARGET → RESPOND (A-X sequence)':'do not respond',W/2,H-18);
    cap(ctx,'sustained vigilance — respond only to X after A',isTarget?GOLD:MID);
  }tick();
}

function animEmotStroop(){
  var words=[{w:'FEAR',col:'#5b9fda',em:true},{w:'TABLE',col:'#d4b456',em:false},{w:'ANGER',col:'#5b9fda',em:true},{w:'CHAIR',col:'#d4b456',em:false}];
  var t=0,wi=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>55){t=0;phase=(phase+1)%2;if(phase===0)wi=(wi+1)%words.length;}
    clear(ctx);var w=words[wi];
    ctx.font='bold 30px "Cormorant Garamond",serif';ctx.fillStyle=w.col;ctx.textAlign='center';ctx.textBaseline='middle';
    if(phase===0)ctx.fillText(w.w,W/2,H/2-5);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=w.em?'#e07070':GOLD;ctx.textAlign='center';
    ctx.fillText(w.em?'emotional — RT slows':'neutral — fast RT',W/2,H-18);
    cap(ctx,'respond to ink color — '+w.col+' = J',w.col);
  }tick();
}

function animTaskSwitch(){
  var trials=[{s:'7',task:'NUMBER',ans:'ODD'},{s:'7',task:'NUMBER',ans:'ODD'},{s:'e',task:'LETTER',ans:'VOWEL'},{s:'e',task:'LETTER',ans:'VOWEL'},{s:'4',task:'NUMBER',ans:'EVEN'}];
  var t=0,ti=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>50){t=0;phase=(phase+1)%2;if(phase===0){var prev=ti;ti=(ti+1)%trials.length;}}
    clear(ctx);var tr=trials[ti],sw=(ti>0&&trials[ti].task!==trials[(ti-1+trials.length)%trials.length].task);
    ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=tr.task==='NUMBER'?GOLD:'#5b9fda';ctx.textAlign='center';ctx.fillText(tr.task,W/2,28);
    ctx.font='bold 44px monospace';ctx.fillStyle=sw?'#e07070':MID;ctx.textBaseline='middle';
    if(phase===0)ctx.fillText(tr.s,W/2,H/2);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=sw?'#e07070':GOLD;ctx.textAlign='center';ctx.fillText(sw?'SWITCH — slower RT':'REPEAT — fast RT',W/2,H-18);
    cap(ctx,tr.ans,sw?'#e07070':GOLD);
  }tick();
}

function animDualTask(){
  var t=0,dotX=W/2,dotY=H/2,dotVx=1.2,dotVy=0.8,ltr='K',lphase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    dotX+=dotVx;dotY+=dotVy;
    if(dotX<60||dotX>W-60)dotVx*=-1;if(dotY<25||dotY>H-25)dotVy*=-1;
    if(t%30===0){lphase++;var letters='BKPQMTAEFX';ltr=letters[Math.floor(Math.random()*letters.length)];}
    clear(ctx);
    // task 1: letter stream
    ctx.font='bold 28px monospace';ctx.fillStyle=ltr==='X'?GOLD:MID;ctx.textAlign='left';ctx.textBaseline='middle';ctx.fillText(ltr,20,H/2);ctx.textBaseline='alphabetic';
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='left';ctx.fillText('TASK 1',18,18);
    // task 2: moving dot
    ctx.beginPath();ctx.arc(dotX,dotY,8,0,Math.PI*2);ctx.fillStyle=GOLD;ctx.fill();
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='right';ctx.fillText('TASK 2',W-18,18);
    cap(ctx,'monitor letter (F) + track dot (J) simultaneously');
  }tick();
}

function animAttBlink(){
  var stream='BKPFMQTAXBDGR',t=0,si=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>12){t=0;si=(si+1)%stream.length;}
    clear(ctx);
    var ltr=stream[si],isT1=(ltr==='A'),isT2=(ltr==='X');
    ctx.font='bold 54px monospace';ctx.textAlign='center';ctx.textBaseline='middle';
    ctx.fillStyle=isT1?GOLD:isT2?'#5b9fda':MID;
    ctx.fillText(ltr,W/2,H/2-8);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=isT2?'#e07070':MID;ctx.textAlign='center';
    ctx.fillText(isT1?'T1 detected — blink window opens':isT2?'T2 in blink window — often missed':'',W/2,H-18);
    cap(ctx,'RSVP 10/sec — press SPACE for colored targets');
  }tick();
}

function animSubitize(){
  var t=0,n=1;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>50){t=0;n=n<8?n+1:1;}
    clear(ctx);
    var dots=[];var seed=n*137;
    for(var i=0;i<n;i++){dots.push({x:W/2-80+((seed*(i+1)*73)%160),y:H/2-20+(((seed*(i+1)*31)%60)-30)});}
    dots.forEach(function(d){ctx.beginPath();ctx.arc(d.x,d.y,7,0,Math.PI*2);ctx.fillStyle=n<=4?GOLD:MID;ctx.fill();});
    ctx.font='bold 13px "Source Code Pro",monospace';ctx.fillStyle=n<=4?GOLD:MID;ctx.textAlign='right';
    ctx.fillText(n<=4?'SUBITIZE':'COUNT',W-20,H-18);
    cap(ctx,n+' dot'+(n>1?'s':'')+' — '+(n<=4?'flat RT (1–4)':'steep RT slope (5+)'),n<=4?GOLD:MID);
  }tick();
}

function animLexDec(){
  var items=[{w:'DOCTOR',real:true,freq:'high'},{w:'FLURP',real:false,freq:''},{w:'SERAPH',real:true,freq:'low'},{w:'BLARG',real:false,freq:''},{w:'TABLE',real:true,freq:'high'}];
  var t=0,ii=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>55){t=0;phase=(phase+1)%2;if(phase===0)ii=(ii+1)%items.length;}
    clear(ctx);var it=items[ii];
    ctx.font='bold 32px "Cormorant Garamond",serif';ctx.fillStyle=it.real?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';
    if(phase===0)ctx.fillText(it.w,W/2,H/2-5);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=it.real?GOLD:MID;ctx.textAlign='center';
    ctx.fillText(it.real?'WORD (F) — '+it.freq+' frequency':'NON-WORD (J)',W/2,H-18);
    cap(ctx,'word or non-word?',it.real?GOLD:MID);
  }tick();
}

function animSemFluency(){
  var words=['CAT','DOG','LION','TIGER','BEAR','EAGLE','SHARK','WHALE'];
  var t=0,shown=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t%15===0&&shown<words.length)shown++;
    clear(ctx);
    for(var i=0;i<shown;i++){
      ctx.font='11px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='left';
      var col=Math.floor(i/4),row=i%4;
      ctx.fillText(words[i],W/2-120+col*130,30+row*18);
    }
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('60 seconds — name as many animals as possible',W/2,H-18);
    cap(ctx,shown+' animals so far…',GOLD);
  }tick();
}

function animProsMem(){
  var words=['CHAIR','TABLE','RIVER','TIGER','HOUSE','MUSIC'];
  var PM_TARGET='TIGER';var t=0,wi=0,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>35){t=0;phase=(phase+1)%2;if(phase===0)wi=(wi+1)%words.length;}
    clear(ctx);var w=words[wi],isPM=w===PM_TARGET;
    ctx.font='bold 30px "Cormorant Garamond",serif';ctx.fillStyle=isPM?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';
    if(phase===0)ctx.fillText(w,W/2,H/2-5);ctx.textBaseline='alphabetic';
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=isPM?GOLD:MID;ctx.textAlign='center';
    ctx.fillText(isPM?'PM TARGET — press SPACE!':'classify: vowel or consonant (first letter)',W/2,H-18);
    cap(ctx,'remember to press SPACE when you see: '+PM_TARGET,isPM?GOLD:MID);
  }tick();
}

function animSpatWM(){
  var GRID=[[1,2,3],[4,5,6],[7,8,9]];var seq=[1,5,3,7];
  var t=0,si=-1,phase=0;
  function tick(){animRAF=requestAnimationFrame(tick);
    var ctx=getCtx(); if(!ctx)return;t++;
    if(t>35){t=0;phase=(phase+1)%2;if(phase===0){si++;if(si>=seq.length)si=-1;}}
    clear(ctx);var bw=36,gap=8,ox=W/2-3*(bw+gap)/2,oy=H/2-3*(bw+gap)/2;
    for(var r=0;r<3;r++)for(var c=0;c<3;c++){
      var n=GRID[r][c],active=si>=0&&seq[si]===n&&phase===0;
      var recall=si<0&&seq.indexOf(n)>=0;
      var x=ox+c*(bw+gap),y=oy+r*(bw+gap);
      ctx.strokeStyle=active?GOLD:recall?'#5b9fda':MID;ctx.lineWidth=1.5;
      ctx.fillStyle=active?'rgba(212,180,86,0.2)':recall?'rgba(91,159,218,0.12)':'#0a1620';
      ctx.fillRect(x,y,bw,bw);ctx.strokeRect(x,y,bw,bw);
    }
    cap(ctx,si>=0?'memorise sequence ('+seq.slice(0,si+1).join('→')+')':'recall: click boxes in order',si>=0?GOLD:MID);
  }tick();
}


function animDrawERP(ctx,W,H,peakMs,peakAmp,label,col,totalMs){
  totalMs=totalMs||600;
  var tw=W*0.8,tx=(W-tw)/2,cy=H/2-8;
  ctx.strokeStyle=col||GOLD;ctx.lineWidth=1.5;ctx.beginPath();
  for(var x=0;x<tw;x++){
    var t=(x/tw)*totalMs-100;
    var amp=peakAmp*Math.exp(-0.5*Math.pow((t-peakMs)/40,2));
    ctx.lineTo(tx+x,cy-amp);
  }
  ctx.stroke();
  // zero line
  ctx.strokeStyle='rgba(138,180,208,0.2)';ctx.lineWidth=0.5;
  ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
  // label at peak
  var px=tx+((peakMs+100)/totalMs)*tw;
  ctx.fillStyle=col||GOLD;ctx.font='9px "Source Code Pro",monospace';ctx.textAlign='center';ctx.fillText(label,px,cy-Math.abs(peakAmp)-8);
}

function animMoCA(){
  var GOLD='#d4b456',MID='rgba(138,180,208,0.5)',NAVY='#060d14';
  var domains=[{lbl:'Visuosp.',pts:5},{lbl:'Naming',pts:3},{lbl:'Memory',pts:5},{lbl:'Attn',pts:6},{lbl:'Lang',pts:3},{lbl:'Abstraction',pts:2},{lbl:'Orient.',pts:6}];
  var t=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    var ctx=getCtx(); if(!ctx) return;
    ctx.clearRect(0,0,520,110);ctx.fillStyle=NAVY;ctx.fillRect(0,0,520,110);
    var bw=52,gap=6,ox=16,oy=18;
    domains.forEach(function(d,i){
      var fill=Math.min(1,t/(60+i*8));
      var bh=60*fill;
      ctx.fillStyle='rgba(212,180,86,0.12)';ctx.fillRect(ox+i*(bw+gap),oy,bw,60);
      ctx.fillStyle=GOLD;ctx.fillRect(ox+i*(bw+gap),oy+60-bh,bw,bh);
      ctx.strokeStyle='rgba(212,180,86,0.3)';ctx.lineWidth=1;ctx.strokeRect(ox+i*(bw+gap),oy,bw,60);
      ctx.fillStyle=GOLD;ctx.font='9px "Source Code Pro",monospace';ctx.textAlign='center';
      ctx.fillText(d.pts,ox+i*(bw+gap)+bw/2,oy+60+10);
      ctx.fillStyle=MID;ctx.font='8px "Source Code Pro",monospace';
      ctx.fillText(d.lbl,ox+i*(bw+gap)+bw/2,105);
    });
    ctx.fillStyle=GOLD;ctx.font='bold 11px "Source Code Pro",monospace';ctx.textAlign='right';
    ctx.fillText('/30',504,28);
  }
  tick();
}

function animREWP(){
  var RED='#e05c5c';
  var t=0;
  function tick(){
    animRAF=requestAnimationFrame(tick); t++;
    var ctx=getCtx(); if(!ctx) return;
    ctx.clearRect(0,0,520,110); ctx.fillStyle=NAVY; ctx.fillRect(0,0,520,110);
    var W=520,H=110, cy=H/2-5, tw=W*0.7, tx=(W-tw)/2;
    // zero line
    ctx.strokeStyle='rgba(138,180,208,0.15)'; ctx.lineWidth=0.5;
    ctx.beginPath(); ctx.moveTo(tx,cy); ctx.lineTo(tx+tw,cy); ctx.stroke();
    // WIN trace (positive)
    ctx.strokeStyle=GOLD; ctx.lineWidth=1.5; ctx.beginPath();
    for(var x=0;x<tw;x++){
      var ms=(x/tw)*600-100;
      var rewp=24*Math.exp(-0.5*Math.pow((ms-250)/55,2));
      var n2=-10*Math.exp(-0.5*Math.pow((ms-200)/30,2));
      ctx.lineTo(tx+x, cy-(rewp+n2));
    } ctx.stroke();
    // LOSS trace (negative)
    ctx.strokeStyle=RED; ctx.lineWidth=1.5; ctx.beginPath();
    for(var x=0;x<tw;x++){
      var ms=(x/tw)*600-100;
      var frn=-18*Math.exp(-0.5*Math.pow((ms-250)/55,2));
      ctx.lineTo(tx+x, cy-(frn));
    } ctx.stroke();
    // Labels
    ctx.font='9px "Source Code Pro",monospace'; ctx.textAlign='center';
    ctx.fillStyle=GOLD; ctx.fillText('WIN (RewP)',tx+tw*0.58,cy-30);
    ctx.fillStyle=RED;  ctx.fillText('LOSS (FRN)',tx+tw*0.58,cy+26);
    ctx.fillStyle=MID;  ctx.fillText('0',tx,cy-8);
    ctx.fillStyle=MID;  ctx.font='8px "Source Code Pro",monospace';
    ctx.fillText('250ms',tx+tw*(350/600),H-4);
  }
  tick();
}


function animDigCan(){
  var TARGETS=[3,7];
  var cells=[];for(var i=0;i<40;i++)cells.push(Math.floor(Math.random()*10));
  var highlighted=[];var t=0,flash=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    if(t%30===0){flash=(flash+1)%cells.length;}
    var cols=20,cw=24,ch=20,ox=4,oy=8;
    for(var i=0;i<cells.length;i++){
      var col=i%cols,row=Math.floor(i/cols);
      var x=ox+col*cw,y=oy+row*ch;
      var isTarget=TARGETS.indexOf(cells[i])>=0;
      var isFlash=i===flash&&isTarget;
      ctx.fillStyle=isFlash?'rgba(212,180,86,0.3)':isTarget?'rgba(212,180,86,0.08)':'#0a1620';
      ctx.strokeStyle=isFlash?GOLD:isTarget?'rgba(212,180,86,0.3)':'rgba(138,180,208,0.15)';
      ctx.lineWidth=1;ctx.fillRect(x,y,cw-2,ch-2);ctx.strokeRect(x,y,cw-2,ch-2);
      ctx.font='10px "Source Code Pro",monospace';
      ctx.fillStyle=isFlash?GOLD:isTarget?'rgba(212,180,86,0.7)':MID;
      ctx.textAlign='center';ctx.fillText(cells[i],x+(cw-2)/2,y+(ch-2)*0.75);
    }
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='left';
    ctx.fillText('TARGET: '+TARGETS.join(' & '),ox,H-4);
  }
  tick();
}


function animABR(){
  var WAVES=[
    {lat:1.7,amp:14},{lat:2.9,amp:9},
    {lat:3.9,amp:20},{lat:5.1,amp:13},{lat:5.7,amp:36}
  ];
  var LABELS=['I','II','III','IV','V'];
  var t=0,sweep=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var totalMs=12,tw=W*0.82,tx=(W-tw)/2,cy=H/2+8;
    // zero line
    ctx.strokeStyle='rgba(138,180,208,0.12)';ctx.lineWidth=0.5;
    ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    // Sweep line
    var sweepX=tx+(sweep/totalMs)*tw;
    ctx.strokeStyle='rgba(212,180,86,0.15)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(sweepX,8);ctx.lineTo(sweepX,H-8);ctx.stroke();
    sweep=(sweep+0.08)%totalMs;
    // Waveform
    ctx.strokeStyle=GOLD;ctx.lineWidth=1.5;ctx.beginPath();
    for(var x=0;x<tw;x++){
      var ms=(x/tw)*totalMs;
      var amp=0;
      WAVES.forEach(function(w,i){
        var neg=(i===1||i===3)?-1:1;  // II and IV are negative
        amp+=w.amp*neg*Math.exp(-0.5*Math.pow((ms-w.lat)/0.22,2));
      });
      ctx.lineTo(tx+x,cy-amp*0.55);
    }
    ctx.stroke();
    // Wave labels I–V
    WAVES.forEach(function(w,i){
      var x=tx+(w.lat/totalMs)*tw;
      var neg=(i===1||i===3);
      ctx.strokeStyle='rgba(212,180,86,0.2)';ctx.lineWidth=0.5;
      ctx.beginPath();ctx.moveTo(x,cy+(neg?10:-28));ctx.lineTo(x,cy+(neg?28:-10));ctx.stroke();
      ctx.fillStyle=i===4?GOLD:MID;
      ctx.font=(i===4?'bold ':'')+'8px "Source Code Pro",monospace';
      ctx.textAlign='center';
      ctx.fillText(LABELS[i],x,cy+(neg?38:-30));
    });
    // Rate label
    ctx.fillStyle=MID;ctx.font='8px "Source Code Pro",monospace';ctx.textAlign='left';
    ctx.fillText('11.1 clicks/sec',tx,H-4);
    ctx.textAlign='right';ctx.fillText('0–12ms',tx+tw,H-4);
  }
  tick();
}


function animSymSearch(){
  var SYMS=['▲','●','■','◆','★','✦','⊕','⊗','Ψ','Φ','Ω','Σ'];
  var item=null,t=0,flash=0;
  function makeItem(){
    var pool=SYMS.slice().sort(function(){return Math.random()-0.5;});
    var t1=pool[0],t2=pool[1];
    var arr=pool.slice(2,7);
    if(Math.random()<0.5) arr[Math.floor(Math.random()*5)]=Math.random()<0.5?t1:t2;
    return {t1:t1,t2:t2,arr:arr};
  }
  item=makeItem();
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    if(t%80===0){item=makeItem();}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cw=36,ch=38,gap=5,ty=H/2-ch/2;
    // Targets
    ctx.font='bold 10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText('TARGETS',cw+gap/2,ty-8);
    [item.t1,item.t2].forEach(function(s,i){
      var x=8+i*(cw+gap);
      ctx.strokeStyle='rgba(212,180,86,0.5)';ctx.lineWidth=1.5;
      ctx.fillStyle='rgba(212,180,86,0.08)';ctx.fillRect(x,ty,cw,ch);ctx.strokeRect(x,ty,cw,ch);
      ctx.font='18px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';
      ctx.fillText(s,x+cw/2,ty+ch*0.72);
    });
    // Divider
    var dx=8+2*(cw+gap)+10;
    ctx.strokeStyle='rgba(138,180,208,0.3)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(dx,ty-4);ctx.lineTo(dx,ty+ch+4);ctx.stroke();
    ctx.font='bold 10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText('SEARCH',dx+12+item.arr.length*(cw+gap)/2,ty-8);
    // Search array
    item.arr.forEach(function(s,i){
      var x=dx+14+i*(cw+gap);
      var isTarget=s===item.t1||s===item.t2;
      ctx.strokeStyle=isTarget?'rgba(212,180,86,0.4)':'rgba(138,180,208,0.2)';ctx.lineWidth=1.5;
      ctx.fillStyle=isTarget?'rgba(212,180,86,0.06)':'#0a1620';
      ctx.fillRect(x,ty,cw,ch);ctx.strokeRect(x,ty,cw,ch);
      ctx.font='18px monospace';ctx.fillStyle=isTarget?GOLD:MID;ctx.textAlign='center';
      ctx.fillText(s,x+cw/2,ty+ch*0.72);
    });
  }
  tick();
}


function animPhonFlue(){
  var LETTERS=['F','A','S'];
  var SAMPLE={
    F:['fox','find','farm','fish','front','fast','flow','fur','face','feel'],
    A:['art','arm','apple','able','ask','aim','act','arc','amid','air'],
    S:['sun','sail','step','short','sit','slow','seed','side','soft','star']
  };
  var t=0,li=0,wi=0,showWord=false;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    if(t%18===0){
      showWord=!showWord;
      if(!showWord){wi=(wi+1)%SAMPLE[LETTERS[li]].length;}
      if(wi===0&&!showWord){li=(li+1)%3;}
    }
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var letter=LETTERS[li];
    // Big letter
    ctx.font='bold 64px "Source Code Pro",monospace';
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.textAlign='center';
    ctx.fillText(letter,W/2,H/2+20);
    // Streaming word
    if(showWord){
      var word=SAMPLE[letter][wi];
      ctx.font='18px "EB Garamond",serif';ctx.fillStyle=GOLD;ctx.textAlign='center';
      // Highlight the first letter
      var fw=ctx.measureText(word[0]).width;
      var tw2=ctx.measureText(word).width;
      ctx.fillStyle=MID;ctx.fillText(word,W/2,H/2+10);
      ctx.fillStyle=GOLD;ctx.fillText(word[0],W/2-tw2/2+fw/2,H/2+10);
    }
    // Letter tabs
    LETTERS.forEach(function(l,i){
      var x=W/2+(i-1)*60,y=H-18;
      ctx.font='bold 11px "Source Code Pro",monospace';ctx.textAlign='center';
      ctx.fillStyle=l===letter?GOLD:MID;
      ctx.fillText(l,x,y);
      if(l===letter){
        ctx.strokeStyle=GOLD;ctx.lineWidth=1;
        ctx.beginPath();ctx.moveTo(x-12,y+4);ctx.lineTo(x+12,y+4);ctx.stroke();
      }
    });
  }
  tick();
}


function animJLO(){
  var t=0,phase=0,phaseTick=0;
  var targetAngles=[3,8], selectedLines=[];
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    // Cycle through: show stim → show fan → show selection → confirm
    if(phaseTick>90){phaseTick=0;phase=(phase+1)%3;
      if(phase===0){targetAngles=[1+Math.floor(Math.random()*11),1+Math.floor(Math.random()*11)];
        while(targetAngles[0]===targetAngles[1])targetAngles[1]=1+Math.floor(Math.random()*11);
        selectedLines=[];}
      if(phase===2){selectedLines=targetAngles.slice();}
    }
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2+10,fanLen=38,stimLen=22;

    // Left: stim panel
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText('MATCH',80,22);
    var cols=['#d4b456','#5b9fda'];
    targetAngles.forEach(function(n,i){
      var deg=(n-1)*18,rad=deg*Math.PI/180;
      var ox=60+(i*40);
      ctx.strokeStyle=cols[i];ctx.lineWidth=2;ctx.lineCap='round';
      ctx.beginPath();
      ctx.moveTo(ox-Math.cos(rad)*stimLen,cy+Math.sin(rad)*stimLen);
      ctx.lineTo(ox+Math.cos(rad)*stimLen,cy-Math.sin(rad)*stimLen);
      ctx.stroke();
    });

    // Divider
    ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(W/2-20,12);ctx.lineTo(W/2-20,H-12);ctx.stroke();

    // Right: fan
    ctx.font='8px "Source Code Pro",monospace';ctx.textAlign='center';
    ctx.fillStyle=MID;ctx.fillText('FAN',W/2+70,22);
    var fanCx=W/2+60,fanCy=H-18;
    for(var n=1;n<=11;n++){
      var deg2=(n-1)*18,rad2=deg2*Math.PI/180;
      var sel=selectedLines.indexOf(n)>=0;
      ctx.strokeStyle=sel?GOLD:'rgba(138,180,208,0.35)';
      ctx.lineWidth=sel?2:1;
      ctx.beginPath();ctx.moveTo(fanCx,fanCy);
      ctx.lineTo(fanCx+Math.cos(rad2)*fanLen,fanCy-Math.sin(rad2)*fanLen);ctx.stroke();
      ctx.font=(sel?'bold ':'')+'8px "Source Code Pro",monospace';
      ctx.fillStyle=sel?GOLD:MID;ctx.textAlign='center';ctx.textBaseline='middle';
      var lx=fanCx+Math.cos(rad2)*(fanLen+10),ly=fanCy-Math.sin(rad2)*(fanLen+10);
      ctx.fillText(n,lx,ly);
    }
  }
  tick();
}


function animPASAT(){
  var nums=[3,7,4,2,8,5,1,9,6,3,7,2];
  var t=0,ni=0,showNum=false,prevNum=null,currNum=null,sum=null,showSum=false;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    if(t%28===0){
      showSum=false;prevNum=currNum;currNum=nums[ni%nums.length];ni++;
      sum=prevNum!==null?prevNum+currNum:null;showNum=true;
    }
    if(showNum&&t%28===14){showSum=true;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Pace bar
    var pct=1-((t%28)/28);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(0,H-6,W,6);
    ctx.fillStyle=pct>0.3?GOLD:'#e05c5c';ctx.fillRect(0,H-6,W*pct,6);
    // Digits
    if(prevNum!==null){
      ctx.font='22px "Source Code Pro",monospace';ctx.fillStyle='rgba(138,180,208,0.4)';ctx.textAlign='center';
      ctx.fillText(prevNum,W/2-60,H/2+8);
    }
    ctx.font='11px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    if(prevNum!==null) ctx.fillText('+',W/2-20,H/2+8);
    if(currNum!==null){
      ctx.font='bold 36px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';
      ctx.fillText(currNum,W/2+20,H/2+12);
    }
    if(showSum&&sum!==null){
      ctx.font='18px "Source Code Pro",monospace';ctx.fillStyle='rgba(129,199,132,0.85)';ctx.textAlign='center';
      ctx.fillText('= '+sum,W/2+80,H/2+8);
    }
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='left';
    ctx.fillText('add each new digit to the one before it',10,16);
  }
  tick();
}


function animRAVLT(){
  var LIST_A=['drum','curtain','bell','coffee','school','parent','moon','garden','hat','farmer'];
  var t=0,wi=0,phase=0,phaseTick=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>20){phaseTick=0;
      if(phase===0){wi=(wi+1)%LIST_A.length;}
      else if(phase===1&&wi>4){phase=2;wi=0;}
      if(phase===2) phase=0;
    }
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Trial label
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='left';
    ctx.fillText('TRIAL I–V  →  INTERFERENCE B  →  RECALL VI  →  DELAY  →  RECALL VII',10,14);
    // Progress dots I–V
    var trialNames=['I','II','III','IV','V','B','VI','VII'];
    trialNames.forEach(function(tn,i){
      var x=20+i*60,y=32;
      ctx.beginPath();ctx.arc(x,y,6,0,Math.PI*2);
      ctx.fillStyle=i<=4?GOLD:tn==='B'?'#e05c5c':MID;ctx.fill();
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=NAVY;ctx.textAlign='center';
      ctx.fillText(tn,x,y+3);
    });
    // Current word
    var word=LIST_A[wi]||'';
    ctx.font='bold 38px "EB Garamond",serif';ctx.fillStyle=GOLD;ctx.textAlign='center';
    ctx.fillText(word,W/2,H/2+14);
    // Word count indicator
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText((wi+1)+' / 15',W/2,H-10);
  }
  tick();
}


function animCVLT(){
  var CATS={Fruits:['apple','mango','peach','cherry'],Tools:['hammer','wrench','pliers','chisel'],
            Clothing:['blouse','jacket','sandal','glove'],Spices:['pepper','ginger','nutmeg','clove']};
  var catNames=Object.keys(CATS);
  var catCols=['#d4b456','#5b9fda','#81c784','#e07070'];
  var t=0,wi=0,ci=0;
  var flatList=[];
  catNames.forEach(function(c,i){CATS[c].forEach(function(w){flatList.push({word:w,cat:i});});});
  flatList.sort(function(){return Math.random()-0.5;});
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;
    if(t%22===0){wi=(wi+1)%flatList.length;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Category legend
    catNames.forEach(function(c,i){
      ctx.font='8px "Source Code Pro",monospace';
      ctx.fillStyle=catCols[i];ctx.textAlign='left';
      ctx.fillText(c,10+i*125,14);
    });
    // Current word
    var item=flatList[wi];
    ctx.font='bold 36px "EB Garamond",serif';
    ctx.fillStyle=catCols[item.cat];ctx.textAlign='center';
    ctx.fillText(item.word,W/2,H/2+12);
    // Category label
    ctx.font='10px "Source Code Pro",monospace';
    ctx.fillStyle='rgba('+[catCols[item.cat].slice(1).match(/../g).map(function(h){return parseInt(h,16);}).join(',')]+',0.6)';
    ctx.fillText(catNames[item.cat].toUpperCase(),W/2,H/2+28);
    // Trial dots
    var trials=['T1','T2','T3','T4','T5','B','→'];
    trials.forEach(function(tn,i){
      var x=W/2+(i-3)*52,y=H-14;
      ctx.beginPath();ctx.arc(x,y,5,0,Math.PI*2);
      ctx.fillStyle=i<5?GOLD:i===5?'#e05c5c':MID;ctx.fill();
      ctx.font='7px "Source Code Pro",monospace';ctx.fillStyle=NAVY;ctx.textAlign='center';
      ctx.fillText(tn==='→'?'⟳':tn,x,y+2.5);
    });
  }
  tick();
}


function animIGT(){
  var t=0,selected=-1,flashTick=0;
  var DECK_COLS=['#e05c5c','#e05c5c','#5b9fda','#5b9fda']; // A,B bad; C,D good
  var DECK_LABELS=['A','B','C','D'];
  var NETS=[-25,-25,+25,+25]; // net per card (scaled)
  var balances=[2000];
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;flashTick++;
    if(flashTick>50){flashTick=0;selected=Math.floor(Math.random()*4);
      var net=NETS[selected]+(Math.random()-0.5)*10;
      balances.push(Math.min(5000,Math.max(0,(balances[balances.length-1]||2000)+net)));
      if(balances.length>20)balances.shift();
    }
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Four deck cards
    var dw=56,dh=76,gap=12,ox=(W-4*(dw+gap))/2;
    DECK_LABELS.forEach(function(lbl,i){
      var x=ox+i*(dw+gap),y=H/2-dh/2-8;
      var isSel=i===selected&&flashTick<25;
      ctx.strokeStyle=isSel?DECK_COLS[i]:'rgba(138,180,208,0.25)';
      ctx.lineWidth=isSel?2:1;
      ctx.fillStyle=isSel?'rgba('+[DECK_COLS[i].slice(1).match(/../g).map(function(h){return parseInt(h,16);}).join(',')]+',0.15)':'#0a1620';
      ctx.fillRect(x,y,dw,dh);ctx.strokeRect(x,y,dw,dh);
      ctx.font='bold 20px "Source Code Pro",monospace';
      ctx.fillStyle=isSel?DECK_COLS[i]:'rgba(138,180,208,0.4)';
      ctx.textAlign='center';ctx.fillText(lbl,x+dw/2,y+dh*0.6);
      ctx.font='8px "Source Code Pro",monospace';
      ctx.fillStyle=i<2?'rgba(224,92,92,0.5)':'rgba(91,159,218,0.5)';
      ctx.fillText(i<2?'high risk':'low risk',x+dw/2,y+dh*0.85);
    });
    // Balance sparkline
    if(balances.length>1){
      var sx=10,sy=H-8,sw=W-20,sh=16;
      var mn=Math.min.apply(null,balances),mx=Math.max.apply(null,balances);
      var range=Math.max(mx-mn,500);
      ctx.strokeStyle='rgba(212,180,86,0.5)';ctx.lineWidth=1.5;ctx.beginPath();
      balances.forEach(function(b,i){
        var x=sx+i/(balances.length-1)*sw;
        var y=sy-(b-mn)/range*sh;
        i===0?ctx.moveTo(x,y):ctx.lineTo(x,y);
      });ctx.stroke();
    }
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='left';
    ctx.fillText('balance',10,H-22);
  }
  tick();
}


function animTOL(){
  var t=0,phase=0,phaseTick=0;
  var states=[
    {pegs:[['r','g','b'],[],[]], goal:[['b','g','r'],[],[]]},
    {pegs:[['r'],['g'],['b']], goal:[['r','g','b'],[],[]]},
    {pegs:[['g','b'],['r'],[]], goal:[['b'],['g'],['r']]}
  ];
  var si=0;
  function drawMini(ctx,ox,oy,W,H,pegs,label,highlight){
    var pegX=[ox+38,ox+75,ox+112];var pegW=5;var discH=14;var discMaxW=38;
    ctx.fillStyle='rgba(138,180,208,0.15)';ctx.fillRect(ox+6,oy+H-8,W-12,3);
    [3,2,1].forEach(function(cap,pi){
      var ph=cap*discH+10;
      ctx.fillStyle='rgba(138,180,208,0.2)';ctx.fillRect(pegX[pi]-pegW/2,oy+H-8-ph,pegW,ph);
      (pegs[pi]||[]).forEach(function(disc,di){
        var dw=discMaxW-di*4,dy=oy+H-8-discH*(di+1);
        var COL={r:'#e05c5c',g:'#81c784',b:'#5b9fda'};
        ctx.fillStyle=COL[disc]||'#888';ctx.fillRect(pegX[pi]-dw/2,dy,dw,discH-2);
        ctx.strokeStyle='rgba(0,0,0,0.3)';ctx.lineWidth=1;ctx.strokeRect(pegX[pi]-dw/2,dy,dw,discH-2);
      });
    });
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText(label,ox+W/2,oy+H+10);
  }
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>80){phaseTick=0;si=(si+1)%states.length;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var s=states[si];
    drawMini(ctx,10,10,130,80,s.goal,'GOAL',false);
    // Arrow
    ctx.font='16px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';ctx.fillText('→',W/2,H/2+4);
    drawMini(ctx,W/2+20,10,130,80,s.pegs,'CURRENT',true);
  }
  tick();
}


function animRMET(){
  var t=0,itemIdx=0,phaseTick=0;
  var SAMPLE_EYES=[
    {brow:1,lid:0,pupil:0,wrinkle:false},
    {brow:-1,lid:1,pupil:0,wrinkle:true},
    {brow:0,lid:2,pupil:1,wrinkle:false},
    {brow:0,lid:0,pupil:-1,wrinkle:true}
  ];
  var SAMPLE_WORDS=[['playful','irritated','bored','comforting'],
                   ['worried','arrogant','annoyed','calm'],
                   ['curious','flirtatious','suspicious','aghast'],
                   ['dominant','friendly','guilty','sceptical']];
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>90){phaseTick=0;itemIdx=(itemIdx+1)%SAMPLE_EYES.length;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Mini eye illustration
    var ep=SAMPLE_EYES[itemIdx];
    var cx=W/2-60,cy=H/2-4;
    var EW=72,EH=26;
    // Brow
    var browY=cy-EH/2-12+ep.brow*(-5);
    ctx.beginPath();ctx.moveTo(cx-EW/2,browY+ep.brow*3);
    ctx.quadraticCurveTo(cx,browY-4+ep.brow*3,cx+EW/2,browY+ep.brow*3);
    ctx.strokeStyle='#1a1008';ctx.lineWidth=2.5;ctx.stroke();
    // Sclera
    ctx.beginPath();ctx.ellipse(cx,cy,EW/2,EH/2,0,0,Math.PI*2);
    ctx.fillStyle='rgba(245,240,232,0.9)';ctx.fill();
    ctx.strokeStyle='#1a1008';ctx.lineWidth=1;ctx.stroke();
    // Iris
    var irisR=EH/2*0.72,px=cx+ep.pupil*9;
    ctx.beginPath();ctx.arc(px,cy,irisR,0,Math.PI*2);
    ctx.fillStyle='#4a3828';ctx.fill();
    ctx.beginPath();ctx.arc(px,cy,irisR*0.45,0,Math.PI*2);
    ctx.fillStyle='#0a0806';ctx.fill();
    ctx.beginPath();ctx.arc(px+irisR*0.2,cy-irisR*0.2,irisR*0.12,0,Math.PI*2);
    ctx.fillStyle='rgba(255,255,255,0.85)';ctx.fill();
    // Lid
    var lidDrop=[0,EH*0.25,EH*0.5][ep.lid];
    ctx.beginPath();ctx.moveTo(cx-EW/2,cy-EH/2+lidDrop);
    ctx.quadraticCurveTo(cx,cy-EH/2-5+lidDrop,cx+EW/2,cy-EH/2+lidDrop);
    ctx.lineTo(cx+EW/2,cy-EH/2+14);ctx.quadraticCurveTo(cx,cy-EH/2-8,cx-EW/2,cy-EH/2+14);
    ctx.closePath();ctx.fillStyle=NAVY;ctx.fill();
    ctx.beginPath();ctx.moveTo(cx-EW/2,cy-EH/2+lidDrop);
    ctx.quadraticCurveTo(cx,cy-EH/2-6+lidDrop,cx+EW/2,cy-EH/2+lidDrop);
    ctx.strokeStyle='#1a1008';ctx.lineWidth=2;ctx.stroke();

    // Options
    var words=SAMPLE_WORDS[itemIdx];
    words.forEach(function(w,i){
      var x=W/2+20,y=16+i*22;
      ctx.font=(i===0?'bold ':'')+'11px "EB Garamond",serif';
      ctx.fillStyle=i===0?GOLD:MID;ctx.textAlign='left';
      ctx.fillText((i===0?'▶ ':'   ')+w,x,y);
    });
  }
  tick();
}


function animP1N1(){
  var t=0,phase=0,phaseTick=0,stimSide=0,showStim=false;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>35){phaseTick=0;stimSide=1-stimSide;showStim=true;}
    if(phaseTick>8&&showStim){showStim=false;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2;
    // Fixation
    ctx.font='16px monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('+',cx,cy+6);
    // Cue arrow
    ctx.font='13px monospace';ctx.fillStyle='rgba(212,180,86,0.5)';
    ctx.fillText('◀',cx-18,cy+5);
    // Left stimulus box
    var lx=cx-110,rx=cx+80,sy=cy-20,sw=44,sh=44;
    [lx,rx].forEach(function(sx,si){
      var isStim=showStim&&si===stimSide;
      var isAttended=si===0; // attend left
      ctx.strokeStyle=isStim?(isAttended?GOLD:'rgba(138,180,208,0.5)'):'rgba(138,180,208,0.2)';
      ctx.lineWidth=isStim?2:1;
      ctx.fillStyle=isStim?(isAttended?'rgba(212,180,86,0.25)':'rgba(138,180,208,0.15)'):'#060d14';
      ctx.fillRect(sx,sy,sw,sh);ctx.strokeRect(sx,sy,sw,sh);
    });
    // ERP traces below
    var tw=W*0.35,ty=H-28;
    ['P1','N1'].forEach(function(comp,ci){
      var ox=ci===0?cx-tw-20:cx+20;
      ctx.strokeStyle=ci===0?GOLD:'rgba(91,159,218,0.8)';ctx.lineWidth=1.5;
      ctx.beginPath();
      for(var x=0;x<tw;x++){
        var ms=(x/tw)*300;
        var p1=ci===0?22*Math.exp(-0.5*Math.pow((ms-100)/20,2)):0;
        var n1=ci===1?-24*Math.exp(-0.5*Math.pow((ms-160)/25,2)):0;
        ctx.lineTo(ox+x,ty-(p1+n1)*0.55);
      }
      ctx.stroke();
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=ci===0?GOLD:'rgba(91,159,218,0.8)';
      ctx.textAlign='center';ctx.fillText(comp,ox+tw*(ci===0?0.38:0.58),ty-(ci===0?16:-18));
    });
    ctx.strokeStyle='rgba(138,180,208,0.12)';ctx.lineWidth=0.5;
    ctx.beginPath();ctx.moveTo(cx-tw-20,ty);ctx.lineTo(cx+20+tw,ty);ctx.stroke();
  }
  tick();
}


function animCNVW(){
  var t=0,phase=0,phaseTick=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>80){phaseTick=0;phase=(phase+1)%3;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cy=H/2,tw=W*0.75,tx=(W-tw)/2;
    // Zero line
    ctx.strokeStyle='rgba(138,180,208,0.12)';ctx.lineWidth=0.5;
    ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    // S1 marker
    var s1x=tx+tw*0.1;
    ctx.strokeStyle='rgba(212,180,86,0.4)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(s1x,cy-32);ctx.lineTo(s1x,cy+10);ctx.stroke();
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.6)';ctx.textAlign='center';ctx.fillText('S1',s1x,cy-36);
    // S2 marker
    var s2x=tx+tw*0.7;
    ctx.strokeStyle='rgba(91,159,218,0.4)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(s2x,cy-32);ctx.lineTo(s2x,cy+10);ctx.stroke();
    ctx.fillStyle='rgba(91,159,218,0.6)';ctx.fillText('S2',s2x,cy-36);
    // CNV waveform
    ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.beginPath();
    for(var x=0;x<tw;x++){
      var t2=x/tw;
      var cnv=t2>0.1&&t2<0.7?-28*(t2-0.1)/(0.6):0;
      var resp=t2>0.7?28*(1-Math.exp(-(t2-0.7)*8)):0;
      ctx.lineTo(tx+x,cy+cnv+resp);
    }ctx.stroke();
    // Labels
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';
    ctx.fillText('CNV',tx+tw*0.4,cy-22);
    ctx.fillStyle=MID;ctx.fillText('1000ms foreperiod',tx+tw*0.4,H-6);
  }
  tick();
}

function animTHALPHA(){
  var t=0,phase=0,phaseTick=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>70){phaseTick=0;phase=(phase+1)%2;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var isOpen=phase===0;
    var cy=H/2+5,tw=W*0.6,tx=(W-tw)/2;
    // State label
    ctx.font='bold 10px "Source Code Pro",monospace';ctx.fillStyle=isOpen?GOLD:'rgba(91,159,218,0.8)';
    ctx.textAlign='center';ctx.fillText(isOpen?'EYES OPEN':'EYES CLOSED',W/2,18);
    // Zero line
    ctx.strokeStyle='rgba(138,180,208,0.1)';ctx.lineWidth=0.5;
    ctx.beginPath();ctx.moveTo(tx,cy);ctx.lineTo(tx+tw,cy);ctx.stroke();
    // Alpha wave (larger when EC) + theta
    ctx.strokeStyle=isOpen?'rgba(212,180,86,0.5)':GOLD;ctx.lineWidth=1.5;ctx.beginPath();
    var alphaAmp=isOpen?8:28,alphaFreq=10;
    for(var x=0;x<tw;x++){
      var ms=x/tw*500;
      var alpha=alphaAmp*Math.sin(ms*alphaFreq*2*Math.PI/1000);
      var theta=(isOpen?12:5)*Math.sin(ms*6*2*Math.PI/1000);
      ctx.lineTo(tx+x,cy-(alpha+theta));
    }ctx.stroke();
    // Spectral hint
    ctx.font='8px "Source Code Pro",monospace';ctx.textAlign='left';
    ctx.fillStyle=GOLD;ctx.fillText('α '+(isOpen?'suppressed':'dominant'),tx,H-6);
    ctx.fillStyle=MID;ctx.fillText('θ frontal',tx+tw*0.6,H-6);
  }
  tick();
}

function animLRPEXT(){
  var t=0,dir=1,compat=true,phaseTick=0;
  function tick(){
    animRAF=requestAnimationFrame(tick);t++;phaseTick++;
    if(phaseTick>55){phaseTick=0;dir=-dir;if(Math.random()<0.3)compat=!compat;}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Arrow
    ctx.font='bold 44px monospace';ctx.fillStyle=GOLD;ctx.textAlign='center';
    ctx.fillText(dir===1?'→':'←',W/2,H/2+14);
    // Compatibility label
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=compat?GOLD:'#e05c5c';
    ctx.textAlign='center';ctx.fillText(compat?'COMPATIBLE':'INCOMPATIBLE',W/2,22);
    // Correct response
    var side=dir===1?'right':'left';var corrKey=compat?(dir===1?'J':'F'):(dir===1?'F':'J');
    ctx.font='10px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';
    ctx.fillText('→ press '+corrKey+' ('+corrKey==='F'?'left':'right'+' hand)',W/2,H-10);
    // LRP traces (C3/C4)
    [['C4','#d4b456',true],['C3','rgba(91,159,218,0.7)',false]].forEach(function(ch,ci){
      var ox=W*0.05+ci*(W*0.5);var tw2=W*0.38;var cy2=H-28;
      ctx.strokeStyle=ch[1];ctx.lineWidth=1.2;ctx.beginPath();
      for(var x=0;x<tw2;x++){
        var ms=x/tw2*400-50;
        var lrp=(ch[2]===compat)?-20*Math.max(0,Math.exp(-(ms-200)/60)):
                                   8*Math.max(0,Math.exp(-(ms-180)/70))-12*Math.max(0,Math.exp(-(ms-240)/50));
        ctx.lineTo(ox+x,cy2+lrp*0.6);
      }ctx.stroke();
      ctx.font='7px "Source Code Pro",monospace';ctx.fillStyle=ch[1];ctx.textAlign='left';
      ctx.fillText(ch[0],ox,cy2-14);
    });
  }
  tick();
}

function animN1P2(){
  var t=0,flash=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%45===0)flash=true;if(t%45===8)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Waveform: N1 trough then P2 peak
    var cx=W/2,base=H/2+10;
    ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){
      var t2=x/(W-40);
      var n1=flash?-28*Math.exp(-Math.pow((t2-0.28)*8,2)):0;
      var p2=flash?18*Math.exp(-Math.pow((t2-0.52)*7,2)):0;
      ctx.lineTo(20+x, base+n1+p2);
    }
    ctx.strokeStyle=flash?GOLD:'rgba(212,180,86,0.3)';ctx.lineWidth=2;ctx.stroke();
    if(flash){
      ctx.fillStyle='rgba(212,180,86,0.7)';ctx.font='9px "Source Code Pro",monospace';ctx.textAlign='center';
      ctx.fillText('N1 ~100ms',W*0.35,base-32);ctx.fillText('P2 ~200ms',W*0.58,base+26);
    }
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('N1-P2 auditory ERP',W/2,H-8);
  })();
}
function animRON(){
  var t=0,phase=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%80===0)phase=(phase+1)%3;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,base=H/2+8;
    // Draw three-wave sequence: MMN, P3a, RON
    var labels=[['MMN','~150ms'],['P3a','~300ms'],['RON','~500ms']];
    var cols=['rgba(91,159,218,0.8)','rgba(138,180,208,0.6)','rgba(212,180,86,0.9)'];
    var peaks=[0.22,0.45,0.72];var amps=[-18,14,-14];
    ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var y=0;
      peaks.forEach(function(pk,i){y+=amps[i]*Math.exp(-Math.pow((tx-pk)*9,2));});
      ctx.lineTo(20+x,base+y);}
    ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.stroke();
    labels.forEach(function(lb,i){
      var px=20+(peaks[i]*(W-40));var py=base+amps[i]-6;
      ctx.fillStyle=i===2?GOLD:cols[i];ctx.font='8px "Source Code Pro",monospace';ctx.textAlign='center';
      ctx.fillText(lb[0],px,py);ctx.fillText(lb[1],px,py+10);
    });
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('reorienting negativity',W/2,H-8);
  })();
}
function animLAN(){
  var t=0,flash=false,sent=['The girl walk home.','The boys runs fast.','She read novels.'];var si=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%90===0){flash=true;si=(si+1)%sent.length;}if(t%90===20)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.font='12px "EB Garamond",serif';ctx.textAlign='center';ctx.fillStyle=flash?GOLD:MID;ctx.fillText(sent[si],W/2,H/2-14);
    if(flash){ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle='#e05c5c';ctx.fillText('agreement violation',W/2,H/2+4);}
    var base=H/2+28;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var lan=flash?-16*Math.exp(-Math.pow((tx-0.38)*7,2)):0;ctx.lineTo(20+x,base+lan);}
    ctx.strokeStyle=flash?'rgba(212,180,86,0.8)':'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('LAN ~350ms left frontal',W/2,base-20);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('left anterior negativity',W/2,H-8);
  })();
}
function animCPS(){
  var t=0,flash=false,boundary=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%80===0){flash=true;boundary=!boundary;}if(t%80===16)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillStyle=MID;
    ctx.fillText('When the sun sets',W/2,H/2-20);
    if(boundary){ctx.fillStyle=GOLD;ctx.fillText('/',W/2,H/2-4);ctx.fillStyle=MID;}
    ctx.fillText('the sky turns orange.',W/2,H/2+14);
    // CPS waveform
    var base=H/2+42;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var cps=flash?12*Math.exp(-Math.pow((tx-0.45)*5,2)):0;ctx.lineTo(20+x,base-cps);}
    ctx.strokeStyle=flash?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('CPS ~300ms at boundary',W/2,base-16);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('closure positive shift',W/2,H-8);
  })();
}
function animN2B(){
  var t=0,letter='',flash=false;var lets='ABCXDEXFX'.split('');var li=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%30===0){li=(li+1)%lets.length;letter=lets[li];flash=letter==='X';}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='bold 54px "Source Code Pro",monospace';
    ctx.fillStyle=flash?GOLD:'rgba(138,180,208,0.5)';ctx.fillText(letter,W/2,H/2+18);
    var base=H/2+42;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var n2b=flash?-16*Math.exp(-Math.pow((tx-0.32)*8,2)):0;var p3=flash?22*Math.exp(-Math.pow((tx-0.55)*6,2)):0;ctx.lineTo(20+x,base+n2b+p3);}
    ctx.strokeStyle=flash?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('N2b target ERP',W/2,H-8);
  })();
}
function animPD(){
  var t=0,flash=false,distPos=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%60===0){flash=true;distPos=Math.floor(Math.random()*8);}if(t%60===12)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2;
    for(var i=0;i<8;i++){var a=i*Math.PI/4-Math.PI/2;var px=cx+Math.cos(a)*52,py=cy+Math.sin(a)*52;
      ctx.save();ctx.translate(px,py);
      if(i===0){ctx.rotate(0.4);ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.strokeRect(-8,-8,16,16);}
      else if(flash&&i===distPos){ctx.beginPath();ctx.arc(0,0,7,0,Math.PI*2);ctx.fillStyle='rgba(224,92,92,0.8)';ctx.fill();}
      else{ctx.beginPath();ctx.arc(0,0,7,0,Math.PI*2);ctx.strokeStyle='rgba(138,180,208,0.4)';ctx.lineWidth=1.5;ctx.stroke();}
      ctx.restore();
    }
    if(flash){var base=cy+70;ctx.beginPath();ctx.moveTo(20,base);for(var x=0;x<W-40;x++){var tx=x/(W-40);var pd=12*Math.exp(-Math.pow((tx-0.38)*8,2));ctx.lineTo(20+x,base-pd);}ctx.strokeStyle='rgba(212,180,86,0.7)';ctx.lineWidth=2;ctx.stroke();ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.6)';ctx.textAlign='center';ctx.fillText('Pd contralateral to distractor',W/2,base-16);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('distractor positivity (Pd)',W/2,H-8);
  })();
}
function animERAN(){
  var t=0,flash=false,irregular=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%90===0){flash=true;irregular=Math.random()<0.4;}if(t%90===18)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var chords=['I','IV','V',irregular?'bII':'I'];var cx=W/2-((chords.length-1)*28);
    chords.forEach(function(ch,i){
      var x=cx+i*56,y=H/2-6;var isLast=i===chords.length-1;
      ctx.fillStyle=isLast?(irregular?'rgba(224,92,92,0.8)':GOLD):'rgba(138,180,208,0.5)';
      ctx.font=(isLast?'bold ':'')+' 13px "Source Code Pro",monospace';ctx.textAlign='center';ctx.fillText(ch,x,y);
      if(i<chords.length-1){ctx.fillStyle='rgba(138,180,208,0.3)';ctx.fillText('→',x+28,y);}
    });
    if(flash&&irregular){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='#e05c5c';ctx.textAlign='center';ctx.fillText('music-syntactic violation',W/2,H/2+10);}
    var base=H/2+34;ctx.beginPath();ctx.moveTo(20,base);
    for(var x2=0;x2<W-40;x2++){var tx=x2/(W-40);var eran=flash&&irregular?-14*Math.exp(-Math.pow((tx-0.28)*9,2)):0;ctx.lineTo(20+x2,base+eran);}
    ctx.strokeStyle=flash&&irregular?'rgba(212,180,86,0.8)':'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash&&irregular){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.6)';ctx.textAlign='center';ctx.fillText('ERAN ~175ms right anterior',W/2,base-18);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('early right anterior negativity',W/2,H-8);
  })();
}
function animLPC(){
  var t=0,flash=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%70===0)flash=true;if(t%70===16)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='20px "EB Garamond",serif';
    ctx.fillStyle=flash?GOLD:MID;ctx.fillText(flash?'ANCHOR':'anchor',W/2,H/2-8);
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText(flash?'OLD':'NEW?',W/2,H/2+10);
    var base=H/2+36;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var lpc=flash?18*Math.exp(-Math.pow((tx-0.62)*4,2)):0;ctx.lineTo(20+x,base-lpc);}
    ctx.strokeStyle=flash?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('LPC ~600ms parietal (recollection)',W/2,base-22);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('late positive component',W/2,H-8);
  })();
}
function animFRN(){
  var t=0,outcome=null;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%80===0)outcome=Math.random()<0.5?'win':'loss';if(t%80===24)outcome=null;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';
    if(outcome){ctx.font='bold 22px "Source Code Pro",monospace';ctx.fillStyle=outcome==='win'?'#81c784':'#e05c5c';ctx.fillText(outcome==='win'?'+10 WIN':'-10 LOSS',W/2,H/2-6);}
    else{ctx.font='14px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('DECK A   DECK B',W/2,H/2-6);}
    var base=H/2+36;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var frn=outcome==='loss'?-18*Math.exp(-Math.pow((tx-0.28)*9,2)):0;ctx.lineTo(20+x,base+frn);}
    ctx.strokeStyle=outcome==='loss'?'rgba(212,180,86,0.8)':'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(outcome==='loss'){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('FRN ~250ms Fz — loss > win',W/2,base-22);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('feedback-related negativity',W/2,H-8);
  })();
}
function animCDA(){
  var t=0,phase=0,colours=['#e05c5c','#5b9fda','#81c784'];
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%120===0)phase=(phase+1)%3;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.2)';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(W/2,0);ctx.lineTo(W/2,H);ctx.stroke();
    if(phase===0){colours.forEach(function(c,i){ctx.fillStyle=c;ctx.fillRect(22+i*36,H/2-18,28,28);});}
    else if(phase===2){colours.forEach(function(c,i){ctx.fillStyle=c;ctx.fillRect(22+i*36,H/2-18,28,28);});}
    if(phase===0||phase===2){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='left';ctx.fillText(phase===0?'STUDY':'TEST',8,H/2-24);}
    if(phase===1){ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.6)';ctx.textAlign='center';ctx.fillText('DELAY — CDA sustained',W/2,H/2+6);}
    var base=H-26;if(phase===1){ctx.beginPath();ctx.moveTo(20,base);for(var x=0;x<W-40;x++)ctx.lineTo(20+x,base-8);ctx.strokeStyle='rgba(212,180,86,0.6)';ctx.lineWidth=2;ctx.stroke();}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('contralateral delay activity',W/2,H-8);
  })();
}
function animLDAEP(){
  var t=0,level=1;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%40===0)level=1+Math.floor(Math.random()*5);
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    // Show 5 intensity bars
    var cx=W/2,by=H/2-20;
    for(var i=0;i<5;i++){var bh=(i+1)*8;var bx=cx-32+i*16;ctx.fillStyle=i<level?'rgba(212,180,86,0.7)':'rgba(212,180,86,0.15)';ctx.fillRect(bx,by-bh,12,bh);}
    // Show scaled N1-P2 waveform
    var base=H/2+28;ctx.beginPath();ctx.moveTo(20,base);
    var amp=level*8;
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var n1=-amp*Math.exp(-Math.pow((tx-0.28)*8,2));var p2=amp*0.7*Math.exp(-Math.pow((tx-0.52)*7,2));ctx.lineTo(20+x,base+n1+p2);}
    ctx.strokeStyle='rgba(212,180,86,0.8)';ctx.lineWidth=2;ctx.stroke();
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('N1/P2 amplitude grows with intensity',W/2,H/2+50);
    ctx.font='9px "Source Code Pro",monospace';ctx.fillText('loudness dependence (LDAEP)',W/2,H-8);
  })();
}
function animRRN(){
  var t=0,phase=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%100===0)phase=(phase+1)%3;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var base=H/2+10;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);
      var bp=phase>0?-10*(1-tx):0;
      var lrp=phase>1?-12*Math.exp(-Math.pow((tx-0.7)*7,2)):0;
      ctx.lineTo(20+x,base+bp+lrp);}
    ctx.strokeStyle=phase>0?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(phase>0){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.textAlign='center';ctx.fillText('BP (~-1000ms)',W*0.25,base-14);if(phase>1)ctx.fillText('LRP (~-300ms)',W*0.75,base-16);}
    ctx.font='14px "Source Code Pro",monospace';ctx.fillStyle=phase===2?GOLD:MID;ctx.textAlign='center';ctx.fillText(phase===2?'←':'·',W/2,H/2-18);
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('readiness-related negativity',W/2,H-8);
  })();
}
function animC1(){
  var t=0,field=null,polarity=1;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%55===0){field=Math.random()<0.5?'upper':'lower';polarity=field==='upper'?-1:1;}
    if(t%55===12)field=null;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2;
    // Fixation
    ctx.strokeStyle='rgba(138,180,208,0.5)';ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(cx-6,cy);ctx.lineTo(cx+6,cy);ctx.moveTo(cx,cy-6);ctx.lineTo(cx,cy+6);ctx.stroke();
    // Stimulus
    if(field){var py=field==='upper'?cy-50:cy+50;ctx.fillStyle='rgba(255,255,255,0.6)';ctx.beginPath();ctx.arc(cx,py,15,0,Math.PI*2);ctx.fill();
      // Waveform
      var base=cy+30;ctx.beginPath();ctx.moveTo(20,base);for(var x=0;x<W-40;x++){var tx=x/(W-40);var c1w=polarity*14*Math.exp(-Math.pow((tx-0.22)*11,2));ctx.lineTo(20+x,base+c1w);}
      ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.stroke();
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.textAlign='center';
      ctx.fillText('C1 ~70ms — '+(field==='upper'?'NEG (upper)':'POS (lower)'),W/2,base+(polarity*-18));
    }
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('C1 first cortical visual response',W/2,H-8);
  })();
}
function animPMN(){
  var t=0,flash=false,phon=false;
  var words=[['medicine','blankets'],['exam','test'],['plants','garden']];var wi=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%80===0){flash=true;phon=!phon;wi=(wi+1)%words.length;}if(t%80===18)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='10px "EB Garamond",serif';ctx.fillStyle=MID;
    ctx.fillText('The nurse gave the patient some',W/2,H/2-22);
    if(flash){ctx.font='bold 14px "EB Garamond",serif';ctx.fillStyle=phon?'rgba(212,180,86,0.5)':GOLD;ctx.fillText(words[wi][phon?1:0].toUpperCase(),W/2,H/2-2);}
    if(flash&&phon){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.4)';ctx.fillText('phon. mismatch',W/2,H/2+14);}
    var base=H/2+34;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var pmn=flash&&phon?-13*Math.exp(-Math.pow((tx-0.3)*9,2)):0;ctx.lineTo(20+x,base+pmn);}
    ctx.strokeStyle=flash&&phon?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash&&phon){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.6)';ctx.fillText('PMN ~270ms left-anterior',W/2,base-16);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('phonological mismatch negativity',W/2,H-8);
  })();
}
function animVPP(){
  var t=0,isFace=true;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%70===0)isFace=!isFace;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2-10;
    if(isFace){
      ctx.beginPath();ctx.ellipse(cx,cy,28,34,0,0,Math.PI*2);ctx.strokeStyle='rgba(212,180,86,0.7)';ctx.lineWidth=1.5;ctx.stroke();
      [[cx-10,cy-9],[cx+10,cy-9]].forEach(function(p){ctx.beginPath();ctx.ellipse(p[0],p[1],5,3,0,0,Math.PI*2);ctx.stroke();});
      ctx.beginPath();ctx.arc(cx,cy+10,8,0.2,Math.PI-0.2);ctx.stroke();
    } else {
      ctx.strokeStyle='rgba(138,180,208,0.5)';ctx.lineWidth=1.5;ctx.strokeRect(cx-26,cy-26,52,52);
    }
    // VPP waveform (positive at Cz for faces)
    var base=cy+50;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var vpp=isFace?16*Math.exp(-Math.pow((tx-0.38)*8,2)):4*Math.exp(-Math.pow((tx-0.38)*8,2));ctx.lineTo(20+x,base-vpp);}
    ctx.strokeStyle=isFace?GOLD:'rgba(212,180,86,0.25)';ctx.lineWidth=2;ctx.stroke();
    if(isFace){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.textAlign='center';ctx.fillText('VPP ~170ms Cz (face > object)',W/2,base-20);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('vertex positive potential',W/2,H-8);
  })();
}
function animPE(){
  var t=0,flash=false,isError=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%65===0){flash=true;isError=Math.random()<0.35;}if(t%65===14)flash=false;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='18px "Source Code Pro",monospace';
    ctx.fillStyle=flash?(isError?'#e05c5c':GOLD):MID;
    ctx.fillText(isError?'← ← → ← ←':'→ → → → →',W/2,H/2-10);
    var base=H/2+26;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);
      var ern=flash&&isError?-16*Math.exp(-Math.pow((tx-0.18)*11,2)):0;
      var pe=flash&&isError?18*Math.exp(-Math.pow((tx-0.42)*7,2)):0;
      ctx.lineTo(20+x,base+ern+pe);}
    ctx.strokeStyle=flash&&isError?'rgba(212,180,86,0.8)':'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(flash&&isError){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('ERN → Pe (conscious awareness)',W/2,base-22);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('error positivity (Pe)',W/2,H-8);
  })();
}
function animORN(){
  var t=0,seg=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%75===0)seg=!seg;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2-10;
    if(seg){
      ctx.beginPath();ctx.arc(cx-22,cy,16,0,Math.PI*2);ctx.strokeStyle=GOLD;ctx.lineWidth=2;ctx.stroke();
      ctx.beginPath();ctx.arc(cx+22,cy,16,0,Math.PI*2);ctx.strokeStyle='rgba(224,92,92,0.7)';ctx.stroke();
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('440 Hz   687 Hz',cx,cy+30);
    } else {
      ctx.beginPath();ctx.arc(cx,cy,22,0,Math.PI*2);ctx.strokeStyle='rgba(138,180,208,0.6)';ctx.lineWidth=2;ctx.stroke();
      ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('440 + 660 Hz (fused)',cx,cy+32);
    }
    var base=cy+50;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var orn=seg?-14*Math.exp(-Math.pow((tx-0.26)*10,2)):0;ctx.lineTo(20+x,base+orn);}
    ctx.strokeStyle=seg?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(seg){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.textAlign='center';ctx.fillText('ORN ~175ms — stream segregation',W/2,base-18);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('object-related negativity',W/2,H-8);
  })();
}
function animMFN(){
  var t=0,inc=false,word='RED',ink='red';var pairs=[['RED','red',true],['BLUE','blue',true],['RED','blue',false],['BLUE','red',false]];var pi=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%55===0){pi=(pi+1)%pairs.length;word=pairs[pi][0];ink=pairs[pi][1];inc=!pairs[pi][2];}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='bold 26px "Source Code Pro",monospace';
    ctx.fillStyle=ink==='red'?'#e05c5c':'#5b9fda';ctx.fillText(word,W/2,H/2-4);
    var base=H/2+30;ctx.beginPath();ctx.moveTo(20,base);
    for(var x=0;x<W-40;x++){var tx=x/(W-40);var mfn=inc?-14*Math.exp(-Math.pow((tx-0.3)*9,2)):0;ctx.lineTo(20+x,base+mfn);}
    ctx.strokeStyle=inc?GOLD:'rgba(212,180,86,0.2)';ctx.lineWidth=2;ctx.stroke();
    if(inc){ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillText('MFN ~270ms FCz — conflict',W/2,base-18);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('medial frontal negativity',W/2,H-8);
  })();
}
  // Expose anim functions to window for ANIM_MAP access
  window.animP50 = animP50;
  window.animN100 = animN100;
  window.animPVEP = animPVEP;
  window.animSCP = animSCP;
  window.animP3A = animP3A;
  window.animASSR = animASSR;
  window.animCPT = animCPT;
  window.animEmotStroop = animEmotStroop;
  window.animTaskSwitch = animTaskSwitch;
  window.animDualTask = animDualTask;

// ══ ANIM — new batch ══════════════════════════════════════
function animSART(){
  var digit=1,tick=0,show=true;
  (function loop(){
    animRAF=requestAnimationFrame(loop);tick++;
    if(tick%20===0){show=!show;if(!show)digit=Math.random()<0.15?3:(1+Math.floor(Math.random()*8));}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='bold 54px "Source Code Pro",monospace';
    if(show){ctx.fillStyle=digit===3?'#e05c5c':GOLD;ctx.fillText(digit,W/2,H/2+18);}
    else{ctx.fillStyle='rgba(138,180,208,0.2)';ctx.fillText('#',W/2,H/2+18);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('SPACE for all except 3',W/2,H-8);
  })();
}
window.animSART=animSART;

function animUFOV(){
  var t=0,periAngle=0,showPeri=false;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%50===0){periAngle=Math.floor(Math.random()*8)*45;showPeri=true;}
    if(t%60===0)showPeri=false;
    var ctx=getCtx();if(!ctx)return;
    var cx=W/2,cy=H/2;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.25)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(cx-8,cy);ctx.lineTo(cx+8,cy);ctx.stroke();
    ctx.beginPath();ctx.moveTo(cx,cy-8);ctx.lineTo(cx,cy+8);ctx.stroke();
    ctx.fillStyle='rgba(245,240,232,0.8)';ctx.fillRect(cx-14,cy-7,28,14);
    if(showPeri){var rad=periAngle*Math.PI/180,r=90;ctx.fillStyle='rgba(212,180,86,0.85)';ctx.beginPath();ctx.arc(cx+Math.cos(rad)*r,cy+Math.sin(rad)*r,7,0,Math.PI*2);ctx.fill();}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('click peripheral flash',W/2,H-8);
  })();
}
window.animUFOV=animUFOV;

function animPAL(){
  var t=0,pairs=[['apple','doctor'],['river','candle'],['stone','justice']],pi=0,phase='show';
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%60===0){pi=(pi+1)%pairs.length;phase=phase==='show'?'cue':'show';}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='16px "EB Garamond",serif';
    if(phase==='show'){ctx.fillStyle=GOLD;ctx.fillText(pairs[pi][0].toUpperCase()+' — '+pairs[pi][1].toUpperCase(),W/2,H/2+6);}
    else{ctx.fillStyle=MID;ctx.fillText(pairs[pi][0].toUpperCase()+' — ?',W/2,H/2+6);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('paired associate learning',W/2,H-8);
  })();
}
window.animPAL=animPAL;

function animSrcMem(){
  var t=0,word='HARBOR',side='left',phase='study';
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%80===0){var ws=['harbor','temple','raven','lantern'];word=ws[Math.floor(Math.random()*ws.length)];side=Math.random()<0.5?'left':'right';phase=t%160<80?'study':'test';}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var bw=90,bh=36,gap=20,by=H/2-bh/2;
    var lx=W/2-bw-gap/2,rx=W/2+gap/2;
    ctx.strokeStyle='rgba(138,180,208,0.3)';ctx.lineWidth=1;ctx.strokeRect(lx,by,bw,bh);ctx.strokeRect(rx,by,bw,bh);
    ctx.font='13px "EB Garamond",serif';ctx.textAlign='center';
    if(phase==='study'){ctx.fillStyle=side==='left'?GOLD:MID;ctx.fillText(side==='left'?word.toUpperCase():'',lx+bw/2,by+bh/2+5);ctx.fillStyle=side==='right'?GOLD:MID;ctx.fillText(side==='right'?word.toUpperCase():'',rx+bw/2,by+bh/2+5);}
    else{ctx.fillStyle=MID;ctx.fillText(word.toUpperCase(),lx+bw/2,by+bh/2+5);ctx.fillText(word.toUpperCase(),rx+bw/2,by+bh/2+5);}
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(138,180,208,0.4)';ctx.fillText('LEFT',lx+bw/2,by+bh+14);ctx.fillText('RIGHT',rx+bw/2,by+bh+14);
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('source memory',W/2,H-8);
  })();
}
window.animSrcMem=animSrcMem;

function animBNT(){
  var t=0,shape=0,shapes=['bed','tree','pencil','house'];
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%90===0)shape=(shape+1)%shapes.length;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cx=W/2,cy=H/2;
    ctx.fillStyle='rgba(245,240,232,0.9)';ctx.strokeStyle='rgba(42,26,10,0.8)';ctx.lineWidth=1.5;
    var s=shapes[shape];
    if(s==='bed'){ctx.fillStyle='rgba(139,115,85,0.7)';ctx.fillRect(cx-30,cy,60,22);ctx.fillRect(cx-36,cy-8,14,30);ctx.fillRect(cx+22,cy-8,14,30);}
    else if(s==='tree'){ctx.fillStyle='rgba(58,107,53,0.8)';ctx.beginPath();ctx.moveTo(cx,cy-30);ctx.lineTo(cx-24,cy+12);ctx.lineTo(cx+24,cy+12);ctx.closePath();ctx.fill();ctx.fillStyle='rgba(92,61,30,0.8)';ctx.fillRect(cx-4,cy+12,8,18);}
    else if(s==='pencil'){ctx.fillStyle='rgba(245,200,66,0.8)';ctx.fillRect(cx-8,cy-22,16,44);ctx.fillStyle='rgba(245,240,232,0.9)';ctx.beginPath();ctx.moveTo(cx-8,cy+22);ctx.lineTo(cx,cy+34);ctx.lineTo(cx+8,cy+22);ctx.fill();}
    else if(s==='house'){ctx.fillStyle='rgba(200,80,60,0.8)';ctx.beginPath();ctx.moveTo(cx,cy-28);ctx.lineTo(cx-28,cy-8);ctx.lineTo(cx+28,cy-8);ctx.closePath();ctx.fill();ctx.fillStyle='rgba(212,180,86,0.7)';ctx.fillRect(cx-24,cy-8,48,30);}
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('boston naming test',W/2,H-8);
  })();
}
window.animBNT=animBNT;

function animFER(){
  var t=0,emo=0,emotions=['happy','sad','angry','surprised'];
  var configs={happy:{brow:0,mouth:1},sad:{brow:-1,mouth:-1},angry:{brow:-2,mouth:-1},surprised:{brow:2,mouth:2}};
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%70===0)emo=(emo+1)%emotions.length;
    var ctx=getCtx();if(!ctx)return;
    var cx=W/2,cy=H/2-4,cfg=configs[emotions[emo]];
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(240,208,176,0.9)';ctx.beginPath();ctx.ellipse(cx,cy,30,38,0,0,Math.PI*2);ctx.fill();
    ctx.strokeStyle='rgba(138,96,64,0.6)';ctx.lineWidth=1;ctx.stroke();
    var ey=cy-8;[-12,12].forEach(function(ex){ctx.fillStyle='rgba(42,26,10,0.85)';ctx.beginPath();ctx.arc(cx+ex,ey,5,0,Math.PI*2);ctx.fill();});
    [-12,12].forEach(function(ex,i){var tilt=(i===0?1:-1)*cfg.brow*0.2;ctx.beginPath();ctx.moveTo(cx+ex-8,ey-10+Math.sin(tilt)*4);ctx.lineTo(cx+ex+8,ey-10-Math.sin(tilt)*4);ctx.strokeStyle='rgba(74,42,16,0.8)';ctx.lineWidth=2;ctx.stroke();});
    var my=cy+20,cur=cfg.mouth*10;ctx.beginPath();ctx.moveTo(cx-12,my);ctx.quadraticCurveTo(cx,my+cur,cx+12,my);ctx.strokeStyle='rgba(74,42,16,0.7)';ctx.lineWidth=2;ctx.stroke();
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText(emotions[emo],W/2,H-8);
  })();
}
window.animFER=animFER;

function animTOJ(){
  var t=0,state='wait',first='left',soa=150;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%80===0){state='first';first=Math.random()<0.5?'left':'right';}
    if(t%80===14)state='second';
    if(t%80===28)state='wait';
    var ctx=getCtx();if(!ctx)return;
    var cx=W/2,cy=H/2,bw=28,bh=28;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.3)';ctx.lineWidth=1;
    ctx.strokeRect(cx-60-bw/2,cy-bh/2,bw,bh);ctx.strokeRect(cx+60-bw/2,cy-bh/2,bw,bh);
    var lit=state==='first'?first:state==='second'?(first==='left'?'right':'left'):null;
    if(lit){ctx.fillStyle='rgba(212,180,86,0.85)';ctx.fillRect(cx+(lit==='left'?-60:-60+120)-bw/2,cy-bh/2,bw,bh);}
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('F=left first  J=right first',W/2,H-8);
  })();
}
window.animTOJ=animTOJ;

function animMatrix(){
  var t=0,prob=null,tick=0;
  function rnd(){var sb=Math.floor(Math.random()*5),szb=Math.floor(Math.random()*3);var s=['circle','square','triangle','diamond','cross'];var z=[10,14,18];var mat=[];for(var r=0;r<3;r++){var row=[];for(var c=0;c<3;c++)row.push({sh:s[(sb+r)%5],sz:z[(szb+c)%3]});mat.push(row);}return mat;}
  var mat=rnd();
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;tick++;
    if(tick>120){tick=0;mat=rnd();}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    var cw=34,ch=26,gap=3,ox=(W-cw*3-gap*2)/2,oy=(H-ch*3-gap*2)/2-8;
    for(var r=0;r<3;r++)for(var c=0;c<3;c++){
      var cell=mat[r][c];var x=ox+c*(cw+gap),y=oy+r*(ch+gap);
      ctx.fillStyle='#0a1620';ctx.fillRect(x,y,cw,ch);
      ctx.strokeStyle='rgba(138,180,208,0.25)';ctx.lineWidth=1;ctx.strokeRect(x,y,cw,ch);
      if(r===2&&c===2){ctx.fillStyle='rgba(212,180,86,0.3)';ctx.font='14px monospace';ctx.textAlign='center';ctx.fillText('?',x+cw/2,y+ch/2+5);continue;}
      var cx2=x+cw/2,cy2=y+ch/2,rz=cell.sz/2;
      ctx.beginPath();ctx.strokeStyle=GOLD;ctx.lineWidth=1.2;
      if(cell.sh==='circle')ctx.arc(cx2,cy2,rz,0,Math.PI*2);
      else if(cell.sh==='square')ctx.rect(cx2-rz,cy2-rz,rz*2,rz*2);
      else if(cell.sh==='triangle'){ctx.moveTo(cx2,cy2-rz);ctx.lineTo(cx2+rz,cy2+rz);ctx.lineTo(cx2-rz,cy2+rz);ctx.closePath();}
      else if(cell.sh==='diamond'){ctx.moveTo(cx2,cy2-rz);ctx.lineTo(cx2+rz,cy2);ctx.lineTo(cx2,cy2+rz);ctx.lineTo(cx2-rz,cy2);ctx.closePath();}
      else{ctx.rect(cx2-rz,cy2-rz*0.35,rz*2,rz*0.7);ctx.rect(cx2-rz*0.35,cy2-rz,rz*0.7,rz*2);}
      ctx.stroke();
    }
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.textAlign='center';ctx.fillText('matrix reasoning',W/2,H-8);
  })();
}
window.animMatrix=animMatrix;

function animMeta(){
  var t=0,words=['ANCHOR','TEMPLE','RAVEN','HARBOR'],wi=0,phase='study';
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%60===0){wi=(wi+1)%words.length;phase=t%120<60?'study':'test';}
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.textAlign='center';ctx.font='20px "EB Garamond",serif';
    ctx.fillStyle=phase==='study'?GOLD:MID;ctx.fillText(words[wi],W/2,H/2+6);
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;
    ctx.fillText(phase==='study'?'STUDY':'OLD or NEW?',W/2,H/2+24);
    ctx.fillText('metacognition',W/2,H-8);
  })();
}
window.animMeta=animMeta;

function animPHQ9(){
  var t=0,item=0,items=['Little interest or pleasure','Feeling down or hopeless','Trouble sleeping'];
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    if(t%90===0)item=(item+1)%items.length;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(12,18,W-24,26);
    ctx.fillStyle=GOLD;ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillText('PHQ-9',W/2,36);
    ctx.fillStyle=MID;ctx.font='9px "EB Garamond",serif';ctx.fillText(items[item],W/2,62);
    var opts=['Not at all','Several days','Most days','Nearly every day'];
    opts.forEach(function(o,i){var y=80+i*18;ctx.fillStyle='rgba(138,180,208,0.2)';ctx.fillRect(20,y-10,W-40,14);ctx.fillStyle=i===Math.floor(t/30)%4?GOLD:MID;ctx.font='8px "Source Code Pro",monospace';ctx.fillText(o,W/2,y);});
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('depression screen',W/2,H-8);
  })();
}
window.animPHQ9=animPHQ9;

function animGAD7(){
  var t=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(12,18,W-24,26);
    ctx.fillStyle=GOLD;ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillText('GAD-7',W/2,36);
    ctx.fillStyle=MID;ctx.font='9px "EB Garamond",serif';ctx.fillText('Feeling nervous or anxious',W/2,62);
    var opts=['Not at all','Several days','Most days','Nearly every day'];
    opts.forEach(function(o,i){var y=80+i*18;ctx.fillStyle='rgba(138,180,208,0.2)';ctx.fillRect(20,y-10,W-40,14);ctx.fillStyle=i===Math.floor(t/30)%4?GOLD:MID;ctx.font='8px "Source Code Pro",monospace';ctx.fillText(o,W/2,y);});
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('anxiety screen',W/2,H-8);
  })();
}
window.animGAD7=animGAD7;

function animPCL5(){
  var t=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(12,18,W-24,26);
    ctx.fillStyle=GOLD;ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillText('PCL-5',W/2,36);
    ctx.fillStyle=MID;ctx.font='9px "EB Garamond",serif';ctx.fillText('Unwanted memories of event',W/2,62);
    var clusters=['Intrusion','Avoidance','Cog/Mood','Arousal'];var scores=[Math.sin(t/40)*3+3,Math.sin(t/55)*2+2,Math.sin(t/35)*5+5,Math.sin(t/45)*3+3];
    clusters.forEach(function(cl,i){var bw=(scores[i]/10)*(W-40);ctx.fillStyle='rgba(138,180,208,0.15)';ctx.fillRect(20,80+i*20,W-40,12);ctx.fillStyle='rgba(212,180,86,0.5)';ctx.fillRect(20,80+i*20,bw,12);ctx.fillStyle=MID;ctx.font='7px "Source Code Pro",monospace';ctx.textAlign='left';ctx.fillText(cl,22,90+i*20);ctx.textAlign='center';});
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('PTSD checklist',W/2,H-8);
  })();
}
window.animPCL5=animPCL5;

function animAUDIT(){
  var t=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(12,18,W-24,26);
    ctx.fillStyle=GOLD;ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillText('AUDIT',W/2,36);
    ctx.fillStyle=MID;ctx.font='9px "EB Garamond",serif';ctx.fillText('How often do you drink?',W/2,62);
    var bars=[2,3,1,4,2];var bw=24;
    bars.forEach(function(h,i){var bh=(h/4)*(H-100);var x=20+i*(bw+8);var y=H-30-bh;ctx.fillStyle='rgba(212,180,86,'+(0.2+h/6)+')';ctx.fillRect(x,y,bw,bh);ctx.strokeStyle='rgba(212,180,86,0.4)';ctx.lineWidth=1;ctx.strokeRect(x,y,bw,bh);});
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('alcohol use disorders',W/2,H-8);
  })();
}
window.animAUDIT=animAUDIT;

function animASRS(){
  var t=0,items=['Trouble finishing projects','Difficulty organizing','Forgetting appointments'];var ii=0;
  (function loop(){
    animRAF=requestAnimationFrame(loop);t++;if(t%80===0)ii=(ii+1)%items.length;
    var ctx=getCtx();if(!ctx)return;
    ctx.clearRect(0,0,W,H);ctx.fillStyle=NAVY;ctx.fillRect(0,0,W,H);
    ctx.fillStyle='rgba(212,180,86,0.15)';ctx.fillRect(12,18,W-24,26);
    ctx.fillStyle=GOLD;ctx.font='11px "EB Garamond",serif';ctx.textAlign='center';ctx.fillText('ASRS-v1.1',W/2,36);
    ctx.fillStyle=MID;ctx.font='8px "EB Garamond",serif';ctx.fillText(items[ii],W/2,62);
    var freq=['Never','Rarely','Sometimes','Often','Very often'];
    freq.forEach(function(f,i){var y=80+i*16;var shade=i>=2&&ii===0;ctx.fillStyle=shade?'rgba(212,180,86,0.15)':'rgba(138,180,208,0.1)';ctx.fillRect(20,y-9,W-40,13);ctx.fillStyle=shade?GOLD:MID;ctx.font='8px "Source Code Pro",monospace';ctx.fillText(f,W/2,y);});
    ctx.font='9px "Source Code Pro",monospace';ctx.fillStyle=MID;ctx.fillText('adult ADHD screen',W/2,H-8);
  })();
}
window.animASRS=animASRS;

  window.animAttBlink = animAttBlink;
  window.animSubitize = animSubitize;
  window.animLexDec = animLexDec;
  window.animSemFluency = animSemFluency;
  window.animProsMem = animProsMem;
  window.animSpatWM = animSpatWM;
  window.animDrawERP = animDrawERP;
  window.animMoCA = animMoCA;
  window.animREWP = animREWP;
  window.animDigCan = animDigCan;
  window.animABR = animABR;
  window.animN1P2 = animN1P2;
  window.animRON = animRON;
  window.animLAN = animLAN;
  window.animCPS = animCPS;
  window.animN2B = animN2B;
  window.animPD = animPD;
  window.animERAN = animERAN;
  window.animLPC = animLPC;
  window.animFRN = animFRN;
  window.animCDA = animCDA;
  window.animLDAEP = animLDAEP;
  window.animC1 = animC1;
  window.animPMN = animPMN;
  window.animVPP = animVPP;
  window.animPE = animPE;
  window.animORN = animORN;
  window.animMFN = animMFN;
  window.animRRN = animRRN;
  window.animP1N1 = animP1N1;
  window.animCNVW = animCNVW;
  window.animTHALPHA = animTHALPHA;
  window.animLRPEXT = animLRPEXT;
  window.animSymSearch = animSymSearch;
  window.animPhonFlue = animPhonFlue;
  window.animJLO = animJLO;
  window.animPASAT = animPASAT;
  window.animRAVLT = animRAVLT;
  window.animCVLT = animCVLT;
  window.animIGT = animIGT;
  window.animTOL = animTOL;
  window.animRMET = animRMET;
})(); // end anim IIFE

// ══════ TASK IMPLEMENTATIONS ══════════════════════════════

// ── Generic task scaffold ─────────────────────────────────
function makeTask(key,screenId,maxT,isPractice,onStart,onNext,onEnd){
  var S={active:true,isPractice:isPractice,trial:0,maxTrials:maxT,log:[],practiceLog:[],_timers:[]};
  S.T=function(fn,ms){var t=setTimeout(fn,ms);S._timers.push(t);return t;};
  S.clear=function(){S._timers.forEach(clearTimeout);S._timers=[];};
  S.push=function(row){(isPractice?S.practiceLog:S.log).push(row);};
  S.progress=function(){$(key+'ProgressBar').style.width=((S.trial-1)/S.maxTrials*100).toFixed(1)+'%';};
  S.end=function(){
    S.clear();S.active=false;$(key+'StimPhase').style.display='none';$(key+'ProgressBar').style.width='100%';
    var log=isPractice?S.practiceLog:S.log;
    if(isPractice){
      var c=log.filter(function(r){return r.correct;}).length;hideAll();
      $('pcStats').innerHTML='ACC <span>'+(log.length?(c/log.length*100).toFixed(0):0)+'%</span>';
      $('practiceComplete').style.display='flex';return;
    }
    $('exportBtn').disabled=false;
    onEnd(log);
    $(key+'ResultsPhase').style.display='block';
  };
  hideAll();$(screenId).style.display='flex';
  $(key+'PracticeBanner').style.display=isPractice?'block':'none';
  $(key+'ProgressBar').style.width='0%';
  $(key+'StimPhase').style.display='flex';$(key+'ResultsPhase').style.display='none';
  $('si-task').textContent=key.toUpperCase()+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  onStart(S);
  return S;
}
function genericMetrics(log){
  var valid=log.filter(function(r){return r.rt;});
  var hits=log.filter(function(r){return r.correct;});
  var acc=log.length?(hits.length/log.length*100).toFixed(0):'—';
  var avgRT=valid.length?(valid.reduce(function(a,b){return a+b.rt;},0)/valid.length).toFixed(0):'—';
  return '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Avg RT</div></div>'+
         '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
         '<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Trials</div></div>';
}
function makeExportCSV(key,header,rowFn){
  return function(){
    var log=window['_'+key+'_log'];if(!log||!log.length)return;
    var blob=new Blob([header+'\n'+log.map(rowFn).join('\n')],{type:'text/csv'});
    var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=key+'_'+Date.now()+'.csv';a.click();
  };
}

// ── P50 Sensory Gating ────────────────────────────────────
var _P50;
function startP50(isPractice){
  _P50=makeTask('p50','p50Screen',isPractice?10:40,isPractice,function(S){
    S.T(p50Next,800);
  },null,function(log){
    window._p50_log=log;
    var s1=log.filter(function(r){return r.type==='S1';}), s2=log.filter(function(r){return r.type==='S2';});
    $('p50Metrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+s1.length+'</div><div class="vm-lbl">S1 pairs</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+s2.length+'</div><div class="vm-lbl">S2 suppressed</div></div>';
  });
  function p50Next(){
    if(_P50.trial>=_P50.maxTrials){_P50.end();return;}
    _P50.trial++;_P50.progress();
    $('p50-trial').textContent='Pair '+_P50.trial+'/'+_P50.maxTrials;
    $('p50-phase').textContent='S1';
    var c=$('p50Circle');c.style.borderColor='var(--gold)';c.style.background='rgba(212,180,86,0.1)';$('p50Label').textContent='S1';
    playClick();_P50.push({trial:_P50.trial,type:'S1',t:performance.now()});triggerFlash();
    _P50.T(function(){
      c.style.borderColor='#5b9fda';c.style.background='rgba(91,159,218,0.08)';$('p50Label').textContent='S2 (500ms)';$('p50-phase').textContent='S2';
      playClick();_P50.push({trial:_P50.trial,type:'S2',t:performance.now()});triggerFlash();
      _P50.T(function(){c.style.borderColor='#1a2f44';c.style.background='#0a1620';$('p50Label').textContent='';_P50.T(p50Next,7000+Math.random()*2000);},500);
    },500);
  }
  function playClick(){
    try{var ctx=new(window.AudioContext||window.webkitAudioContext)();var b=ctx.createBuffer(1,Math.round(ctx.sampleRate*0.002),ctx.sampleRate);var d=b.getChannelData(0);for(var i=0;i<d.length;i++)d[i]=(Math.random()*2-1)*0.3;var s=ctx.createBufferSource();s.buffer=b;var g=ctx.createGain();g.gain.setValueAtTime(0.4,ctx.currentTime);g.gain.linearRampToValueAtTime(0,ctx.currentTime+0.002);s.connect(g);g.connect(ctx.destination);s.start();setTimeout(function(){ctx.close();},200);}catch(e){}
  }
}
function p50ExportCSV(){var log=window._p50_log;if(!log)return;var blob=new Blob(['trial,type,t_ms\n'+log.map(function(r){return[r.trial,r.type,r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='p50_'+Date.now()+'.csv';a.click();}

// ── N100 / P200 ───────────────────────────────────────────
var _N100;
function startN100(isPractice){
  _N100=makeTask('n100','n100Screen',isPractice?20:60,isPractice,function(S){S.T(n100Next,800);},null,function(log){window._n100_log=log;$('n100Metrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">AEP Trials</div></div>';});
  function n100Next(){
    if(_N100.trial>=_N100.maxTrials){_N100.end();return;}
    _N100.trial++;_N100.progress();$('n100-trial').textContent='Trial '+_N100.trial+'/'+_N100.maxTrials;
    var c=$('n100Circle');c.style.borderColor='var(--gold)';c.style.background='rgba(212,180,86,0.1)';$('n100Label').textContent='CLICK';
    playAEPClick();_N100.push({trial:_N100.trial,t:performance.now()});triggerFlash();
    _N100.T(function(){c.style.borderColor='#1a2f44';c.style.background='#0a1620';$('n100Label').textContent='';_N100.T(n100Next,800+Math.random()*400);},300);
  }
  function playAEPClick(){try{var ctx=new(window.AudioContext||window.webkitAudioContext)();var b=ctx.createBuffer(1,Math.round(ctx.sampleRate*0.001),ctx.sampleRate);var d=b.getChannelData(0);for(var i=0;i<d.length;i++)d[i]=(Math.random()*2-1)*0.5;var s=ctx.createBufferSource();s.buffer=b;s.connect(ctx.destination);s.start();setTimeout(function(){ctx.close();},200);}catch(e){}}
}
function n100ExportCSV(){var log=window._n100_log;if(!log)return;var blob=new Blob(['trial,t_ms\n'+log.map(function(r){return[r.trial,r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n100_'+Date.now()+'.csv';a.click();}

// ── PVEP ──────────────────────────────────────────────────
var _PVEP;
function startPVEP(isPractice){
  _PVEP=makeTask('pvep','pvepScreen',isPractice?20:60,isPractice,function(S){
    S.phase=0;
    function tick(){if(!_PVEP.active)return;
      var cvs=$('pvepCvs');var ctx=cvs.getContext('2d');var cw=32,cols=6,rows=4;
      ctx.clearRect(0,0,240,240);
      for(var r=0;r<rows;r++)for(var c=0;c<cols;c++){
        var on=(_PVEP.phase+(r+c))%2===0;
        ctx.fillStyle=on?'rgba(220,210,185,0.85)':'rgba(10,20,30,0.9)';
        ctx.fillRect(c*cw+12,r*cw+12,cw-2,cw-2);
      }
      ctx.strokeStyle='rgba(200,80,80,0.8)';ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(116,115);ctx.lineTo(124,115);ctx.moveTo(120,111);ctx.lineTo(120,119);ctx.stroke();
      _PVEP.phase=(_PVEP.phase+1)%2;
      if(_PVEP.trial<_PVEP.maxTrials){_PVEP.trial++;_PVEP.progress();$('pvep-trial').textContent='Reversal '+_PVEP.trial+'/'+_PVEP.maxTrials;
        _PVEP.push({trial:_PVEP.trial,t:performance.now()});triggerFlash();_PVEP.T(tick,500);}
      else _PVEP.end();
    }S.T(tick,600);
  },null,function(log){window._pvep_log=log;$('pvepMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Reversals</div></div>';});
}
function pvepExportCSV(){var log=window._pvep_log;if(!log)return;var blob=new Blob(['reversal,t_ms\n'+log.map(function(r){return[r.trial,r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='pvep_'+Date.now()+'.csv';a.click();}

// ── SCP ───────────────────────────────────────────────────
var _SCP;
function startSCP(isPractice){
  _SCP=makeTask('scp','scpScreen',isPractice?8:20,isPractice,function(S){S.T(scpNext,600);},null,function(log){window._scp_log=log;$('scpMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Trials</div></div>';});
  function scpNext(){
    if(_SCP.trial>=_SCP.maxTrials){_SCP.end();return;}
    _SCP.trial++;_SCP.progress();$('scp-trial').textContent='Trial '+_SCP.trial+'/'+_SCP.maxTrials;
    $('scpCue').textContent='';$('scpBarFill').style.width='0%';$('scp-phase').textContent='REST';
    _SCP.T(function(){
      $('scpCue').textContent='PREPARE';$('scp-phase').textContent='CUE';
      var start=performance.now(),dur=3000;
      function animate(){if(!_SCP.active)return;var p=Math.min(1,(performance.now()-start)/dur);$('scpBarFill').style.width=(p*100)+'%';if(p<1)requestAnimationFrame(animate);}
      requestAnimationFrame(animate);
      _SCP.push({trial:_SCP.trial,t:performance.now()});triggerFlash();
      _SCP.T(function(){$('scpCue').textContent='';$('scpBarFill').style.width='0%';_SCP.T(scpNext,2000+Math.random()*1000);},dur);
    },1500);
  }
}
function scpExportCSV(){var log=window._scp_log;if(!log)return;var blob=new Blob(['trial,t_ms\n'+log.map(function(r){return[r.trial,r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='scp_'+Date.now()+'.csv';a.click();}

// ── P3A Novelty Oddball ───────────────────────────────────
var _P3A;
function startP3A(isPractice){
  var TYPES=['standard','standard','standard','standard','standard','standard','standard','target','novel','standard','standard','standard','standard','standard','target','novel'];
  var NOVEL_SOUNDS=['♫','★','⚡','◆','▲'];
  _P3A=makeTask('p3a','p3aScreen',isPractice?16:48,isPractice,function(S){S.ti=0;S.responded=false;S.waiting=false;S.stimOn=0;S.T(p3aNext,600);},null,function(log){
    window._p3a_log=log;
    var hits=log.filter(function(r){return r.type==='target'&&r.correct;});
    var fas=log.filter(function(r){return r.type!=='target'&&r.responded;});
    $('p3aMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+(hits.length/(log.filter(function(r){return r.type==='target';}).length||1)*100).toFixed(0)+'%</div><div class="vm-lbl">Hit Rate</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+fas.length+'</div><div class="vm-lbl">False Alarms</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+(hits.length&&hits[0].rt?hits.map(function(r){return r.rt;}).reduce(function(a,b){return a+b;},0)/hits.length:0).toFixed(0)+'ms</div><div class="vm-lbl">Target RT</div></div>';
  });
  function p3aNext(){
    if(_P3A.trial>=_P3A.maxTrials){_P3A.end();return;}
    _P3A.trial++;_P3A.progress();
    $('p3aFeedback').textContent='';$('p3aFeedback').className='feedback';
    var type=TYPES[_P3A.ti%TYPES.length];_P3A.ti++;
    _P3A.waiting=true;_P3A.responded=false;_P3A.stimOn=performance.now();
    var c=$('p3aCircle'),lbl=$('p3aLabel');
    if(type==='standard'){c.style.borderColor='rgba(138,180,208,0.3)';lbl.textContent='/beep/';$('p3a-phase').textContent='STANDARD';}
    else if(type==='target'){c.style.borderColor='var(--gold)';c.style.background='rgba(212,180,86,0.1)';lbl.textContent='TARGET TONE';$('p3a-phase').textContent='TARGET';}
    else{c.style.borderColor='#e07070';lbl.textContent=NOVEL_SOUNDS[Math.floor(Math.random()*NOVEL_SOUNDS.length)];$('p3a-phase').textContent='NOVEL';}
    playP3ATone(type);triggerFlash();
    _P3A.T(function(){
      c.style.borderColor='#1a2f44';c.style.background='#0a1620';lbl.textContent='';
      if(!_P3A.responded)_P3A.push({trial:_P3A.trial,type:type,responded:false,correct:type!=='target',rt:null});
      _P3A.waiting=false;_P3A.T(p3aNext,800+Math.random()*400);
    },400);
  }
  function playP3ATone(type){
    try{var ctx=new(window.AudioContext||window.webkitAudioContext)();var o=ctx.createOscillator();var g=ctx.createGain();
      o.frequency.value=type==='standard'?440:type==='target'?880:660;o.type='sine';
      g.gain.setValueAtTime(0.15,ctx.currentTime);g.gain.linearRampToValueAtTime(0,ctx.currentTime+0.08);
      o.connect(g);g.connect(ctx.destination);o.start();o.stop(ctx.currentTime+0.08);
      setTimeout(function(){ctx.close();},500);}catch(e){}
  }
  document.addEventListener('keydown',function p3aKey(e){
    if(!_P3A||!_P3A.active){document.removeEventListener('keydown',p3aKey);return;}
    if((e.key==='f'||e.key==='F')&&_P3A.waiting&&!_P3A.responded){
      _P3A.responded=true;var rt=+(performance.now()-_P3A.stimOn).toFixed(1);
      var type=$('p3a-phase').textContent.toLowerCase();var correct=type==='target';
      _P3A.push({trial:_P3A.trial,type:type,responded:true,correct:correct,rt:rt});
      var fb=$('p3aFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ FA';fb.className='feedback '+(correct?'ok':'err');
    }
  });
}
function p3aExportCSV(){var log=window._p3a_log;if(!log)return;var blob=new Blob(['trial,type,responded,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.type,r.responded?1:0,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='p3a_'+Date.now()+'.csv';a.click();}

// ── ASSR 40Hz ─────────────────────────────────────────────
var _ASSR;
function startASSR(isPractice){
  _ASSR=makeTask('assr','assrScreen',isPractice?10:20,isPractice,function(S){S.T(assrNext,800);},null,function(log){window._assr_log=log;$('assrMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+log.length+'</div><div class="vm-lbl">Blocks</div></div><div class="vrt-metric"><div class="vm-val">40 Hz</div><div class="vm-lbl">Drive Frequency</div></div>';});
  var assrCtx=null,assrSrc=null;
  function playASSR(){
    try{assrCtx=new(window.AudioContext||window.webkitAudioContext)();
      var carrier=assrCtx.createOscillator();carrier.frequency.value=1000;carrier.type='sine';
      var am=assrCtx.createOscillator();am.frequency.value=40;am.type='sine';
      var amGain=assrCtx.createGain();amGain.gain.value=0;
      am.connect(amGain.gain);var masterGain=assrCtx.createGain();masterGain.gain.value=0.15;
      carrier.connect(masterGain);amGain.connect(masterGain);masterGain.connect(assrCtx.destination);
      carrier.start();am.start();assrSrc={carrier:carrier,am:am};
    }catch(e){}
  }
  function stopASSR(){if(assrSrc){try{assrSrc.carrier.stop();assrSrc.am.stop();}catch(e){}}if(assrCtx){try{assrCtx.close();}catch(e){}}assrSrc=null;assrCtx=null;}
  function assrNext(){
    if(_ASSR.trial>=_ASSR.maxTrials){stopASSR();_ASSR.end();return;}
    _ASSR.trial++;_ASSR.progress();$('assr-trial').textContent='Block '+_ASSR.trial+'/'+_ASSR.maxTrials;
    $('assrLabel').textContent='40 Hz AM tone — recording';var c=$('assrCircle');c.style.borderColor='var(--gold)';c.style.background='rgba(212,180,86,0.08)';
    playASSR();_ASSR.push({trial:_ASSR.trial,t:performance.now()});triggerFlash();
    var dur=3000;_ASSR.T(function(){stopASSR();c.style.borderColor='#1a2f44';c.style.background='#0a1620';$('assrLabel').textContent='';_ASSR.T(assrNext,1500+Math.random()*500);},dur);
  }
}
function assrExportCSV(){var log=window._assr_log;if(!log)return;var blob=new Blob(['block,t_ms\n'+log.map(function(r){return[r.trial,r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='assr_'+Date.now()+'.csv';a.click();}

// ── CPT-AX ────────────────────────────────────────────────
var _CPT;
function startCPT(isPractice){
  var LETTERS='BCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
  function randLetter(){return LETTERS[Math.floor(Math.random()*LETTERS.length)];}
  _CPT=makeTask('cpt','cptScreen',isPractice?20:80,isPractice,function(S){S.prev='';S.waiting=false;S.stimOn=0;S.responded=false;S.T(cptNext,600);},null,function(log){
    window._cpt_log=log;
    var targets=log.filter(function(r){return r.isTarget;});
    var hits=targets.filter(function(r){return r.correct;});
    var fas=log.filter(function(r){return !r.isTarget&&r.responded;});
    $('cptMetrics').innerHTML=genericMetrics(targets)+'<div class="vrt-metric"><div class="vm-val">'+fas.length+'</div><div class="vm-lbl">False Alarms</div></div>';
  });
  function cptNext(){
    if(_CPT.trial>=_CPT.maxTrials){_CPT.end();return;}
    _CPT.trial++;_CPT.progress();$('cptFeedback').textContent='';$('cptFeedback').className='feedback';
    // 10% A, 10% X after A (target), rest random
    var ltr;var r=Math.random();
    if(r<0.1)ltr='A';else if(r<0.2&&_CPT.prev==='A')ltr='X';else ltr=randLetter();
    var isTarget=ltr==='X'&&_CPT.prev==='A';
    _CPT.prev=ltr;_CPT.waiting=true;_CPT.responded=false;_CPT.stimOn=performance.now();
    $('cptStim').textContent=ltr;$('cptStim').style.color=isTarget?'var(--gold)':'var(--mid)';$('cpt-phase').textContent=isTarget?'TARGET':'—';triggerFlash();
    _CPT.T(function(){
      $('cptStim').textContent='';_CPT.waiting=false;
      if(!_CPT.responded)_CPT.push({trial:_CPT.trial,letter:ltr,isTarget:isTarget,responded:false,correct:!isTarget,rt:null});
      _CPT.T(cptNext,300+Math.random()*200);
    },350);
  }
  document.addEventListener('keydown',function cptKey(e){
    if(!_CPT||!_CPT.active){document.removeEventListener('keydown',cptKey);return;}
    if(e.code==='Space'&&_CPT.waiting&&!_CPT.responded){
      e.preventDefault();_CPT.responded=true;var rt=+(performance.now()-_CPT.stimOn).toFixed(1);
      var isTarget=$('cpt-phase').textContent==='TARGET';var correct=isTarget;
      _CPT.push({trial:_CPT.trial,letter:$('cptStim').textContent,isTarget:isTarget,responded:true,correct:correct,rt:rt});
      var fb=$('cptFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ FA';fb.className='feedback '+(correct?'ok':'err');
    }
  });
}
function cptExportCSV(){var log=window._cpt_log;if(!log)return;var blob=new Blob(['trial,letter,is_target,responded,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.letter,r.isTarget?1:0,r.responded?1:0,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='cpt_'+Date.now()+'.csv';a.click();}

// ── Emotional Stroop ──────────────────────────────────────
var _EMOTSTROOP;
var EMOT_WORDS={emotional:['FEAR','ANGER','GRIEF','PANIC','DREAD','RAGE','TERROR','SHAME'],neutral:['TABLE','CHAIR','RIVER','STONE','CLOUD','SHELF','FENCE','BRUSH']};
var EMOT_COLORS=['#c93030','#3070c9'];
function startEmotStroop(isPractice){
  var deck=[];for(var i=0;i<6;i++){EMOT_WORDS.emotional.forEach(function(w){deck.push({word:w,emotional:true,colIdx:Math.floor(Math.random()*2)});});EMOT_WORDS.neutral.forEach(function(w){deck.push({word:w,emotional:false,colIdx:Math.floor(Math.random()*2)});});}
  deck.sort(function(){return Math.random()-0.5;});
  _EMOTSTROOP=makeTask('emotstroop','emotstroopScreen',isPractice?12:(parseInt($('trialsInput').value)||40),isPractice,function(S){S.di=0;S.waiting=false;S.stimOn=0;S.T(esNext,600);},null,function(log){
    window._emotstroop_log=log;
    var em=log.filter(function(r){return r.emotional&&r.rt;}), ne=log.filter(function(r){return !r.emotional&&r.rt;});
    var emRT=em.length?(em.reduce(function(a,b){return a+b.rt;},0)/em.length).toFixed(0):'—';
    var neRT=ne.length?(ne.reduce(function(a,b){return a+b.rt;},0)/ne.length).toFixed(0):'—';
    var interference=(em.length&&ne.length)?(em.reduce(function(a,b){return a+b.rt;},0)/em.length - ne.reduce(function(a,b){return a+b.rt;},0)/ne.length).toFixed(0):'—';
    $('emotstroopMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+emRT+'ms</div><div class="vm-lbl">Emotional RT</div></div><div class="vrt-metric"><div class="vm-val">'+neRT+'ms</div><div class="vm-lbl">Neutral RT</div></div><div class="vrt-metric"><div class="vm-val">'+interference+'ms</div><div class="vm-lbl">Affective Interference</div></div>';
  });
  function esNext(){
    if(_EMOTSTROOP.trial>=_EMOTSTROOP.maxTrials){_EMOTSTROOP.end();return;}
    _EMOTSTROOP.trial++;_EMOTSTROOP.progress();$('emotstroopFeedback').textContent='';$('emotstroopFeedback').className='feedback';
    var item=deck[_EMOTSTROOP.di%deck.length];_EMOTSTROOP.di++;
    var col=EMOT_COLORS[item.colIdx];
    $('emotstroopWord').textContent=item.word;$('emotstroopWord').style.color=col;$('emotstroop-phase').textContent=item.emotional?'EMOTIONAL':'NEUTRAL';
    _EMOTSTROOP.waiting=true;_EMOTSTROOP.stimOn=performance.now();_EMOTSTROOP._item=item;triggerFlash();
    _EMOTSTROOP.T(function(){if(_EMOTSTROOP.waiting){$('emotstroopWord').textContent='';_EMOTSTROOP.push({trial:_EMOTSTROOP.trial,word:item.word,emotional:item.emotional,colIdx:item.colIdx,responded:false,correct:false,rt:null});_EMOTSTROOP.waiting=false;_EMOTSTROOP.T(esNext,400);}},1500);
  }
  document.addEventListener('keydown',function esKey(e){
    if(!_EMOTSTROOP||!_EMOTSTROOP.active){document.removeEventListener('keydown',esKey);return;}
    if(!_EMOTSTROOP.waiting)return;
    var resp=e.key==='f'||e.key==='F'?0:e.key==='j'||e.key==='J'?1:-1;
    if(resp<0)return;e.preventDefault();_EMOTSTROOP.waiting=false;
    var rt=+(performance.now()-_EMOTSTROOP.stimOn).toFixed(1);
    var item=_EMOTSTROOP._item;var correct=resp===item.colIdx;
    _EMOTSTROOP.push({trial:_EMOTSTROOP.trial,word:item.word,emotional:item.emotional,colIdx:item.colIdx,responded:true,correct:correct,rt:rt});
    var fb=$('emotstroopFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
    $('emotstroopWord').textContent='';_EMOTSTROOP.T(esNext,350);
  });
}
function emotstroopExportCSV(){var log=window._emotstroop_log;if(!log)return;var blob=new Blob(['trial,word,emotional,color_idx,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.word,r.emotional?1:0,r.colIdx,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='emot_stroop_'+Date.now()+'.csv';a.click();}

// ── Task Switching ────────────────────────────────────────
var _TASKSWITCH;
function startTaskSwitch(isPractice){
  var STIMS=[];
  var digits=['1','2','3','4','5','6','7','8','9'];
  var letters=['B','C','D','F','G','H','J','K','A','E','I','O','U'];
  // Build balanced blocks
  for(var i=0;i<20;i++){
    var d=digits[Math.floor(Math.random()*9)];var l=letters[Math.floor(Math.random()*letters.length)];
    var task=Math.random()<0.5?'NUMBER':'LETTER';
    STIMS.push({stim:task==='NUMBER'?d:l,task:task,answer:task==='NUMBER'?(parseInt(d)%2===0?'EVEN':'ODD'):(('AEIOU'.indexOf(l)>=0)?'VOWEL':'CONSONANT')});
  }
  _TASKSWITCH=makeTask('taskswitch','taskswitchScreen',isPractice?12:(parseInt($('trialsInput').value)||40),isPractice,function(S){S.si=0;S.waiting=false;S.stimOn=0;S.prevTask='';S.T(tsNext,600);},null,function(log){
    window._taskswitch_log=log;
    var sw=log.filter(function(r){return r.isSwitch&&r.rt;}),rep=log.filter(function(r){return !r.isSwitch&&r.rt;});
    var swRT=sw.length?(sw.reduce(function(a,b){return a+b.rt;},0)/sw.length).toFixed(0):'—';
    var repRT=rep.length?(rep.reduce(function(a,b){return a+b.rt;},0)/rep.length).toFixed(0):'—';
    var cost=(sw.length&&rep.length)?((sw.reduce(function(a,b){return a+b.rt;},0)/sw.length)-(rep.reduce(function(a,b){return a+b.rt;},0)/rep.length)).toFixed(0):'—';
    $('taskswitchMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+swRT+'ms</div><div class="vm-lbl">Switch RT</div></div><div class="vrt-metric"><div class="vm-val">'+repRT+'ms</div><div class="vm-lbl">Repeat RT</div></div><div class="vrt-metric"><div class="vm-val">'+cost+'ms</div><div class="vm-lbl">Switch Cost</div></div>';
  });
  function tsNext(){
    if(_TASKSWITCH.trial>=_TASKSWITCH.maxTrials){_TASKSWITCH.end();return;}
    _TASKSWITCH.trial++;_TASKSWITCH.progress();$('taskswitchFeedback').textContent='';$('taskswitchFeedback').className='feedback';
    var item=STIMS[_TASKSWITCH.si%STIMS.length];_TASKSWITCH.si++;
    var isSwitch=_TASKSWITCH.prevTask!==''&&item.task!==_TASKSWITCH.prevTask;
    _TASKSWITCH.prevTask=item.task;_TASKSWITCH._item=item;_TASKSWITCH._isSwitch=isSwitch;
    $('taskswitchCue').textContent=item.task+': '+(item.task==='NUMBER'?'ODD(F) / EVEN(J)':'CONSONANT(F) / VOWEL(J)');
    $('taskswitchCue').style.color=item.task==='NUMBER'?'var(--gold)':'#5b9fda';
    $('taskswitchStim').textContent=item.stim;$('taskswitchStim').style.color=isSwitch?'#e07070':'var(--mid)';
    $('taskswitch-phase').textContent=isSwitch?'SWITCH':'REPEAT';
    _TASKSWITCH.waiting=true;_TASKSWITCH.stimOn=performance.now();triggerFlash();
    _TASKSWITCH.T(function(){if(_TASKSWITCH.waiting){$('taskswitchStim').textContent='';_TASKSWITCH.push({trial:_TASKSWITCH.trial,task:item.task,stim:item.stim,answer:item.answer,isSwitch:isSwitch,correct:false,rt:null});_TASKSWITCH.waiting=false;_TASKSWITCH.T(tsNext,400);}},1200);
  }
  document.addEventListener('keydown',function tsKey(e){
    if(!_TASKSWITCH||!_TASKSWITCH.active){document.removeEventListener('keydown',tsKey);return;}
    if(!_TASKSWITCH.waiting)return;
    var resp=e.key==='f'||e.key==='F'?'F':e.key==='j'||e.key==='J'?'J':null;if(!resp)return;
    e.preventDefault();_TASKSWITCH.waiting=false;
    var rt=+(performance.now()-_TASKSWITCH.stimOn).toFixed(1);
    var item=_TASKSWITCH._item;
    var correct=(item.task==='NUMBER'&&((item.answer==='ODD'&&resp==='F')||(item.answer==='EVEN'&&resp==='J')))||
                (item.task==='LETTER'&&((item.answer==='CONSONANT'&&resp==='F')||(item.answer==='VOWEL'&&resp==='J')));
    _TASKSWITCH.push({trial:_TASKSWITCH.trial,task:item.task,stim:item.stim,answer:item.answer,isSwitch:_TASKSWITCH._isSwitch,correct:correct,rt:rt});
    var fb=$('taskswitchFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
    $('taskswitchStim').textContent='';_TASKSWITCH.T(tsNext,350);
  });
}
function taskswitchExportCSV(){var log=window._taskswitch_log;if(!log)return;var blob=new Blob(['trial,task,stim,answer,is_switch,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.task,r.stim,r.answer,r.isSwitch?1:0,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='taskswitch_'+Date.now()+'.csv';a.click();}

// ── Dual Task ─────────────────────────────────────────────
var _DUALTASK;
function startDualTask(isPractice){
  var TARGETS='AEX';var LETTERS='BCDFGHJKLMNPQRSTVWXYZ'.split('');
  _DUALTASK=makeTask('dualtask','dualtaskScreen',isPractice?15:(parseInt($('trialsInput').value)||40),isPractice,function(S){
    S.dotX=60;S.dotY=40;S.dotVx=0.8;S.dotVy=0.5;S.raf=null;S.letter='K';S.letterTimer=null;S.waiting=false;S.stimOn=0;S.T(dtStart,600);
  },null,function(log){
    window._dualtask_log=log;
    var l1=log.filter(function(r){return r.task==='letter'&&r.rt;}),l2=log.filter(function(r){return r.task==='dot'&&r.rt;});
    $('dualtaskMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+(l1.length?(l1.reduce(function(a,b){return a+b.rt;},0)/l1.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Letter RT</div></div><div class="vrt-metric"><div class="vm-val">'+(l2.length?(l2.reduce(function(a,b){return a+b.rt;},0)/l2.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Dot RT</div></div>';
  });
  function dtStart(S){
    var cvs=$('dualtaskCvs');if(!cvs)return;
    function moveDot(){if(!_DUALTASK.active)return;
      _DUALTASK.dotX+=_DUALTASK.dotVx;_DUALTASK.dotY+=_DUALTASK.dotVy;
      if(_DUALTASK.dotX<8||_DUALTASK.dotX>112)_DUALTASK.dotVx*=-1;
      if(_DUALTASK.dotY<8||_DUALTASK.dotY>72)_DUALTASK.dotVy*=-1;
      var ctx=cvs.getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,120,80);
      ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.strokeRect(40,20,40,40);
      ctx.beginPath();ctx.arc(_DUALTASK.dotX,_DUALTASK.dotY,5,0,Math.PI*2);ctx.fillStyle='var(--gold)';ctx.fill();
      _DUALTASK.raf=requestAnimationFrame(moveDot);
    }
    _DUALTASK.raf=requestAnimationFrame(moveDot);
    dtNextLetter();
  }
  function dtNextLetter(){
    if(!_DUALTASK.active)return;
    if(_DUALTASK.trial>=_DUALTASK.maxTrials){if(_DUALTASK.raf)cancelAnimationFrame(_DUALTASK.raf);_DUALTASK.end();return;}
    _DUALTASK.trial++;_DUALTASK.progress();
    var isTarget=Math.random()<0.2;
    var ltr=isTarget?TARGETS[Math.floor(Math.random()*TARGETS.length)]:LETTERS[Math.floor(Math.random()*LETTERS.length)];
    _DUALTASK.letter=ltr;_DUALTASK._isLetterTarget=isTarget;
    $('dualtaskLetter').textContent=ltr;$('dualtaskLetter').style.color=isTarget?'var(--gold)':'var(--mid)';
    $('dualtask-trial').textContent='Trial '+_DUALTASK.trial+'/'+_DUALTASK.maxTrials;
    _DUALTASK.waiting=true;_DUALTASK.stimOn=performance.now();triggerFlash();
    _DUALTASK.letterTimer=setTimeout(function(){if(_DUALTASK.waiting){_DUALTASK.waiting=false;if(isTarget)_DUALTASK.push({trial:_DUALTASK.trial,task:'letter',letter:ltr,isTarget:true,correct:false,rt:null});dtNextLetter();}},600);
  }
  document.addEventListener('keydown',function dtKey(e){
    if(!_DUALTASK||!_DUALTASK.active){document.removeEventListener('keydown',dtKey);return;}
    if((e.key==='f'||e.key==='F')&&_DUALTASK.waiting){
      e.preventDefault();_DUALTASK.waiting=false;clearTimeout(_DUALTASK.letterTimer);
      var rt=+(performance.now()-_DUALTASK.stimOn).toFixed(1);
      _DUALTASK.push({trial:_DUALTASK.trial,task:'letter',letter:_DUALTASK.letter,isTarget:_DUALTASK._isLetterTarget,correct:_DUALTASK._isLetterTarget,rt:rt});
      var fb=$('dualtaskFeedback');fb.textContent=_DUALTASK._isLetterTarget?rt+'ms ✓':rt+'ms ✗ FA';fb.className='feedback '+(_DUALTASK._isLetterTarget?'ok':'err');
      setTimeout(function(){dtNextLetter();},200);
    }
    if((e.key==='j'||e.key==='J')){
      e.preventDefault();var rt2=+(performance.now()-_DUALTASK.stimOn).toFixed(1);
      _DUALTASK.push({trial:_DUALTASK.trial,task:'dot',correct:true,rt:rt2});
    }
  });
}
function dualtaskExportCSV(){var log=window._dualtask_log;if(!log)return;var blob=new Blob(['trial,task,letter,is_target,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.task,r.letter||'',r.isTarget!=null?r.isTarget?1:0:'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='dualtask_'+Date.now()+'.csv';a.click();}

// ── Attentional Blink ─────────────────────────────────────
var _ATTBLINK;
function startAttBlink(isPractice){
  var STREAM='BCDFGHJKLMNPQRSTVWYZ'.split('');
  _ATTBLINK=makeTask('attblink','attblinkScreen',isPractice?10:(parseInt($('trialsInput').value)||30),isPractice,function(S){S.T1pos=-1;S.T2pos=-1;S.streamPos=0;S.inTrial=false;S.responses=[];S.streamTimer=null;S.T(abNewTrial,800);},null,function(log){
    window._attblink_log=log;
    var blink=log.filter(function(r){return r.lag<=5&&r.lag>0;}),late=log.filter(function(r){return r.lag>5;});
    var blinkAcc=blink.length?(blink.filter(function(r){return r.T2hit;}).length/blink.length*100).toFixed(0):'—';
    var lateAcc=late.length?(late.filter(function(r){return r.T2hit;}).length/late.length*100).toFixed(0):'—';
    $('attblinkMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+blinkAcc+'%</div><div class="vm-lbl">Blink window T2 (lag 1–5)</div></div><div class="vrt-metric"><div class="vm-val">'+lateAcc+'%</div><div class="vm-lbl">Late T2 (lag 6+)</div></div>';
  });
  function abNewTrial(){
    if(_ATTBLINK.trial>=_ATTBLINK.maxTrials){_ATTBLINK.end();return;}
    _ATTBLINK.trial++;_ATTBLINK.progress();
    $('attblink-trial').textContent='Trial '+_ATTBLINK.trial+'/'+_ATTBLINK.maxTrials;$('attblinkFeedback').textContent='';$('attblinkFeedback').className='feedback';
    _ATTBLINK.responses=[];
    // Build stream: 8 distractors, T1, lag 1-8, T2, 4 more distractors
    var lag=1+Math.floor(Math.random()*8);
    var stream=[];
    for(var i=0;i<8;i++)stream.push({ltr:STREAM[Math.floor(Math.random()*STREAM.length)],target:false});
    stream.push({ltr:'A',target:true,isT1:true});
    for(var i=1;i<lag;i++)stream.push({ltr:STREAM[Math.floor(Math.random()*STREAM.length)],target:false});
    stream.push({ltr:'X',target:true,isT2:true,lag:lag});
    for(var i=0;i<4;i++)stream.push({ltr:STREAM[Math.floor(Math.random()*STREAM.length)],target:false});
    _ATTBLINK._stream=stream;_ATTBLINK._lag=lag;_ATTBLINK._si=0;_ATTBLINK._T2hit=false;_ATTBLINK._T2pos=-1;
    stream.forEach(function(s,i){if(s.isT2)_ATTBLINK._T2pos=i;});
    abShowNext();
  }
  function abShowNext(){
    if(!_ATTBLINK.active)return;
    var si=_ATTBLINK._si;var stream=_ATTBLINK._stream;
    if(si>=stream.length){
      // Report
      _ATTBLINK.push({trial:_ATTBLINK.trial,lag:_ATTBLINK._lag,T2hit:_ATTBLINK._T2hit});
      var fb=$('attblinkFeedback');fb.textContent=_ATTBLINK._T2hit?'T2 seen ✓':'T2 missed ✗';fb.className='feedback '+(_ATTBLINK._T2hit?'ok':'err');
      _ATTBLINK.T(abNewTrial,800);return;
    }
    var item=stream[si];_ATTBLINK._si++;
    $('attblinkStim').textContent=item.ltr;
    $('attblinkStim').style.color=item.target?'var(--gold)':'var(--mid)';
    $('attblink-phase').textContent=item.isT1?'T1':item.isT2?'T2 (lag '+_ATTBLINK._lag+')':'—';
    triggerFlash();
    _ATTBLINK.T(function(){$('attblinkStim').textContent='';_ATTBLINK.T(abShowNext,20);},100);
  }
  document.addEventListener('keydown',function abKey(e){
    if(!_ATTBLINK||!_ATTBLINK.active){document.removeEventListener('keydown',abKey);return;}
    if(e.code==='Space'){e.preventDefault();
      // If we're past T2 in the stream, record T2 hit
      if(_ATTBLINK._si>_ATTBLINK._T2pos)_ATTBLINK._T2hit=true;
    }
  });
}
function attblinkExportCSV(){var log=window._attblink_log;if(!log)return;var blob=new Blob(['trial,lag,T2_hit\n'+log.map(function(r){return[r.trial,r.lag,r.T2hit?1:0].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='attblink_'+Date.now()+'.csv';a.click();}

// ── Subitizing ────────────────────────────────────────────
var _SUBITIZE;
function startSubitize(isPractice){
  _SUBITIZE=makeTask('subitize','subitizeScreen',isPractice?16:(parseInt($('trialsInput').value)||40),isPractice,function(S){S.n=0;S.waiting=false;S.stimOn=0;S.T(subNext,600);},null,function(log){
    window._subitize_log=log;
    var sub=log.filter(function(r){return r.n<=4&&r.rt;}),cnt=log.filter(function(r){return r.n>4&&r.rt;});
    var subRT=sub.length?(sub.reduce(function(a,b){return a+b.rt;},0)/sub.length).toFixed(0):'—';
    var cntRT=cnt.length?(cnt.reduce(function(a,b){return a+b.rt;},0)/cnt.length).toFixed(0):'—';
    $('subitizeMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+subRT+'ms</div><div class="vm-lbl">Subitize RT (1–4)</div></div><div class="vrt-metric"><div class="vm-val">'+cntRT+'ms</div><div class="vm-lbl">Counting RT (5–8)</div></div><div class="vrt-metric"><div class="vm-val">'+(log.filter(function(r){return r.correct;}).length/log.length*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
  });
  function subNext(){
    if(_SUBITIZE.trial>=_SUBITIZE.maxTrials){_SUBITIZE.end();return;}
    _SUBITIZE.trial++;_SUBITIZE.progress();$('subitizeFeedback').textContent='';$('subitizeFeedback').className='feedback';
    var n=1+Math.floor(Math.random()*8);_SUBITIZE.n=n;
    var cvs=$('subitizeCvs'),ctx=cvs.getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,280,160);
    var pts=[];var seed=n*1337;
    for(var i=0;i<n;i++){var placed=false;var tries=0;while(!placed&&tries<200){var x=25+Math.random()*230,y=20+Math.random()*120;var ok=pts.every(function(p){return Math.hypot(p.x-x,p.y-y)>22;});if(ok){pts.push({x:x,y:y});placed=true;}tries++;}if(!placed)pts.push({x:25+i*25,y:80});}
    pts.forEach(function(p){ctx.beginPath();ctx.arc(p.x,p.y,8,0,Math.PI*2);ctx.fillStyle=n<=4?'var(--gold)':'rgba(138,180,208,0.7)';ctx.fill();});
    _SUBITIZE.waiting=true;_SUBITIZE.stimOn=performance.now();triggerFlash();
    _SUBITIZE.T(function(){if(_SUBITIZE.waiting){ctx.fillStyle='#060d14';ctx.fillRect(0,0,280,160);
      _SUBITIZE.push({trial:_SUBITIZE.trial,n:n,responded:false,correct:false,rt:null});_SUBITIZE.waiting=false;_SUBITIZE.T(subNext,400);}},1500);
  }
  document.addEventListener('keydown',function subKey(e){
    if(!_SUBITIZE||!_SUBITIZE.active){document.removeEventListener('keydown',subKey);return;}
    if(!_SUBITIZE.waiting)return;
    var num=parseInt(e.key);if(isNaN(num)||num<1||num>9)return;e.preventDefault();
    _SUBITIZE.waiting=false;var rt=+(performance.now()-_SUBITIZE.stimOn).toFixed(1);
    var correct=num===_SUBITIZE.n;
    _SUBITIZE.push({trial:_SUBITIZE.trial,n:_SUBITIZE.n,responded:num,correct:correct,rt:rt});
    var fb=$('subitizeFeedback');fb.textContent=correct?rt+'ms ✓':'✗ ('+_SUBITIZE.n+' dots)';fb.className='feedback '+(correct?'ok':'err');
    var ctx=$('subitizeCvs').getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,280,160);
    _SUBITIZE.T(subNext,350);
  });
}
function subitizeExportCSV(){var log=window._subitize_log;if(!log)return;var blob=new Blob(['trial,n_dots,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.n,r.responded!=null?r.responded:'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='subitize_'+Date.now()+'.csv';a.click();}

// ── Lexical Decision ──────────────────────────────────────
var _LEXDEC;
var LEXDEC_WORDS={high:['TIME','YEAR','PEOPLE','WAY','DAY','MAN','CHILD','WORLD','HAND','PLACE','CASE','WEEK','COMPANY','SYSTEM','PROGRAM','QUESTION'],low:['SERAPH','FEUDAL','RAMPART','CHIMERA','ZEPHYR','QUORUM','STIGMA','ALCOVE','MYRIAD','VESTIBULE'],nonwords:['FLURP','BLARG','TROKE','VAMBLE','SNORGE','PRITH','GLOME','SWORF','KLINCH','PLOAVE','DRUVE','STAMPER','NORFLE','BLENDIX']};
function startLexDec(isPractice){
  var deck=[];LEXDEC_WORDS.high.forEach(function(w){deck.push({word:w,real:true,freq:'high'});});LEXDEC_WORDS.low.forEach(function(w){deck.push({word:w,real:true,freq:'low'});});LEXDEC_WORDS.nonwords.forEach(function(w){deck.push({word:w,real:false,freq:'nw'});});deck.sort(function(){return Math.random()-0.5;});
  _LEXDEC=makeTask('lexdec','lexdecScreen',isPractice?12:(parseInt($('trialsInput').value)||40),isPractice,function(S){S.di=0;S.waiting=false;S.stimOn=0;S.T(ldNext,600);},null,function(log){
    window._lexdec_log=log;
    var hi=log.filter(function(r){return r.freq==='high'&&r.rt;}),lo=log.filter(function(r){return r.freq==='low'&&r.rt;}),nw=log.filter(function(r){return r.freq==='nw'&&r.rt;});
    $('lexdecMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+(hi.length?(hi.reduce(function(a,b){return a+b.rt;},0)/hi.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">High-freq RT</div></div><div class="vrt-metric"><div class="vm-val">'+(lo.length?(lo.reduce(function(a,b){return a+b.rt;},0)/lo.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Low-freq RT</div></div><div class="vrt-metric"><div class="vm-val">'+(nw.length?(nw.reduce(function(a,b){return a+b.rt;},0)/nw.length).toFixed(0):'—')+'ms</div><div class="vm-lbl">Non-word RT</div></div>';
  });
  function ldNext(){
    if(_LEXDEC.trial>=_LEXDEC.maxTrials){_LEXDEC.end();return;}
    _LEXDEC.trial++;_LEXDEC.progress();$('lexdecFeedback').textContent='';$('lexdecFeedback').className='feedback';
    var item=deck[_LEXDEC.di%deck.length];_LEXDEC.di++;_LEXDEC._item=item;
    $('lexdecWord').textContent=item.word;$('lexdec-phase').textContent=item.real?'WORD':'NON-WORD';
    _LEXDEC.waiting=true;_LEXDEC.stimOn=performance.now();triggerFlash();
    _LEXDEC.T(function(){if(_LEXDEC.waiting){$('lexdecWord').textContent='';_LEXDEC.push({trial:_LEXDEC.trial,word:item.word,real:item.real,freq:item.freq,correct:false,rt:null});_LEXDEC.waiting=false;_LEXDEC.T(ldNext,400);}},1500);
  }
  document.addEventListener('keydown',function ldKey(e){
    if(!_LEXDEC||!_LEXDEC.active){document.removeEventListener('keydown',ldKey);return;}
    if(!_LEXDEC.waiting)return;
    var resp=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;if(resp===null)return;
    e.preventDefault();_LEXDEC.waiting=false;var rt=+(performance.now()-_LEXDEC.stimOn).toFixed(1);
    var item=_LEXDEC._item;var correct=resp===item.real;
    _LEXDEC.push({trial:_LEXDEC.trial,word:item.word,real:item.real,freq:item.freq,correct:correct,rt:rt});
    var fb=$('lexdecFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
    $('lexdecWord').textContent='';_LEXDEC.T(ldNext,350);
  });
}
function lexdecExportCSV(){var log=window._lexdec_log;if(!log)return;var blob=new Blob(['trial,word,real,freq,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.word,r.real?1:0,r.freq,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='lexdec_'+Date.now()+'.csv';a.click();}

// ── Semantic Fluency ──────────────────────────────────────
var _SEMFLUENCY;
function startSemFluency(isPractice){
  var CATS=[{label:'ANIMALS',dummy:['cat','dog','bird','fish','lion','tiger','bear','wolf','horse','rabbit','cow','pig','sheep','elephant','monkey','snake','eagle','shark','whale','frog']},{label:'FOOD',dummy:['apple','bread','rice','soup','fish','pizza','pasta','salad','cheese','milk','egg','chicken','cake','coffee','tea','potato','carrot','orange','banana','steak']},{label:'TOOLS',dummy:['hammer','saw','drill','wrench','pliers','screwdriver','chisel','file','level','tape','nail','bolt','clamp','brush','roller','shovel','rake','axe','knife','scissors']}];
  var catIdx=Math.floor(Math.random()*CATS.length);var cat=CATS[catIdx];
  var timeLimit=isPractice?30000:60000;
  _SEMFLUENCY=makeTask('semfluency','semfluencyScreen',1,isPractice,function(S){
    S.words=[];S.startTime=performance.now();S.timer=null;
    $('semfluencyCategory').textContent='Name as many '+cat.label+' as possible';
    $('semfluencyList').innerHTML='';$('semfluencyInput').value='';$('semfluencyInput').disabled=false;$('semfluencyInput').focus();
    function updateTimer(){if(!_SEMFLUENCY.active)return;var elapsed=performance.now()-_SEMFLUENCY.startTime;var remaining=Math.max(0,(timeLimit-elapsed)/1000);$('semfluency-time').textContent=remaining.toFixed(0)+'s';$('semfluencyProgressBar').style.width=(elapsed/timeLimit*100).toFixed(1)+'%';if(elapsed>=timeLimit){$('semfluencyInput').disabled=true;_SEMFLUENCY.end();}else{_SEMFLUENCY.timer=requestAnimationFrame(updateTimer);}}
    _SEMFLUENCY.timer=requestAnimationFrame(updateTimer);
    $('semfluencyInput').addEventListener('keydown',function sfKey(e){
      if(!_SEMFLUENCY||!_SEMFLUENCY.active){$('semfluencyInput').removeEventListener('keydown',sfKey);return;}
      if(e.key==='Enter'){var w=$('semfluencyInput').value.trim().toLowerCase();$('semfluencyInput').value='';
        if(w.length>1&&_SEMFLUENCY.words.indexOf(w)<0){_SEMFLUENCY.words.push(w);var t=document.createElement('span');t.textContent=w;t.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;color:var(--gold);background:rgba(212,180,86,0.1);border:1px solid rgba(212,180,86,0.3);padding:2px 8px;border-radius:2px;';$('semfluencyList').appendChild(t);$('semfluency-trial').textContent=_SEMFLUENCY.words.length+' words';}}
    });
  },null,function(){
    window._semfluency_log=_SEMFLUENCY.words;
    $('semfluencyMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_SEMFLUENCY.words.length+'</div><div class="vm-lbl">Total Words</div></div><div class="vrt-metric"><div class="vm-val">'+cat.label+'</div><div class="vm-lbl">Category</div></div>';
  });
}
function semfluencyExportCSV(){var log=window._semfluency_log;if(!log)return;var blob=new Blob(['rank,word\n'+log.map(function(w,i){return(i+1)+','+w;}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='semfluency_'+Date.now()+'.csv';a.click();}

// ── Prospective Memory ────────────────────────────────────
var _PROSMEM;
var PROSMEM_WORDS=['CHAIR','TABLE','RIVER','STONE','CLOUD','SHELF','FENCE','BRUSH','TIGER','PENCIL','GARDEN','WINDOW','MIRROR','CARPET','BOTTLE','CANDLE'];
function startProsMem(isPractice){
  var PM_TARGET=PROSMEM_WORDS[Math.floor(Math.random()*PROSMEM_WORDS.length)];
  var ONGOING_WORDS=PROSMEM_WORDS.filter(function(w){return w!==PM_TARGET;});
  var deck=[];for(var i=0;i<20;i++)deck.push({word:ONGOING_WORDS[i%ONGOING_WORDS.length],isPM:false});
  var pmPos=[5,12];pmPos.forEach(function(p){deck[p]={word:PM_TARGET,isPM:true};});
  deck.sort(function(a,b){return a.isPM&&!b.isPM?1:!a.isPM&&b.isPM?-1:Math.random()-0.5;});
  $('prosmemTargetWord').textContent=PM_TARGET;
  _PROSMEM=makeTask('prosmem','prosmemScreen',isPractice?12:(parseInt($('trialsInput').value)||30),isPractice,function(S){S.di=0;S.waiting=false;S.stimOn=0;S.pmHits=0;S.pmMisses=0;S.T(pmNext,800);},null,function(log){
    window._prosmem_log=log;
    var pmTrials=log.filter(function(r){return r.isPM;});
    var pmHits=pmTrials.filter(function(r){return r.pmHit;}).length;
    $('prosmemMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+pmHits+'/'+pmTrials.length+'</div><div class="vm-lbl">PM Hits</div></div><div class="vrt-metric"><div class="vm-val">'+(log.filter(function(r){return !r.isPM&&r.correct;}).length/Math.max(1,log.filter(function(r){return !r.isPM;}).length)*100).toFixed(0)+'%</div><div class="vm-lbl">Ongoing Accuracy</div></div>';
  });
  function pmNext(){
    if(_PROSMEM.trial>=_PROSMEM.maxTrials){_PROSMEM.end();return;}
    _PROSMEM.trial++;_PROSMEM.progress();$('prosmemFeedback').textContent='';$('prosmemFeedback').className='feedback';
    var item=deck[_PROSMEM.di%deck.length];_PROSMEM.di++;_PROSMEM._item=item;
    $('prosmemWord').textContent=item.word;$('prosmemWord').style.color=item.isPM?'var(--gold)':'var(--text)';
    _PROSMEM.waiting=true;_PROSMEM.stimOn=performance.now();_PROSMEM._pmResponded=false;triggerFlash();
    _PROSMEM.T(function(){if(_PROSMEM.waiting){
      $('prosmemWord').textContent='';_PROSMEM.push({trial:_PROSMEM.trial,word:item.word,isPM:item.isPM,pmHit:false,correct:false,rt:null});
      _PROSMEM.waiting=false;if(item.isPM){var fb=$('prosmemFeedback');fb.textContent='PM MISS';fb.className='feedback err';}
      _PROSMEM.T(pmNext,400);}},1200);
  }
  document.addEventListener('keydown',function pmKey(e){
    if(!_PROSMEM||!_PROSMEM.active){document.removeEventListener('keydown',pmKey);return;}
    if(!_PROSMEM.waiting)return;
    var rt=+(performance.now()-_PROSMEM.stimOn).toFixed(1);
    var item=_PROSMEM._item;
    if(e.code==='Space'){e.preventDefault();_PROSMEM.waiting=false;
      _PROSMEM.push({trial:_PROSMEM.trial,word:item.word,isPM:item.isPM,pmHit:item.isPM,correct:item.isPM,rt:rt});
      var fb=$('prosmemFeedback');fb.textContent=item.isPM?rt+'ms ✓ PM HIT':rt+'ms ✗ FALSE PM';fb.className='feedback '+(item.isPM?'ok':'err');
      $('prosmemWord').textContent='';_PROSMEM.T(pmNext,350);}
    else if(e.key==='f'||e.key==='F'||e.key==='j'||e.key==='J'){e.preventDefault();_PROSMEM.waiting=false;
      var isVowel='AEIOU'.indexOf(item.word[0])>=0;var resp=e.key==='f'||e.key==='F';var correct=resp===isVowel;
      _PROSMEM.push({trial:_PROSMEM.trial,word:item.word,isPM:item.isPM,pmHit:false,correct:correct,rt:rt});
      var fb2=$('prosmemFeedback');fb2.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb2.className='feedback '+(correct?'ok':'err');
      $('prosmemWord').textContent='';_PROSMEM.T(pmNext,350);}
  });
}
function prosmemExportCSV(){var log=window._prosmem_log;if(!log)return;var blob=new Blob(['trial,word,is_pm,pm_hit,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.word,r.isPM?1:0,r.pmHit?1:0,r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='prosmem_'+Date.now()+'.csv';a.click();}

// ── Spatial Working Memory ────────────────────────────────
var _SPATWM;
function startSpatWM(isPractice){
  var GRID_SIZE=4;var CELLS=GRID_SIZE*GRID_SIZE;
  _SPATWM=makeTask('spatwm','spatwmScreen','mocaScreen','digcanScreen','abrScreen','p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen','symsearchScreen','phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen','rewpScreen',1,isPractice,function(S){
    S.span=0;S.maxSpan=0;S.errors=0;S.T(swmNewSpan,600);
  },null,function(){
    $('spatwmMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_SPATWM.maxSpan+'</div><div class="vm-lbl">Spatial Span</div></div>';
  });
  var bw=56,gap=8,ox=($('spatwmCvs').width-(GRID_SIZE*(bw+gap)))/2,oy=($('spatwmCvs').height-(GRID_SIZE*(bw+gap)))/2;
  function cellXY(i){var col=i%GRID_SIZE,row=Math.floor(i/GRID_SIZE);return[ox+col*(bw+gap),oy+row*(bw+gap)];}
  function drawGrid(highlighted,recalled,wrong){
    var cvs=$('spatwmCvs'),ctx=cvs.getContext('2d');ctx.fillStyle='#060d14';ctx.fillRect(0,0,cvs.width,cvs.height);
    for(var i=0;i<CELLS;i++){var xy=cellXY(i);var hi=highlighted&&highlighted.indexOf(i)>=0;var rc=recalled&&recalled.indexOf(i)>=0;var wr=wrong&&wrong.indexOf(i)>=0;ctx.strokeStyle=wr?'#e07070':hi?'var(--gold)':rc?'#5b9fda':'rgba(138,180,208,0.25)';ctx.lineWidth=1.5;ctx.fillStyle=wr?'rgba(224,80,80,0.18)':hi?'rgba(212,180,86,0.2)':rc?'rgba(91,159,218,0.15)':'#0a1620';ctx.fillRect(xy[0],xy[1],bw,bw);ctx.strokeRect(xy[0],xy[1],bw,bw);}
  }
  function swmNewSpan(){
    if(!_SPATWM.active)return;
    _SPATWM.span++;if(_SPATWM.span>CELLS)_SPATWM.span=CELLS;
    $('spatwm-phase').textContent='STUDY — span '+_SPATWM.span;$('spatwmInstruct').textContent='Watch the sequence';$('spatwmFeedback').textContent='';$('spatwm-trial').textContent='Span '+_SPATWM.span;
    var seq=[];var pool=Array.from({length:CELLS},function(_,i){return i;});while(seq.length<_SPATWM.span){var pick=pool.splice(Math.floor(Math.random()*pool.length),1)[0];seq.push(pick);}
    _SPATWM._seq=seq;_SPATWM._recall=[];_SPATWM._phase='study';
    // Show each cell in sequence
    var delay=0;seq.forEach(function(cell,i){_SPATWM.T(function(){drawGrid([cell]);triggerFlash();_SPATWM.T(function(){drawGrid([]);},400);},delay);delay+=600;});
    _SPATWM.T(function(){drawGrid();$('spatwmInstruct').textContent='Click the boxes in the same order';_SPATWM._phase='recall';$('spatwm-phase').textContent='RECALL';
      $('spatwmCvs').onclick=function(e){if(_SPATWM._phase!=='recall')return;var r=e.target.getBoundingClientRect();var mx=e.clientX-r.left,my=e.clientY-r.top;var hit=-1;for(var i=0;i<CELLS;i++){var xy=cellXY(i);if(mx>=xy[0]&&mx<xy[0]+bw&&my>=xy[1]&&my<xy[1]+bw){hit=i;break;}}if(hit<0)return;_SPATWM._recall.push(hit);drawGrid(null,_SPATWM._recall.slice(0,-1),[hit]);
        if(_SPATWM._recall.length===_SPATWM._seq.length){
          var correct=_SPATWM._seq.every(function(v,i){return v===_SPATWM._recall[i];});
          $('spatwmCvs').onclick=null;
          if(correct){_SPATWM.maxSpan=_SPATWM.span;drawGrid(null,_SPATWM._recall);$('spatwmFeedback').textContent='✓ Correct!';$('spatwmFeedback').className='feedback ok';_SPATWM.errors=0;_SPATWM.T(swmNewSpan,1000);}
          else{drawGrid(null,null,_SPATWM._recall);$('spatwmFeedback').textContent='✗ Incorrect';$('spatwmFeedback').className='feedback err';_SPATWM.errors++;
            if(_SPATWM.errors>=2){_SPATWM.T(function(){_SPATWM.end();},1000);}else{_SPATWM.T(swmNewSpan,1000);}}}};
    },delay+200);
  }
}
function spatwmExportCSV(){$('spatwmMetrics').innerHTML+='';alert('Spatial WM span: '+(_SPATWM?_SPATWM.maxSpan:'—'));}


// ══════════════════════════════════════════════════════════
// MoCA — Montreal Cognitive Assessment
// ══════════════════════════════════════════════════════════

// Anim: show score card with domain breakdown

// Register with ANIM_MAP dispatcher

// ── MoCA Task Implementation ──────────────────────────────
var _MOCA_STATE = null;

var MOCA_DOMAINS = [
  {
    id:'visuospatial', label:'Visuospatial / Executive', maxPts:5,
    items:[
      {id:'tmt',label:'Trail Making (alternating numbers & letters)',pts:1,type:'checkbox'},
      {id:'cube',label:'Copy 3-D cube',pts:1,type:'checkbox'},
      {id:'clock_contour',label:'Clock — contour',pts:1,type:'checkbox'},
      {id:'clock_numbers',label:'Clock — numbers',pts:1,type:'checkbox'},
      {id:'clock_hands',label:'Clock — hands (11:10)',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'naming', label:'Naming', maxPts:3,
    items:[
      {id:'lion',label:'Lion',pts:1,type:'checkbox'},
      {id:'rhinoceros',label:'Rhinoceros',pts:1,type:'checkbox'},
      {id:'camel',label:'Camel',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'memory', label:'Memory (delayed recall — score at end)', maxPts:5,
    items:[
      {id:'mem_face',label:'FACE',pts:1,type:'checkbox'},
      {id:'mem_velvet',label:'VELVET',pts:1,type:'checkbox'},
      {id:'mem_church',label:'CHURCH',pts:1,type:'checkbox'},
      {id:'mem_daisy',label:'DAISY',pts:1,type:'checkbox'},
      {id:'mem_red',label:'RED',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'attention', label:'Attention', maxPts:6,
    items:[
      {id:'fwd_span',label:'Forward digit span (2-1-8-5-4)',pts:1,type:'checkbox'},
      {id:'bwd_span',label:'Backward digit span (7-4-2)',pts:1,type:'checkbox'},
      {id:'vigilance',label:'Vigilance (tap on letter A)',pts:1,type:'checkbox'},
      {id:'serial7_1',label:'Serial 7s: 93',pts:1,type:'checkbox'},
      {id:'serial7_2',label:'Serial 7s: 86',pts:1,type:'checkbox'},
      {id:'serial7_3',label:'Serial 7s: 79 / 72 / 65',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'language', label:'Language', maxPts:3,
    items:[
      {id:'repeat1',label:'Repeat: "I only know that John is the one to help today."',pts:1,type:'checkbox'},
      {id:'repeat2',label:'Repeat: "The cat always hid under the couch when dogs were in the room."',pts:1,type:'checkbox'},
      {id:'fluency',label:'Fluency: ≥11 words beginning with F in 60s',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'abstraction', label:'Abstraction', maxPts:2,
    items:[
      {id:'abs1',label:'Train / bicycle → vehicles (modes of transport)',pts:1,type:'checkbox'},
      {id:'abs2',label:'Ruler / watch → measurement instruments',pts:1,type:'checkbox'}
    ]
  },
  {
    id:'orientation', label:'Orientation', maxPts:6,
    items:[
      {id:'date',label:'Date',pts:1,type:'checkbox'},
      {id:'month',label:'Month',pts:1,type:'checkbox'},
      {id:'year',label:'Year',pts:1,type:'checkbox'},
      {id:'day',label:'Day of week',pts:1,type:'checkbox'},
      {id:'place',label:'Place',pts:1,type:'checkbox'},
      {id:'city',label:'City',pts:1,type:'checkbox'}
    ]
  }
];

function startMoCA(isPractice){
  _MOCA_STATE = { isPractice:isPractice, scores:{}, education:false, startTime:performance.now() };
  hideAll();
  var screen = document.getElementById('mocaScreen','digcanScreen','abrScreen','p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen','symsearchScreen','phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen','rewpScreen');
  if(!screen){ console.error('mocaScreen not found'); return; }
  screen.style.display='flex';
  document.getElementById('mocaPracticeBanner').style.display=isPractice?'block':'none';
  document.getElementById('si-task').textContent='MoCA'+(isPractice?' (PRAC)':'');
  document.getElementById('exportBtn').disabled=true;
  renderMoCAForm();
}

function renderMoCAForm(){
  var container=document.getElementById('mocaItems');
  if(!container)return;
  container.innerHTML='';
  MOCA_DOMAINS.forEach(function(domain){
    var domDiv=document.createElement('div');
    domDiv.style.cssText='margin-bottom:16px;border:1px solid #1a2f44;border-radius:3px;overflow:hidden;';
    var header=document.createElement('div');
    header.style.cssText='background:#0a1620;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;';
    header.innerHTML='<span style="font-family:sans-serif;font-size:1rem;color:var(--gold);letter-spacing:0.05em;">'+domain.label+'</span>'+
      "<span id=\"moca-dom-score-"+domain.id+"\" style=\"font-family:monospace;font-size:0.82rem;color:var(--gold);\">0 / "+domain.maxPts+"</span>";
    domDiv.appendChild(header);
    domain.items.forEach(function(item){
      var row=document.createElement('div');
      row.style.cssText='padding:6px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid #1a2f44;cursor:pointer;transition:background 0.12s;';
      row.onmouseenter=function(){this.style.background='rgba(212,180,86,0.04)';};
      row.onmouseleave=function(){this.style.background='';};
      var cb=document.createElement('input');
      cb.type='checkbox';cb.id='moca-cb-'+item.id;cb.style.cssText='accent-color:var(--gold);width:16px;height:16px;cursor:pointer;flex-shrink:0;';
      cb.addEventListener('change',function(){mocaUpdateScore();});
      var lbl=document.createElement('label');
      lbl.htmlFor='moca-cb-'+item.id;
      lbl.style.cssText='font-size:0.88rem;color:var(--mid);cursor:pointer;flex:1;line-height:1.5;';
      lbl.textContent=item.label+' ('+item.pts+' pt)';
      row.appendChild(cb);row.appendChild(lbl);
      row.addEventListener('click',function(e){if(e.target!==cb){cb.checked=!cb.checked;mocaUpdateScore();}});
      domDiv.appendChild(row);
    });
    container.appendChild(domDiv);
  });
  // Education adjustment
  var eduDiv=document.createElement('div');
  eduDiv.style.cssText='padding:8px 12px;border:1px solid #1a2f44;border-radius:3px;display:flex;align-items:center;gap:10px;margin-bottom:16px;';
  eduDiv.innerHTML='<input type="checkbox" id="moca-edu-adj" style="accent-color:var(--gold);width:16px;height:16px;cursor:pointer;">'+
    '<label for="moca-edu-adj" style="font-size:0.88rem;color:var(--mid);cursor:pointer;">Education ≤12 years — add 1 point (adjusted score)</label>';
  eduDiv.querySelector('#moca-edu-adj').addEventListener('change',mocaUpdateScore);
  container.appendChild(eduDiv);
  mocaUpdateScore();
}

function mocaUpdateScore(){
  if(!_MOCA_STATE)return;
  var total=0;
  MOCA_DOMAINS.forEach(function(domain){
    var domScore=0;
    domain.items.forEach(function(item){
      var cb=document.getElementById('moca-cb-'+item.id);
      if(cb&&cb.checked) domScore+=item.pts;
    });
    _MOCA_STATE.scores[domain.id]=domScore;
    var domScoreEl=document.getElementById('moca-dom-score-'+domain.id);
    if(domScoreEl) domScoreEl.textContent=domScore+' / '+domain.maxPts;
    total+=domScore;
  });
  var edu=document.getElementById('moca-edu-adj');
  var adj=edu&&edu.checked?1:0;
  var adjusted=Math.min(30,total+adj);
  _MOCA_STATE.total=total;_MOCA_STATE.adjusted=adjusted;
  var scoreEl=document.getElementById('mocaTotalScore');
  if(scoreEl){
    scoreEl.textContent=adjusted;
    scoreEl.style.color=adjusted>=26?'#81c784':'#e07070';
  }
  var interpEl=document.getElementById('mocaInterp');
  if(interpEl){
    if(adjusted>=26) interpEl.textContent='Within normal range (≥26)';
    else if(adjusted>=18) interpEl.textContent='Mild cognitive impairment screen positive (<26)';
    else if(adjusted>=10) interpEl.textContent='Moderate impairment screen';
    else interpEl.textContent='Severe impairment screen';
    interpEl.style.color=adjusted>=26?'#81c784':'#e07070';
  }
}

function mocaFinish(){
  if(!_MOCA_STATE)return;
  mocaUpdateScore();
  var log=[{
    timestamp:new Date().toISOString(),
    total:_MOCA_STATE.total,
    adjusted:_MOCA_STATE.adjusted,
    duration_ms:+(performance.now()-_MOCA_STATE.startTime).toFixed(0),
    domains:JSON.stringify(_MOCA_STATE.scores)
  }];
  window._moca_log=log;
  document.getElementById('exportBtn').disabled=false;
  document.getElementById('mocaResultsPhase').style.display='block';
  document.getElementById('mocaFormPhase').style.display='none';
  document.getElementById('mocaFinalScore').textContent=_MOCA_STATE.adjusted+'/30';
  document.getElementById('mocaFinalScore').style.color=_MOCA_STATE.adjusted>=26?'#81c784':'#e07070';
  document.getElementById('mocaFinalInterp').textContent=_MOCA_STATE.adjusted>=26?'Within normal range':'Screen positive for cognitive impairment (<26)';
  updateSidebar();
}

function mocaExportCSV(){
  var log=window._moca_log;if(!log||!log.length)return;
  var rows=['timestamp,total_raw,total_adjusted,duration_ms,domain_scores'];
  log.forEach(function(r){ rows.push([r.timestamp,r.total,r.adjusted,r.duration_ms,'"'+r.domains+'"'].join(',')); });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='moca_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// RewP / FRN — Reward Positivity / Feedback-Related Negativity
// ══════════════════════════════════════════════════════════

// ── RewP Task ──────────────────────────────────────────────
var _REWP = null;

function startREWP(isPractice){
  var WIN_PROB = 0.5; // 50/50 gamble
  _REWP = {
    active:true, isPractice:isPractice, trial:0,
    maxTrials: isPractice ? 12 : (parseInt($('trialsInput').value)||40),
    log:[], practiceLog:[], _timers:[], waiting:false, stimOn:0,
    wins:0, losses:0
  };
  function T(fn,ms){ var t=setTimeout(fn,ms); _REWP._timers.push(t); return t; }
  _REWP.T = T;
  _REWP.clear = function(){ _REWP._timers.forEach(clearTimeout); _REWP._timers=[]; };
  _REWP.push = function(row){ (_REWP.isPractice?_REWP.practiceLog:_REWP.log).push(row); };

  hideAll();
  $('rewpScreen').style.display='flex';
  $('rewpPracticeBanner').style.display=isPractice?'block':'none';
  $('rewpProgressBar').style.width='0%';
  $('rewpStimPhase').style.display='flex';
  $('rewpResultsPhase').style.display='none';
  $('rewpChoice').style.display='none';
  $('rewpFeedback').textContent='';
  $('rewpFeedbackText').textContent='';
  $('si-task').textContent='RewP'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  function rewpEnd(){
    _REWP.clear(); _REWP.active=false;
    $('rewpStimPhase').style.display='none';
    $('rewpProgressBar').style.width='100%';
    var log = isPractice ? _REWP.practiceLog : _REWP.log;
    if(isPractice){
      $('pcStats').innerHTML='WINS <span>'+_REWP.wins+'</span> / LOSSES <span>'+_REWP.losses+'</span>';
      hideAll(); $('practiceComplete').style.display='flex'; return;
    }
    $('exportBtn').disabled=false;
    window._rewp_log = log;
    var wins = log.filter(function(r){return r.outcome==='win';});
    var losses = log.filter(function(r){return r.outcome==='loss';});
    var winRT = wins.filter(function(r){return r.rt;});
    var lossRT = losses.filter(function(r){return r.rt;});
    var avgWinRT = winRT.length ? (winRT.reduce(function(a,b){return a+b.rt;},0)/winRT.length).toFixed(0) : '—';
    var avgLossRT = lossRT.length ? (lossRT.reduce(function(a,b){return a+b.rt;},0)/lossRT.length).toFixed(0) : '—';
    $('rewpMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+wins.length+'</div><div class="vm-lbl">Wins</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+losses.length+'</div><div class="vm-lbl">Losses</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+avgWinRT+'ms</div><div class="vm-lbl">Win RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+avgLossRT+'ms</div><div class="vm-lbl">Loss RT</div></div>';
    $('rewpResultsPhase').style.display='block';
    cognosRecordResult('REWP','REWP',{score:($('rewpMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
  }

  function rewpNext(){
    if(!_REWP.active) return;
    if(_REWP.trial >= _REWP.maxTrials){ rewpEnd(); return; }
    _REWP.trial++;
    $('rewp-trial').textContent='Trial '+_REWP.trial+'/'+_REWP.maxTrials;
    $('rewpProgressBar').style.width=((_REWP.trial-1)/_REWP.maxTrials*100).toFixed(1)+'%';
    $('rewpChoice').style.display='none';
    $('rewpFeedback').textContent='';
    $('rewpFeedbackText').textContent='';
    $('rewpFixation').style.display='block';
    $('rewp-phase').textContent='FIXATION';
    triggerFlash();
    T(function(){
      $('rewpFixation').style.display='none';
      $('rewpChoice').style.display='flex';
      $('rewp-phase').textContent='CHOOSE';
      _REWP.stimOn = performance.now();
      _REWP.waiting = true;
      // Auto-respond after 2s if no response
      _REWP._autoTimer = T(function(){
        if(_REWP.waiting) rewpChoose(Math.random()<0.5?0:1);
      }, 2000);
    }, 600+Math.random()*400);
  }

  _REWP._next = rewpNext;
  rewpNext();
}

function rewpChoose(cardIdx){
  if(!_REWP || !_REWP.waiting) return;
  _REWP.waiting = false;
  clearTimeout(_REWP._autoTimer);
  var rt = +(performance.now()-_REWP.stimOn).toFixed(1);
  $('rewpChoice').style.display='none';
  // Outcome: probabilistic win/loss
  var isWin = Math.random() < 0.5;
  var outcome = isWin ? 'win' : 'loss';
  if(isWin) _REWP.wins++; else _REWP.losses++;
  _REWP.push({trial:_REWP.trial, card:cardIdx, outcome:outcome, rt:rt, t:performance.now()});
  // Show feedback
  $('rewpFeedback').textContent = isWin ? '↑ WIN' : '↓ LOSS';
  $('rewpFeedback').style.color = isWin ? '#81c784' : '#e05c5c';
  $('rewpFeedback').style.fontSize = '2.8rem';
  var fb=$('rewpFeedbackText');
  fb.textContent = isWin ? '+10 pts' : '−10 pts';
  fb.className = 'feedback '+(isWin?'ok':'err');
  triggerFlash();
  _REWP.T(function(){
    $('rewpFeedback').textContent='';
    $('rewpFeedbackText').textContent='';
    _REWP.T(_REWP._next, 400);
  }, 700);
}

function rewpExportCSV(){
  var log=window._rewp_log; if(!log) return;
  var blob=new Blob(['trial,card,outcome,rt_ms,t_ms\n'+log.map(function(r){
    return [r.trial,r.card,r.outcome,r.rt!=null?r.rt:'',r.t.toFixed(0)].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a'); a.href=URL.createObjectURL(blob);
  a.download='rewp_'+Date.now()+'.csv'; a.click();
}

// ══════════════════════════════════════════════════════════
// DIGIT CANCELLATION
// ══════════════════════════════════════════════════════════

var _DIGCAN = null;

function startDigCan(isPractice){
  var TARGETS = [3, 7];
  var ROWS = 10, COLS = 20, TIME_LIMIT = isPractice ? 20000 : 60000;
  // Build grid
  var cells = [];
  for(var i=0; i<ROWS*COLS; i++) cells.push(Math.floor(Math.random()*10));

  _DIGCAN = {
    active:true, isPractice:isPractice, cells:cells, targets:TARGETS,
    hits:0, omissions:0, falsAlarms:0, log:[], startTime:0,
    _timer:null, _rafTimer:null
  };

  hideAll();
  $('digcanScreen','abrScreen','p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen','symsearchScreen','phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('digcanPracticeBanner').style.display=isPractice?'block':'none';
  $('digcanProgressBar').style.width='0%';
  $('digcanStimPhase').style.display='flex';
  $('digcanResultsPhase').style.display='none';
  $('digcan-target').textContent='TARGET: '+TARGETS.join(' & ');
  $('digcan-trial').textContent='';
  $('si-task').textContent='DIGCAN'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  // Build grid HTML
  var grid = $('digcanGrid');
  grid.innerHTML='';
  cells.forEach(function(d,i){
    var cell = document.createElement('div');
    cell.textContent = d;
    cell.style.cssText='width:28px;height:28px;display:flex;align-items:center;justify-content:center;'+
      'font-family:"Source Code Pro",monospace;font-size:0.95rem;border:1px solid #1a2f44;'+
      'background:#0a1620;color:var(--mid);cursor:pointer;border-radius:2px;transition:all 0.1s;';
    cell.dataset.idx = i;
    cell.dataset.val = d;
    cell.dataset.hit = '0';
    cell.addEventListener('click', function(){
      if(!_DIGCAN||!_DIGCAN.active) return;
      if(cell.dataset.hit==='1') return; // already clicked
      cell.dataset.hit='1';
      var val=parseInt(cell.dataset.val);
      var isTarget=TARGETS.indexOf(val)>=0;
      var rt=+(performance.now()-_DIGCAN.startTime).toFixed(1);
      if(isTarget){
        _DIGCAN.hits++;
        cell.style.background='rgba(212,180,86,0.25)';
        cell.style.color='var(--gold)';
        cell.style.borderColor='var(--gold)';
      } else {
        _DIGCAN.falsAlarms++;
        cell.style.background='rgba(224,92,92,0.2)';
        cell.style.color='#e05c5c';
        cell.style.borderColor='#e05c5c';
      }
      _DIGCAN.log.push({idx:parseInt(cell.dataset.idx),val:val,isTarget:isTarget,rt:rt,t:performance.now()});
    });
    grid.appendChild(cell);
  });

  _DIGCAN.startTime = performance.now();

  // Countdown timer
  function updateTimer(){
    if(!_DIGCAN||!_DIGCAN.active) return;
    var elapsed=performance.now()-_DIGCAN.startTime;
    var remaining=Math.max(0,(TIME_LIMIT-elapsed)/1000);
    $('digcan-time').textContent=remaining.toFixed(0)+'s';
    $('digcanProgressBar').style.width=(elapsed/TIME_LIMIT*100).toFixed(1)+'%';
    if(elapsed>=TIME_LIMIT){ digcanEnd(); return; }
    _DIGCAN._rafTimer=requestAnimationFrame(updateTimer);
  }
  _DIGCAN._rafTimer=requestAnimationFrame(updateTimer);
}

function digcanEnd(){
  if(!_DIGCAN||!_DIGCAN.active) return;
  _DIGCAN.active=false;
  if(_DIGCAN._rafTimer) cancelAnimationFrame(_DIGCAN._rafTimer);
  $('digcanStimPhase').style.display='none';
  $('digcanProgressBar').style.width='100%';

  // Count omissions
  var totalTargets=_DIGCAN.cells.filter(function(d){return _DIGCAN.targets.indexOf(d)>=0;}).length;
  _DIGCAN.omissions=totalTargets-_DIGCAN.hits;

  if(_DIGCAN.isPractice){
    $('pcStats').innerHTML='HITS <span>'+_DIGCAN.hits+'</span> / FA <span>'+_DIGCAN.falsAlarms+'</span>';
    hideAll(); $('practiceComplete').style.display='flex'; return;
  }

  window._digcan_log=_DIGCAN.log;
  $('exportBtn').disabled=false;
  var duration=((performance.now()-_DIGCAN.startTime)/1000).toFixed(1);
  var dp=_DIGCAN.hits+_DIGCAN.omissions>0?((_DIGCAN.hits/(_DIGCAN.hits+_DIGCAN.omissions))*100).toFixed(0):'—';
  $('digcanMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_DIGCAN.hits+'</div><div class="vm-lbl">Hits</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_DIGCAN.omissions+'</div><div class="vm-lbl">Omissions</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_DIGCAN.falsAlarms+'</div><div class="vm-lbl">False Alarms</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+dp+'%</div><div class="vm-lbl">Hit Rate</div></div>';
  $('digcanResultsPhase').style.display='block';
  cognosRecordResult('DIGCAN','DIGCAN',{score:($('digcanMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
}

function digcanExportCSV(){
  var log=window._digcan_log; if(!log) return;
  var blob=new Blob(['idx,val,is_target,rt_ms,t_ms\n'+log.map(function(r){
    return[r.idx,r.val,r.isTarget?1:0,r.rt,r.t.toFixed(0)].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='digcan_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// ABR — Auditory Brainstem Response (continuous click burst)
// ══════════════════════════════════════════════════════════

var _ABR = null;

function startABR(isPractice){
  var CLICK_RATE   = 11.1;          // clicks/sec (standard ABR rate)
  var CLICK_INTERVAL_MS = 1000/CLICK_RATE;
  var DURATION_MS  = isPractice ? 20000 : 60000;
  var WAVE_LATS    = {I:1.7, III:3.9, V:5.7};  // normative ms at 70 dB nHL

  _ABR = {
    active:true, isPractice:isPractice,
    clickCount:0, startTime:0,
    waveV_lats:[], _audioCtx:null,
    _clickTimer:null, _rafTimer:null
  };

  hideAll();
  $('abrScreen','p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen').style.display='flex';
  $('abrPracticeBanner').style.display=isPractice?'block':'none';
  $('abrProgressBar').style.width='0%';
  $('abrStimPhase').style.display='flex';
  $('abrResultsPhase').style.display='none';
  $('abr-phase').textContent='RECORDING';
  $('abrWaveInfo').textContent='Delivering '+CLICK_RATE.toFixed(1)+' clicks/sec…';
  $('si-task').textContent='ABR'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  // Open single AudioContext for entire burst
  try {
    _ABR._audioCtx = new(window.AudioContext||window.webkitAudioContext)();
  } catch(e){}

  function playClick(){
    if(!_ABR._audioCtx) return;
    try {
      var ctx2 = _ABR._audioCtx;
      var bufLen = Math.max(1, Math.round(ctx2.sampleRate * 0.0001));
      var buf = ctx2.createBuffer(1, bufLen, ctx2.sampleRate);
      var d = buf.getChannelData(0);
      for(var i=0;i<d.length;i++) d[i]=(Math.random()*2-1)*0.5;
      var src = ctx2.createBufferSource();
      src.buffer = buf;
      var g = ctx2.createGain();
      g.gain.setValueAtTime(0.4, ctx2.currentTime);
      g.gain.linearRampToValueAtTime(0, ctx2.currentTime+0.001);
      src.connect(g); g.connect(ctx2.destination); src.start();
    } catch(e){}
    // Record simulated wave V latency with jitter
    _ABR.waveV_lats.push(+(5.7 + (Math.random()-0.5)*0.4).toFixed(3));
    _ABR.clickCount++;
  }

  _ABR.startTime = performance.now();

  // Continuous click delivery via setInterval
  playClick(); // first click immediately
  _ABR._clickTimer = setInterval(function(){
    if(!_ABR.active) return;
    playClick();
  }, CLICK_INTERVAL_MS);

  // Progress + countdown via RAF
  function updateDisplay(){
    if(!_ABR.active) return;
    var elapsed = performance.now() - _ABR.startTime;
    var remaining = Math.max(0, (DURATION_MS-elapsed)/1000);
    $('digcan-time') && ($('digcan-time').textContent=remaining.toFixed(0)+'s'); // ignore if wrong id
    $('abrProgressBar').style.width = (elapsed/DURATION_MS*100).toFixed(1)+'%';
    $('abr-trial').textContent = _ABR.clickCount + ' clicks · ' + remaining.toFixed(0) + 's';
    if(elapsed >= DURATION_MS){ abrEnd(); return; }
    _ABR._rafTimer = requestAnimationFrame(updateDisplay);
  }
  _ABR._rafTimer = requestAnimationFrame(updateDisplay);
}

function abrEnd(){
  if(!_ABR||!_ABR.active) return;
  _ABR.active = false;
  clearInterval(_ABR._clickTimer);
  if(_ABR._rafTimer) cancelAnimationFrame(_ABR._rafTimer);
  if(_ABR._audioCtx) try{_ABR._audioCtx.close();}catch(e){}

  $('abrStimPhase').style.display='none';
  $('abrProgressBar').style.width='100%';

  var lats = _ABR.waveV_lats;
  var avgV = lats.length ? (lats.reduce(function(a,b){return a+b;},0)/lats.length).toFixed(2) : '—';

  if(_ABR.isPractice){
    $('pcStats').innerHTML='CLICKS <span>'+_ABR.clickCount+'</span> · Wave V <span>'+avgV+'ms</span>';
    hideAll(); $('practiceComplete').style.display='flex'; return;
  }

  window._abr_log = _ABR.waveV_lats;
  $('exportBtn').disabled=false;

  $('abrMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_ABR.clickCount+'</div><div class="vm-lbl">Total clicks</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgV+'ms</div><div class="vm-lbl">Mean Wave V</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+((+avgV-1.7).toFixed(2))+'ms</div><div class="vm-lbl">I–V IPL</div></div>';
  $('abrResultsPhase').style.display='block';
  cognosRecordResult('ABR','ABR',{score:($('abrMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
}

function abrExportCSV(){
  var log=window._abr_log; if(!log) return;
  var rows=['click,waveV_lat_ms'];
  log.forEach(function(v,i){ rows.push((i+1)+','+v); });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='abr_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// SYMBOL SEARCH (WAIS-IV PSI)
// ══════════════════════════════════════════════════════════
var _SYMSEARCH = null;
var SYMSEARCH_SYMBOLS = ['▲','●','■','◆','★','✦','⬟','⊕','⊗','⊘','⊙','⊞','⊟','Ψ','Φ','Ω','Σ','Δ','Λ','Π'];

function startSymSearch(isPractice){
  var TIME_LIMIT = isPractice ? 30000 : 120000;
  _SYMSEARCH = {
    active:true, isPractice:isPractice, trial:0, correct:0, errors:0,
    log:[], startTime:0, _rafTimer:null, waiting:false, stimOn:0,
    currentItem:null
  };

  hideAll();
  $('symsearchScreen','phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('symsearchPracticeBanner').style.display=isPractice?'block':'none';
  $('symsearchProgressBar').style.width='0%';
  $('symsearchStimPhase').style.display='flex';
  $('symsearchResultsPhase').style.display='none';
  $('symsearch-time').textContent=(TIME_LIMIT/1000).toFixed(0)+'s';
  $('si-task').textContent='SYMSEARCH'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  _SYMSEARCH.startTime=performance.now();

  function updateTimer(){
    if(!_SYMSEARCH||!_SYMSEARCH.active) return;
    var elapsed=performance.now()-_SYMSEARCH.startTime;
    var rem=Math.max(0,(TIME_LIMIT-elapsed)/1000);
    $('symsearch-time').textContent=rem.toFixed(0)+'s';
    $('symsearchProgressBar').style.width=(elapsed/TIME_LIMIT*100).toFixed(1)+'%';
    if(elapsed>=TIME_LIMIT){ symsearchEnd(); return; }
    _SYMSEARCH._rafTimer=requestAnimationFrame(updateTimer);
  }
  _SYMSEARCH._rafTimer=requestAnimationFrame(updateTimer);

  symsearchNext();
}

function symsearchMakeItem(){
  var syms=SYMSEARCH_SYMBOLS.slice();
  // Pick 2 targets
  var t1=syms.splice(Math.floor(Math.random()*syms.length),1)[0];
  var t2=syms.splice(Math.floor(Math.random()*syms.length),1)[0];
  // 50% chance target is present in search array
  var present=Math.random()<0.5;
  var arr=[];
  if(present){
    arr.push(Math.random()<0.5?t1:t2);
    var pool=syms.filter(function(s){return s!==t1&&s!==t2;});
    while(arr.length<5) arr.push(pool.splice(Math.floor(Math.random()*pool.length),1)[0]);
  } else {
    var pool=syms.filter(function(s){return s!==t1&&s!==t2;});
    while(arr.length<5) arr.push(pool.splice(Math.floor(Math.random()*pool.length),1)[0]);
  }
  // Shuffle array
  arr.sort(function(){return Math.random()-0.5;});
  return {t1:t1,t2:t2,arr:arr,present:present};
}

function symsearchNext(){
  if(!_SYMSEARCH||!_SYMSEARCH.active) return;
  _SYMSEARCH.trial++;
  $('symsearchFeedback').textContent='';$('symsearchFeedback').className='feedback';
  var item=symsearchMakeItem();
  _SYMSEARCH.currentItem=item;

  // Render targets
  var tDiv=$('symsearchTargets'); tDiv.innerHTML='';
  [item.t1,item.t2].forEach(function(s){
    var el=document.createElement('div');
    el.textContent=s;
    el.style.cssText='font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(212,180,86,0.5);border-radius:4px;background:#0a1620;color:var(--gold);';
    tDiv.appendChild(el);
  });
  // Render search array
  var aDiv=$('symsearchArray'); aDiv.innerHTML='';
  item.arr.forEach(function(s){
    var el=document.createElement('div');
    el.textContent=s;
    el.style.cssText='font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid #1a2f44;border-radius:4px;background:#0a1620;color:var(--mid);';
    aDiv.appendChild(el);
  });
  $('symsearch-trial').textContent='Item '+_SYMSEARCH.trial+' · '+_SYMSEARCH.correct+' correct';
  _SYMSEARCH.waiting=true;
  _SYMSEARCH.stimOn=performance.now();
  triggerFlash();
}

function symsearchExportCSV(){
  var log=window._symsearch_log; if(!log) return;
  var blob=new Blob(['trial,present,correct,rt_ms\n'+log.map(function(r){
    return[r.trial,r.present?1:0,r.correct?1:0,r.rt].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='symsearch_'+Date.now()+'.csv';a.click();
}

function symsearchEnd(){
  if(!_SYMSEARCH||!_SYMSEARCH.active) return;
  _SYMSEARCH.active=false;
  if(_SYMSEARCH._rafTimer) cancelAnimationFrame(_SYMSEARCH._rafTimer);
  $('symsearchStimPhase').style.display='none';$('symsearchProgressBar').style.width='100%';
  var log=_SYMSEARCH.log;
  if(_SYMSEARCH.isPractice){
    $('pcStats').innerHTML='CORRECT <span>'+_SYMSEARCH.correct+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._symsearch_log=log;$('exportBtn').disabled=false;
  var acc=log.length?(_SYMSEARCH.correct/log.length*100).toFixed(0):'—';
  var rtValid=log.filter(function(r){return r.rt;});
  var avgRT=rtValid.length?(rtValid.reduce(function(a,b){return a+b.rt;},0)/rtValid.length).toFixed(0):'—';
  $('symsearchMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_SYMSEARCH.correct+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_SYMSEARCH.errors+'</div><div class="vm-lbl">Errors</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Avg RT</div></div>';
  $('symsearchResultsPhase').style.display='block';
  cognosRecordResult('SYMSEARCH','SYMSEARCH',{score:($('symsearchMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
}

document.addEventListener('keydown',function symsKey(e){
  if(!_SYMSEARCH||!_SYMSEARCH.active||!_SYMSEARCH.waiting)return;
  var resp=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;
  if(resp===null)return;
  e.preventDefault();_SYMSEARCH.waiting=false;
  var rt=+(performance.now()-_SYMSEARCH.stimOn).toFixed(1);
  var item=_SYMSEARCH.currentItem;
  var correct=resp===item.present;
  if(correct)_SYMSEARCH.correct++;else _SYMSEARCH.errors++;
  _SYMSEARCH.log.push({trial:_SYMSEARCH.trial,present:item.present,correct:correct,rt:rt});
  var fb=$('symsearchFeedback');
  fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';
  fb.className='feedback '+(correct?'ok':'err');
  setTimeout(function(){if(_SYMSEARCH&&_SYMSEARCH.active)symsearchNext();},180);
});

// ══════════════════════════════════════════════════════════
// PHONEMIC FLUENCY (FAS)
// ══════════════════════════════════════════════════════════
var _PHONFLUE = null;

function startPhonFlue(isPractice){
  var LETTERS = isPractice ? ['F'] : ['F','A','S'];
  var TIME_LIMIT = 60000;

  _PHONFLUE = {
    active:true, isPractice:isPractice,
    letterIdx:0, letters:LETTERS,
    currentWords:[], allResults:[],
    startTime:0, _rafTimer:null
  };

  hideAll();
  $('phonflueScreen','jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('phonflueanceBanner').style.display=isPractice?'block':'none';
  $('phonflueProgressBar').style.width='0%';
  $('phonflueStimPhase').style.display='flex';
  $('phonflueResultsPhase').style.display='none';
  $('si-task').textContent='PHONFLUE'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  phonflueStartLetter();
}

function phonflueStartLetter(){
  if(!_PHONFLUE.active) return;
  var letter = _PHONFLUE.letters[_PHONFLUE.letterIdx];
  _PHONFLUE.currentWords = [];
  _PHONFLUE.startTime = performance.now();

  $('phonflue-letter').textContent = letter;
  $('phonflue-count').textContent = '0 words';
  $('phonflueWordList').innerHTML = '';
  $('phonflueInvalid').textContent = '';
  $('phonflueInstruct').textContent =
    'Name words starting with "'+letter+'" — no proper nouns, no repeats, no same root';
  var inp = $('phonflueInput');
  inp.value=''; inp.disabled=false; inp.focus();

  // Timer RAF
  if(_PHONFLUE._rafTimer) cancelAnimationFrame(_PHONFLUE._rafTimer);
  function tick(){
    if(!_PHONFLUE.active) return;
    var elapsed = performance.now()-_PHONFLUE.startTime;
    var rem = Math.max(0,(60000-elapsed)/1000);
    $('phonflue-time').textContent = rem.toFixed(0)+'s';
    $('phonflueProgressBar').style.width = (elapsed/60000*100).toFixed(1)+'%';
    if(elapsed>=60000){ phonflueNextLetter(); return; }
    _PHONFLUE._rafTimer = requestAnimationFrame(tick);
  }
  _PHONFLUE._rafTimer = requestAnimationFrame(tick);

  // Input handler
  inp.onkeydown = function(e){
    if(e.key!=='Enter') return;
    e.preventDefault();
    var w = inp.value.trim().toLowerCase().replace(/[^a-z]/g,'');
    inp.value='';
    if(!w){ return; }
    var letter = _PHONFLUE.letters[_PHONFLUE.letterIdx];
    // Validate
    if(w[0]!==letter.toLowerCase()){
      $('phonflueInvalid').textContent='✗ Must start with "'+letter+'"';
      setTimeout(function(){$('phonflueInvalid').textContent='';},1200); return;
    }
    if(_PHONFLUE.currentWords.indexOf(w)>=0){
      $('phonflueInvalid').textContent='✗ Already said: '+w;
      setTimeout(function(){$('phonflueInvalid').textContent='';},1200); return;
    }
    $('phonflueInvalid').textContent='';
    var t = +(performance.now()-_PHONFLUE.startTime).toFixed(0);
    _PHONFLUE.currentWords.push(w);
    $('phonflue-count').textContent=_PHONFLUE.currentWords.length+' word'+(
      _PHONFLUE.currentWords.length!==1?'s':'');
    // Add word chip
    var chip=document.createElement('span');
    chip.textContent=w;
    chip.style.cssText='font-size:0.82rem;font-family:"Source Code Pro",monospace;'+
      'color:var(--gold);background:rgba(212,180,86,0.1);border:1px solid rgba(212,180,86,0.3);'+
      'padding:2px 8px;border-radius:2px;';
    $('phonflueWordList').appendChild(chip);
  };
}

function phonflueNextLetter(){
  if(!_PHONFLUE.active) return;
  if(_PHONFLUE._rafTimer){ cancelAnimationFrame(_PHONFLUE._rafTimer); _PHONFLUE._rafTimer=null; }
  var inp=$('phonflueInput'); inp.disabled=true; inp.onkeydown=null;

  // Save results for this letter
  _PHONFLUE.allResults.push({
    letter:_PHONFLUE.letters[_PHONFLUE.letterIdx],
    words:_PHONFLUE.currentWords.slice(),
    count:_PHONFLUE.currentWords.length
  });
  _PHONFLUE.letterIdx++;

  if(_PHONFLUE.letterIdx < _PHONFLUE.letters.length){
    // Brief pause between letters
    $('phonflue-time').textContent='—';
    $('phonflueInstruct').textContent='Next letter in 3 seconds…';
    $('phonflueWordList').innerHTML='';
    setTimeout(function(){ if(_PHONFLUE.active) phonflueStartLetter(); }, 3000);
  } else {
    phonflueEnd();
  }
}

function phonflueEnd(){
  _PHONFLUE.active=false;
  $('phonflueStimPhase').style.display='none';
  $('phonflueProgressBar').style.width='100%';
  var results=_PHONFLUE.allResults;
  var total=results.reduce(function(a,r){return a+r.count;},0);

  if(_PHONFLUE.isPractice){
    $('pcStats').innerHTML='F words <span>'+results[0].count+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._phonflue_log=results;$('exportBtn').disabled=false;

  var metricsHTML='<div class="vrt-metric"><div class="vm-val">'+total+'</div><div class="vm-lbl">Total (FAS)</div></div>';
  results.forEach(function(r){
    metricsHTML+='<div class="vrt-metric"><div class="vm-val">'+r.count+'</div><div class="vm-lbl">Letter '+r.letter+'</div></div>';
  });
  $('phonflueMetrics').innerHTML=metricsHTML;

  var summaryHTML='';
  results.forEach(function(r){
    summaryHTML+='<strong style="color:var(--gold)">'+r.letter+':</strong> '+
      r.words.join(', ')+'<br>';
  });
  $('phonflueWordSummary').innerHTML=summaryHTML;
  $('phonflueResultsPhase').style.display='block';
  cognosRecordResult('PHONFLUE','PHONFLUE',{score:($('phonflueMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
}

function phonflueExportCSV(){
  var log=window._phonflue_log; if(!log) return;
  var rows=['letter,rank,word'];
  log.forEach(function(r){
    r.words.forEach(function(w,i){rows.push(r.letter+','+(i+1)+','+w);});
  });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='phonflue_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// JLO — Judgment of Line Orientation (Benton)
// ══════════════════════════════════════════════════════════
var _JLO = null;

// 11 reference lines: 0°=horizontal through 180°, step 18°
// Numbered 1–11 from right-most (0°) counterclockwise
function jloAngle(n){ return (n-1)*18; } // degrees, 0=right horizontal

function startJLO(isPractice){
  _JLO = {
    active:true, isPractice:isPractice, trial:0,
    maxTrials: isPractice ? 10 : 30,
    correct:0, log:[], selected:[], stimAngles:[],
    stimOn:0
  };
  hideAll();
  $('jloScreen','pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('jloPracticeBanner').style.display=isPractice?'block':'none';
  $('jloProgressBar').style.width='0%';
  $('jloStimPhase').style.display='flex';
  $('jloResultsPhase').style.display='none';
  $('si-task').textContent='JLO'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  // Fan canvas click handler
  $('jloFanCanvas').onclick = jloFanClick;
  jloNext();
}

function jloNext(){
  if(!_JLO.active) return;
  if(_JLO.trial >= _JLO.maxTrials){ jloEnd(); return; }
  _JLO.trial++;
  _JLO.selected=[];
  $('jloProgressBar').style.width=((_JLO.trial-1)/_JLO.maxTrials*100).toFixed(1)+'%';
  $('jlo-trial').textContent='Item '+_JLO.trial+'/'+_JLO.maxTrials;
  $('jloFeedback').textContent='';$('jloFeedback').className='feedback';
  $('jloSelected').textContent='Selected: —';
  $('jloConfirmBtn').style.display='none';

  // Pick two distinct random lines from the 11 (numbered 1–11)
  var a=1+Math.floor(Math.random()*11);
  var b;do{b=1+Math.floor(Math.random()*11);}while(b===a);
  _JLO.stimAngles=[a,b];
  _JLO.stimOn=performance.now();

  jloDrawStim();
  jloDrawFan();
  triggerFlash();
}

function jloDrawStim(){
  var cvs=$('jloStimCanvas'); if(!cvs)return;
  var ctx=cvs.getContext('2d');
  var W=200,H=120,cx=W/2,cy=H/2,len=42;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
  var cols=['#d4b456','#5b9fda'];
  _JLO.stimAngles.forEach(function(n,i){
    var deg=jloAngle(n);
    var rad=deg*Math.PI/180;
    var ox=(i===0)?-30:30;
    ctx.strokeStyle=cols[i];ctx.lineWidth=2.5;ctx.lineCap='round';
    ctx.beginPath();
    ctx.moveTo(cx+ox-Math.cos(rad)*len,cy+Math.sin(rad)*len);
    ctx.lineTo(cx+ox+Math.cos(rad)*len,cy-Math.sin(rad)*len);
    ctx.stroke();
  });
}

function jloDrawFan(){
  var cvs=$('jloFanCanvas'); if(!cvs)return;
  var ctx=cvs.getContext('2d');
  var W=320,H=200,cx=W/2,cy=H-20,len=78;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
  for(var n=1;n<=11;n++){
    var deg=jloAngle(n);var rad=deg*Math.PI/180;
    var sel=_JLO.selected.indexOf(n)>=0;
    ctx.strokeStyle=sel?'#d4b456':'rgba(138,180,208,0.4)';
    ctx.lineWidth=sel?2.5:1.5;ctx.lineCap='round';
    ctx.beginPath();
    ctx.moveTo(cx,cy);
    ctx.lineTo(cx+Math.cos(rad)*len,cy-Math.sin(rad)*len);
    ctx.stroke();
    // Label
    var lx=cx+Math.cos(rad)*(len+14);
    var ly=cy-Math.sin(rad)*(len+14);
    ctx.font=(sel?'bold ':'')+'11px "Source Code Pro",monospace';
    ctx.fillStyle=sel?'#d4b456':'rgba(138,180,208,0.6)';
    ctx.textAlign='center';ctx.textBaseline='middle';
    ctx.fillText(n,lx,ly);
  }
}

function jloFanClick(e){
  if(!_JLO||!_JLO.active) return;
  var cvs=$('jloFanCanvas');
  var rect=cvs.getBoundingClientRect();
  var mx=(e.clientX-rect.left)*(cvs.width/rect.width);
  var my=(e.clientY-rect.top)*(cvs.height/rect.height);
  var cx=cvs.width/2,cy=cvs.height-20,len=78;
  // Find nearest line
  var best=-1,bestDist=999;
  for(var n=1;n<=11;n++){
    var deg=jloAngle(n);var rad=deg*Math.PI/180;
    var lx=cx+Math.cos(rad)*len,ly=cy-Math.sin(rad)*len;
    // Distance from click to line endpoint
    var dx=mx-lx,dy=my-ly;
    var dist=Math.sqrt(dx*dx+dy*dy);
    // Also check along the line
    var ex=Math.cos(rad),ey=-Math.sin(rad);
    var t=Math.max(0,Math.min(len,(mx-cx)*ex+(my-cy)*ey));
    var px=cx+ex*t,py=cy+ey*t;
    var ldist=Math.sqrt((mx-px)*(mx-px)+(my-py)*(my-py));
    dist=Math.min(dist,ldist);
    if(dist<bestDist){bestDist=dist;best=n;}
  }
  if(bestDist>28||best<0) return;
  var idx=_JLO.selected.indexOf(best);
  if(idx>=0) _JLO.selected.splice(idx,1);  // deselect
  else if(_JLO.selected.length<2) _JLO.selected.push(best);
  $('jloSelected').textContent='Selected: '+(_JLO.selected.length?_JLO.selected.slice().sort(function(a,b){return a-b;}).join(' & '):'—');
  $('jloConfirmBtn').style.display=_JLO.selected.length===2?'block':'none';
  jloDrawFan();
}

function jloConfirm(){
  if(!_JLO||!_JLO.active||_JLO.selected.length!==2) return;
  var rt=+(performance.now()-_JLO.stimOn).toFixed(1);
  var correct=_JLO.selected.indexOf(_JLO.stimAngles[0])>=0&&
              _JLO.selected.indexOf(_JLO.stimAngles[1])>=0;
  if(correct)_JLO.correct++;
  _JLO.log.push({trial:_JLO.trial,target:_JLO.stimAngles.slice(),
                 response:_JLO.selected.slice(),correct:correct,rt:rt});
  var fb=$('jloFeedback');
  fb.textContent=correct?'✓ Correct':('✗ — correct lines were '+_JLO.stimAngles.join(' & '));
  fb.className='feedback '+(correct?'ok':'err');
  $('jloConfirmBtn').style.display='none';
  setTimeout(function(){if(_JLO&&_JLO.active)jloNext();},correct?500:900);
}

function jloEnd(){
  _JLO.active=false;
  $('jloStimPhase').style.display='none';
  $('jloProgressBar').style.width='100%';
  if(_JLO.isPractice){
    $('pcStats').innerHTML='CORRECT <span>'+_JLO.correct+'</span> / '+_JLO.maxTrials;
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._jlo_log=_JLO.log;$('exportBtn').disabled=false;
  var acc=(_JLO.correct/_JLO.maxTrials*100).toFixed(0);
  var rtValid=_JLO.log.filter(function(r){return r.rt;});
  var avgRT=rtValid.length?(rtValid.reduce(function(a,b){return a+b.rt;},0)/rtValid.length).toFixed(0):'—';
  $('jloMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_JLO.correct+'/'+_JLO.maxTrials+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Avg RT</div></div>';
  $('jloResultsPhase').style.display='block';
  cognosRecordResult('JLO','JLO',{score:($('jloMetrics')||{textContent:''}).textContent.trim().replace(/\s+/g,' ').substring(0,120)},[]); updateSidebar();
}

function jloExportCSV(){
  var log=window._jlo_log;if(!log)return;
  var blob=new Blob(['trial,target1,target2,resp1,resp2,correct,rt_ms\n'+log.map(function(r){
    return[r.trial,r.target[0],r.target[1],r.response[0]||'',r.response[1]||'',r.correct?1:0,r.rt].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='jlo_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// RESULTS STORAGE — session + localStorage
// ══════════════════════════════════════════════════════════

var COGNOS_RESULTS = (function(){
  var STORAGE_KEY = 'cognos_results_v1';
  var _session = [];  // results this page visit

  // ── Load from localStorage ──────────────────────────────
  function load(){
    try{
      var raw=localStorage.getItem(STORAGE_KEY);
      return raw?JSON.parse(raw):[];
    }catch(e){return [];}
  }

  // ── Save to localStorage ────────────────────────────────
  function save(history){
    try{ localStorage.setItem(STORAGE_KEY, JSON.stringify(history)); }
    catch(e){ console.warn('localStorage full:', e); }
  }

  // ── Record a result (called by each task on completion) ─
  function record(taskKey, label, metrics, rawLog){
    var entry = {
      id:       Date.now(),
      task:     taskKey,
      label:    label,
      ts:       new Date().toISOString(),
      metrics:  metrics,   // {key:value,...} summary
      rawLog:   rawLog||[] // per-trial data
    };
    // Session
    _session.push(entry);
    // Persistent
    var history = load();
    history.push(entry);
    // Cap at 500 entries to avoid localStorage overflow
    if(history.length > 500) history = history.slice(-500);
    save(history);
    // Update sidebar
    var sCount = document.getElementById('si-session-count');
    var sLast  = document.getElementById('si-session-last');
    if(sCount) sCount.textContent = _session.length;
    if(sLast){
      var mKeys = Object.keys(metrics);
      if(mKeys.length){
        var k=mKeys[0];
        sLast.textContent = label+' '+k+':'+metrics[k];
      }
    }
    return entry;
  }

  // ── Get all history ─────────────────────────────────────
  function getHistory(){ return load(); }
  function getSession(){ return _session.slice(); }

  // ── Clear ───────────────────────────────────────────────
  function clear(){
    try{ localStorage.removeItem(STORAGE_KEY); }catch(e){}
    _session=[];
    var sCount=document.getElementById('si-session-count');
    var sLast=document.getElementById('si-session-last');
    if(sCount) sCount.textContent='0';
    if(sLast)  sLast.textContent='—';
  }

  return { record:record, getHistory:getHistory, getSession:getSession, clear:clear };
})();


function cognosAutoRecord(){
  // Find which results phase is currently visible and record its metrics
  var screens=['p300','csr','n400','mmn','p600','ern','stroop','dst','cnv','ftt',
               'n200','n170','lrp','n2pc','n300','elan','bp','mmns','ssvep',
               'p50','n100','pvep','scp','p3a','assr',
               'gng','nback','spatial','posner','recall','wcst','vrt','stb',
               'flanker','stop','dst','ftt','cpt','emotstroop','taskswitch',
               'dualtask','attblink','subitize','lexdec','semfluency','prosmem','spatwm',
               'moca','rewp','digcan','abr','symsearch','phonflue','jlo','ernScreen'];
  for(var i=0;i<screens.length;i++){
    var key=screens[i];
    var phase=document.getElementById(key+'ResultsPhase');
    if(phase&&phase.style.display!=='none'&&phase.style.display!==''){
      var metrics=document.getElementById(key+'Metrics');
      var scoreText=metrics?metrics.textContent.trim().replace(/\s+/g,' ').substring(0,160):'';
      if(scoreText) COGNOS_RESULTS.record(key.toUpperCase(),key.toUpperCase(),{score:scoreText},[]);
      return;
    }
  }
}

// ── UI functions ────────────────────────────────────────────
function showResultsHistory(){
  var screen = document.getElementById('resultsHistoryScreen');
  if(!screen) return;
  screen.style.display='flex';
  renderResultsHistory();
}
function hideResultsHistory(){
  var screen = document.getElementById('resultsHistoryScreen');
  if(screen) screen.style.display='none';
}
function clearResultsHistory(){
  if(!confirm('Clear all stored results? This cannot be undone.')) return;
  COGNOS_RESULTS.clear();
  renderResultsHistory();
}

function renderResultsHistory(){
  var list = document.getElementById('resultsHistoryList');
  var empty = document.getElementById('resultsHistoryEmpty');
  if(!list) return;
  var history = COGNOS_RESULTS.getHistory();
  list.innerHTML='';
  if(!history.length){
    if(empty) empty.style.display='block';
    return;
  }
  if(empty) empty.style.display='none';
  // Show newest first
  history.slice().reverse().forEach(function(entry){
    var div=document.createElement('div');
    div.style.cssText='border:1px solid #1a2f44;border-radius:3px;padding:10px 14px;background:#0a1620;';
    var dt=new Date(entry.ts);
    var dateStr=dt.toLocaleDateString()+' '+dt.toLocaleTimeString([], {hour:'2-digit',minute:'2-digit'});
    var metricStr=Object.entries(entry.metrics).map(function(kv){
      return '<span style="color:var(--gold)">'+kv[0]+':</span> '+kv[1];
    }).join(' &nbsp;·&nbsp; ');
    div.innerHTML=
      '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;">'+
        '<span style="font-family:serif;font-size:1rem;color:var(--gold);letter-spacing:0.06em;">'+
          entry.label+'</span>'+
        '<span style="font-size:0.72rem;color:var(--dim);font-family:monospace;">'+dateStr+'</span>'+
      '</div>'+
      '<div style="font-size:0.8rem;color:var(--mid);font-family:monospace;line-height:1.8;">'+
        metricStr+'</div>'+
      (entry.rawLog&&entry.rawLog.length?
        '<div style="font-size:0.7rem;color:var(--dim);margin-top:2px;">'+entry.rawLog.length+' trials recorded</div>':'');
    list.appendChild(div);
  });
}

function exportAllResultsCSV(){
  var history = COGNOS_RESULTS.getHistory();
  if(!history.length){ alert('No results to export.'); return; }
  var rows=['session_id,task,label,timestamp,metric_key,metric_value'];
  history.forEach(function(entry){
    Object.entries(entry.metrics).forEach(function(kv){
      rows.push([entry.id,entry.task,entry.label,entry.ts,kv[0],kv[1]].join(','));
    });
  });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='cognos_results_'+Date.now()+'.csv';a.click();
}

function exportAllResultsJSON(){
  var history = COGNOS_RESULTS.getHistory();
  if(!history.length){ alert('No results to export.'); return; }
  var blob=new Blob([JSON.stringify(history,null,2)],{type:'application/json'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='cognos_results_'+Date.now()+'.json';a.click();
}

// ── Hook into task completions ──────────────────────────────
// Called by each task's end function — pass summary metrics and raw log
function cognosRecordResult(taskKey, label, metrics, rawLog){
  COGNOS_RESULTS.record(taskKey, label, metrics, rawLog);
}

// ══════════════════════════════════════════════════════════
// PASAT — Paced Auditory Serial Addition Test
// ══════════════════════════════════════════════════════════
var _PASAT = null;

function startPASAT(isPractice){
  // ISI options (ms): practice=3000, standard=3000, fast=2000, very fast=1600
  var ISI = isPractice ? 3000 : 2400;  // 2.4s standard — classic clinical rate
  var N_DIGITS = isPractice ? 12 : 61; // 61 digits → 60 additions

  _PASAT = {
    active:true, isPractice:isPractice,
    digits:[], idx:0, nDigits:N_DIGITS, isi:ISI,
    correct:0, total:0, log:[],
    _stimTimer:null, _paceRAF:null, _digitOnset:0
  };

  // Generate random digit sequence (1–9, no consecutive repeats)
  var seq=[]; var last=0;
  for(var i=0;i<N_DIGITS;i++){
    var d; do{ d=1+Math.floor(Math.random()*9); }while(d===last);
    seq.push(d); last=d;
  }
  _PASAT.digits=seq;

  hideAll();
  $('pasatScreen','ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('pasatPracticeBanner').style.display=isPractice?'block':'none';
  $('pasatProgressBar').style.width='0%';
  $('pasatStimPhase').style.display='flex';
  $('pasatResultsPhase').style.display='none';
  $('pasat-pace').textContent=ISI+'ms ISI';
  $('pasat-score').textContent='0';
  $('pasat-trial').textContent='—';
  $('si-task').textContent='PASAT'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  $('pasatPrev').textContent='—';
  $('pasatCurr').textContent='—';
  $('pasatFeedback').textContent='';$('pasatFeedback').className='feedback';

  var inp=$('pasatInput');
  inp.value=''; inp.disabled=false; inp.focus();
  inp.onkeydown=function(e){
    if(!_PASAT||!_PASAT.active) return;
    if(e.key==='Enter'){
      e.preventDefault();
      pasatSubmit();
    }
  };

  // Start after a brief ready pause
  setTimeout(function(){ if(_PASAT&&_PASAT.active) pasatNextDigit(); }, 1500);
}

function pasatNextDigit(){
  if(!_PASAT||!_PASAT.active) return;
  if(_PASAT.idx >= _PASAT.nDigits){ pasatEnd(); return; }

  var digit = _PASAT.digits[_PASAT.idx];
  var prev  = _PASAT.idx>0 ? _PASAT.digits[_PASAT.idx-1] : null;

  // Update display
  $('pasatCurr').textContent = digit;
  $('pasatCurr').style.color = 'var(--gold)';
  $('pasatPrev').textContent = prev!==null ? prev : '—';
  $('pasatProgressBar').style.width = (_PASAT.idx/_PASAT.nDigits*100).toFixed(1)+'%';
  $('pasat-trial').textContent = 'Digit '+(_PASAT.idx+1)+'/'+_PASAT.nDigits;

  // Clear input for this digit
  var inp=$('pasatInput');
  inp.value=''; inp.focus();

  // Play a tone to signal new digit
  try{
    var actx=new(window.AudioContext||window.webkitAudioContext)();
    var osc=actx.createOscillator();var g=actx.createGain();
    osc.frequency.value=660+(_PASAT.idx%2)*220; osc.type='sine';
    g.gain.setValueAtTime(0.12,actx.currentTime);
    g.gain.linearRampToValueAtTime(0,actx.currentTime+0.06);
    osc.connect(g);g.connect(actx.destination);osc.start();osc.stop(actx.currentTime+0.06);
    setTimeout(function(){actx.close();},300);
  }catch(e){}

  triggerFlash();
  _PASAT._digitOnset=performance.now();
  _PASAT.idx++;

  // Start pace countdown bar
  var paceStart=performance.now();
  function paceBar(){
    if(!_PASAT||!_PASAT.active) return;
    var elapsed=performance.now()-paceStart;
    var pct=Math.max(0,1-elapsed/_PASAT.isi);
    $('pasatPaceBar').style.width=(pct*100)+'%';
    $('pasatPaceBar').style.background=pct>0.3?'var(--gold)':'#e05c5c';
    if(pct>0) _PASAT._paceRAF=requestAnimationFrame(paceBar);
  }
  _PASAT._paceRAF=requestAnimationFrame(paceBar);

  // Auto-advance after ISI (scoring miss if no response for addition trials)
  _PASAT._stimTimer=setTimeout(function(){
    if(!_PASAT||!_PASAT.active) return;
    // Score as miss if this was an addition trial (idx>=2)
    if(_PASAT.idx>=2 && $('pasatInput').value===''){
      pasatScoreTrial(null, _PASAT.digits[_PASAT.idx-2], _PASAT.digits[_PASAT.idx-1]);
    }
    $('pasatFeedback').textContent='';$('pasatFeedback').className='feedback';
    pasatNextDigit();
  }, _PASAT.isi);
}

function pasatSubmit(){
  if(!_PASAT||!_PASAT.active||_PASAT.idx<2) return;
  clearTimeout(_PASAT._stimTimer);
  if(_PASAT._paceRAF){ cancelAnimationFrame(_PASAT._paceRAF); _PASAT._paceRAF=null; }
  var val=parseInt($('pasatInput').value);
  pasatScoreTrial(isNaN(val)?null:val, _PASAT.digits[_PASAT.idx-2], _PASAT.digits[_PASAT.idx-1]);
  $('pasatInput').value='';
  setTimeout(function(){ if(_PASAT&&_PASAT.active) pasatNextDigit(); }, 150);
}

function pasatScoreTrial(response, prev, curr){
  var correct_answer = prev+curr;
  var correct = response===correct_answer;
  if(correct) _PASAT.correct++;
  _PASAT.total++;
  var rt=+(performance.now()-_PASAT._digitOnset).toFixed(1);
  _PASAT.log.push({trial:_PASAT.total,prev:prev,curr:curr,
    correct_answer:correct_answer,response:response,correct:correct,rt:rt});
  var fb=$('pasatFeedback');
  if(response===null){
    fb.textContent='miss';fb.className='feedback err';
  } else {
    fb.textContent=correct?'✓ '+correct_answer:'✗ '+correct_answer+' (said '+response+')';
    fb.className='feedback '+(correct?'ok':'err');
  }
  $('pasat-score').textContent=_PASAT.correct;
}

function pasatEnd(){
  if(!_PASAT||!_PASAT.active) return;
  _PASAT.active=false;
  clearTimeout(_PASAT._stimTimer);
  if(_PASAT._paceRAF) cancelAnimationFrame(_PASAT._paceRAF);
  var inp=$('pasatInput'); inp.disabled=true; inp.onkeydown=null;
  $('pasatStimPhase').style.display='none';
  $('pasatProgressBar').style.width='100%';

  if(_PASAT.isPractice){
    $('pcStats').innerHTML='CORRECT <span>'+_PASAT.correct+'</span> / '+_PASAT.total;
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._pasat_log=_PASAT.log;$('exportBtn').disabled=false;
  var acc=_PASAT.total?(_PASAT.correct/_PASAT.total*100).toFixed(0):'—';
  var rtValid=_PASAT.log.filter(function(r){return r.rt&&r.response!==null;});
  var avgRT=rtValid.length?(rtValid.reduce(function(a,b){return a+b.rt;},0)/rtValid.length).toFixed(0):'—';
  var misses=_PASAT.log.filter(function(r){return r.response===null;}).length;
  $('pasatMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_PASAT.correct+'/'+_PASAT.total+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Avg RT</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+misses+'</div><div class="vm-lbl">Misses</div></div>';
  $('pasatResultsPhase').style.display='block';
  updateSidebar();
}

function pasatExportCSV(){
  var log=window._pasat_log;if(!log)return;
  var blob=new Blob(['trial,prev,curr,correct_answer,response,correct,rt_ms\n'+log.map(function(r){
    return[r.trial,r.prev,r.curr,r.correct_answer,r.response!=null?r.response:'',r.correct?1:0,r.rt].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='pasat_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// RAVLT — Rey Auditory Verbal Learning Test
// ══════════════════════════════════════════════════════════
var _RAVLT = null;

// Standard List A and List B (Taylor, 1959 form)
var RAVLT_LIST_A = ['drum','curtain','bell','coffee','school','parent','moon','garden','hat','farmer','nose','turkey','color','house','river'];
var RAVLT_LIST_B = ['desk','ranger','bird','shoe','stove','mountain','glasses','towel','cloud','boat','lamb','gun','pencil','church','fish'];

function startRAVLT(isPractice){
  _RAVLT = {
    active:true, isPractice:isPractice,
    phase:'', trial:0,
    recallData:{},   // {I:[], II:[], III:[], IV:[], V:[], B:[], VI:[], VII:[]}
    currentRecall:[], currentList:[], currentListName:'',
    _studyTimer:null, _delayTimer:null, _delayRAF:null,
    delayStart:0
  };

  hideAll();
  $('ravltScreen','cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('ravltPracticeBanner').style.display=isPractice?'block':'none';
  $('ravltProgressBar').style.width='0%';
  ['ravltStudyPhase','ravltRecallPhase','ravltDelayPhase','ravltResultsPhase'].forEach(function(id){
    $(id).style.display='none';
  });
  $('si-task').textContent='RAVLT'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  // Practice: just Trial I
  if(isPractice){
    ravltStartStudy('I', RAVLT_LIST_A);
  } else {
    ravltStartStudy('I', RAVLT_LIST_A);
  }
}

function ravltStartStudy(trialName, wordList){
  if(!_RAVLT||!_RAVLT.active) return;
  _RAVLT.phase=trialName;
  _RAVLT.currentList=wordList;
  _RAVLT.currentListName=trialName;
  var isB=trialName==='B';
  $('ravlt-phase').textContent='TRIAL '+trialName;
  $('ravlt-status').textContent='Listen — '+(isB?'List B interference':'List A');
  $('ravltProgressBar').style.width=({I:5,II:20,III:35,IV:50,V:65,B:75,VI:85,VII:100}[trialName]||0)+'%';

  $('ravltStudyPhase').style.display='flex';
  $('ravltRecallPhase').style.display='none';
  $('ravltWord').textContent='';

  // Read words one per second
  var wi=0;
  function readNext(){
    if(!_RAVLT||!_RAVLT.active) return;
    if(wi>=wordList.length){
      // Done reading — start recall
      $('ravltWord').textContent='';
      setTimeout(function(){
        if(_RAVLT&&_RAVLT.active) ravltStartRecall(trialName, wordList);
      }, 800);
      return;
    }
    $('ravltWord').textContent=wordList[wi];
    triggerFlash();
    wi++;
    _RAVLT._studyTimer=setTimeout(readNext, 1000);
  }
  // Brief pause then start reading
  setTimeout(readNext, 1200);
}

function ravltStartRecall(trialName, studiedList){
  if(!_RAVLT||!_RAVLT.active) return;
  _RAVLT.currentRecall=[];
  _RAVLT.recallData[trialName]=[];

  $('ravltStudyPhase').style.display='none';
  $('ravltRecallPhase').style.display='flex';
  $('ravlt-phase').textContent='RECALL '+trialName;
  $('ravlt-status').textContent='Say all words you remember';
  $('ravltRecallInstruct').textContent=
    'Type every word from the '+(trialName==='B'?'B list':'A list')+' you can remember, in any order.';
  $('ravltWordList').innerHTML='';
  $('ravltRecallCount').textContent='';

  var inp=$('ravltInput');
  inp.value=''; inp.disabled=false; inp.focus();
  inp.onkeydown=function(e){
    if(e.key!=='Enter') return;
    e.preventDefault();
    var w=inp.value.trim().toLowerCase().replace(/[^a-z]/g,'');
    inp.value='';
    if(!w) return;
    if(_RAVLT.currentRecall.indexOf(w)>=0) return; // duplicate
    _RAVLT.currentRecall.push(w);
    var isCorrect=studiedList.indexOf(w)>=0;
    var chip=document.createElement('span');
    chip.textContent=w;
    chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;'+
      'padding:2px 8px;border-radius:2px;border:1px solid;'+
      (isCorrect?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
                 'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
    $('ravltWordList').appendChild(chip);
    var hits=_RAVLT.currentRecall.filter(function(w2){return studiedList.indexOf(w2)>=0;}).length;
    $('ravltRecallCount').textContent=hits+' / '+studiedList.length+' words recalled';
  };
}

function ravltDoneRecall(){
  if(!_RAVLT||!_RAVLT.active) return;
  var inp=$('ravltInput'); inp.disabled=true; inp.onkeydown=null;
  var trialName=_RAVLT.currentListName;
  var studiedList=_RAVLT.currentList;
  // Score
  var hits=_RAVLT.currentRecall.filter(function(w){return studiedList.indexOf(w)>=0;});
  var intrusions=_RAVLT.currentRecall.filter(function(w){return studiedList.indexOf(w)<0;});
  _RAVLT.recallData[trialName]={
    recalled:_RAVLT.currentRecall.slice(), hits:hits, intrusions:intrusions,
    score:hits.length
  };

  if(_RAVLT.isPractice){ ravltEnd(); return; }

  // Advance to next phase
  var seq=['I','II','III','IV','V','B','VI'];
  var idx=seq.indexOf(trialName);
  if(idx<0||idx===seq.length-1){
    // After Trial VI → delay
    ravltStartDelay();
  } else if(trialName==='B'){
    // After B → Trial VI (immediate recall of A without re-reading)
    ravltStartRecall('VI', RAVLT_LIST_A);
    $('ravlt-phase').textContent='TRIAL VI';
    $('ravlt-status').textContent='Recall List A (no re-reading)';
    $('ravltRecallInstruct').textContent='Recall List A words — do not include List B words.';
    _RAVLT.currentList=RAVLT_LIST_A;
    _RAVLT.currentListName='VI';
    $('ravltWordList').innerHTML='';$('ravltRecallCount').textContent='';
    var inp2=$('ravltInput');inp2.value='';inp2.disabled=false;inp2.focus();
    inp2.onkeydown=function(e){
      if(e.key!=='Enter') return; e.preventDefault();
      var w=inp2.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp2.value='';
      if(!w||_RAVLT.currentRecall.indexOf(w)>=0) return;
      _RAVLT.currentRecall.push(w);
      var isCorrect=RAVLT_LIST_A.indexOf(w)>=0;
      var chip=document.createElement('span');chip.textContent=w;
      chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;padding:2px 8px;border-radius:2px;border:1px solid;'+
        (isCorrect?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
                   'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
      $('ravltWordList').appendChild(chip);
      var h=_RAVLT.currentRecall.filter(function(w2){return RAVLT_LIST_A.indexOf(w2)>=0;}).length;
      $('ravltRecallCount').textContent=h+' / 15 words recalled';
    };
    _RAVLT.currentRecall=[];
  } else if(trialName==='V'){
    // After V → List B
    ravltStartStudy('B', RAVLT_LIST_B);
  } else {
    // I→II, II→III, III→IV, IV→V
    var nextTrial=seq[idx+1];
    ravltStartStudy(nextTrial, RAVLT_LIST_A);
  }
}

function ravltStartDelay(){
  if(!_RAVLT||!_RAVLT.active) return;
  $('ravltRecallPhase').style.display='none';
  $('ravltDelayPhase').style.display='flex';
  $('ravlt-phase').textContent='DELAY';
  $('ravlt-status').textContent='20 minutes';
  _RAVLT.delayStart=performance.now();
  var DELAY=20*60*1000;
  function tick(){
    if(!_RAVLT||!_RAVLT.active) return;
    var elapsed=performance.now()-_RAVLT.delayStart;
    var rem=Math.max(0,DELAY-elapsed);
    var m=Math.floor(rem/60000),s=Math.floor((rem%60000)/1000);
    $('ravltDelayTimer').textContent=(m<10?'0':'')+m+':'+(s<10?'0':'')+s;
    if(rem<=0){ ravltStartDelayedRecall(); return; }
    _RAVLT._delayRAF=requestAnimationFrame(tick);
  }
  _RAVLT._delayRAF=requestAnimationFrame(tick);
}

function ravltStartDelayedRecall(){
  if(!_RAVLT||!_RAVLT.active) return;
  if(_RAVLT._delayRAF){ cancelAnimationFrame(_RAVLT._delayRAF); _RAVLT._delayRAF=null; }
  $('ravltDelayPhase').style.display='none';
  _RAVLT.currentRecall=[];
  _RAVLT.currentList=RAVLT_LIST_A;
  _RAVLT.currentListName='VII';
  $('ravltRecallPhase').style.display='flex';
  $('ravlt-phase').textContent='TRIAL VII';
  $('ravlt-status').textContent='Delayed recall of List A';
  $('ravltRecallInstruct').textContent='Recall as many List A words as you can remember.';
  $('ravltWordList').innerHTML='';$('ravltRecallCount').textContent='';
  var inp=$('ravltInput');inp.value='';inp.disabled=false;inp.focus();
  inp.onkeydown=function(e){
    if(e.key!=='Enter') return; e.preventDefault();
    var w=inp.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp.value='';
    if(!w||_RAVLT.currentRecall.indexOf(w)>=0) return;
    _RAVLT.currentRecall.push(w);
    var isCorrect=RAVLT_LIST_A.indexOf(w)>=0;
    var chip=document.createElement('span');chip.textContent=w;
    chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;padding:2px 8px;border-radius:2px;border:1px solid;'+
      (isCorrect?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
                 'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
    $('ravltWordList').appendChild(chip);
    var h=_RAVLT.currentRecall.filter(function(w2){return RAVLT_LIST_A.indexOf(w2)>=0;}).length;
    $('ravltRecallCount').textContent=h+' / 15 words recalled';
  };
  // Override done button to end
  $('ravltRecallPhase').querySelector('button').onclick=ravltEnd;
}

function ravltEnd(){
  if(!_RAVLT) return;
  _RAVLT.active=false;
  // Score Trial VII if still in recall
  if(_RAVLT.currentListName==='VII'&&!_RAVLT.recallData['VII']){
    var hits=_RAVLT.currentRecall.filter(function(w){return RAVLT_LIST_A.indexOf(w)>=0;});
    _RAVLT.recallData['VII']={recalled:_RAVLT.currentRecall.slice(),hits:hits,
      intrusions:_RAVLT.currentRecall.filter(function(w){return RAVLT_LIST_A.indexOf(w)<0;}),score:hits.length};
  }
  ['ravltStudyPhase','ravltRecallPhase','ravltDelayPhase'].forEach(function(id){$(id).style.display='none';});
  $('ravltProgressBar').style.width='100%';
  var rd=_RAVLT.recallData;

  if(_RAVLT.isPractice){
    var s=rd['I']?rd['I'].score:0;
    $('pcStats').innerHTML='Trial I <span>'+s+'/15</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._ravlt_data=rd;$('exportBtn').disabled=false;

  var scores={};
  ['I','II','III','IV','V','B','VI','VII'].forEach(function(t){
    scores[t]=rd[t]?rd[t].score:'—';
  });
  var totalIV=(['I','II','III','IV','V'].reduce(function(a,t){return a+(rd[t]?rd[t].score:0);},0));
  var retention=rd['VII']&&rd['V']?((rd['VII'].score/rd['V'].score)*100).toFixed(0)+'%':'—';

  $('ravltMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+totalIV+'</div><div class="vm-lbl">Total I–V</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(scores['V']||'—')+'</div><div class="vm-lbl">Trial V</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(scores['VII']||'—')+'</div><div class="vm-lbl">Delayed (VII)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+retention+'</div><div class="vm-lbl">Retention</div></div>';

  $('ravltTrialBreakdown').innerHTML=
    ['I','II','III','IV','V','B','VI','VII'].map(function(t){
      return '<span style="color:var(--gold)">'+t+':</span> '+(scores[t]||'—')+'/15';
    }).join('&nbsp;&nbsp;');
  $('ravltResultsPhase').style.display='block';
  updateSidebar();
}

function ravltExportCSV(){
  var d=window._ravlt_data;if(!d)return;
  var rows=['trial,word,correct'];
  ['I','II','III','IV','V','B','VI','VII'].forEach(function(t){
    if(!d[t])return;
    var list=t==='B'?RAVLT_LIST_B:RAVLT_LIST_A;
    d[t].recalled.forEach(function(w){
      rows.push(t+','+w+','+(list.indexOf(w)>=0?1:0));
    });
  });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='ravlt_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// CVLT — California Verbal Learning Test
// ══════════════════════════════════════════════════════════
var _CVLT = null;

// Monday list A — 4 categories × 4 items
var CVLT_CATS = {
  Fruits:   ['apple','mango','peach','cherry'],
  Tools:    ['hammer','wrench','pliers','chisel'],
  Clothing: ['blouse','jacket','sandal','glove'],
  Spices:   ['pepper','ginger','nutmeg','clove']
};
var CVLT_LIST_A = [];
(function(){ Object.keys(CVLT_CATS).forEach(function(cat){ CVLT_CATS[cat].forEach(function(w){ CVLT_LIST_A.push({word:w,cat:cat}); }); }); })();
// Shuffle for presentation order (interleaved)
var CVLT_PRESENT_A = (function(){
  var arr=CVLT_LIST_A.slice();
  for(var i=arr.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var tmp=arr[i];arr[i]=arr[j];arr[j]=tmp;}
  return arr;
})();

// Tuesday list B — interference
var CVLT_LIST_B = [{word:'violin',cat:'Instruments'},{word:'celery',cat:'Vegetables'},
  {word:'trumpet',cat:'Instruments'},{word:'carrot',cat:'Vegetables'},
  {word:'flute',cat:'Instruments'},{word:'broccoli',cat:'Vegetables'},
  {word:'drum',cat:'Instruments'},{word:'onion',cat:'Vegetables'},
  {word:'guitar',cat:'Instruments'},{word:'spinach',cat:'Vegetables'},
  {word:'piano',cat:'Instruments'},{word:'potato',cat:'Vegetables'},
  {word:'banjo',cat:'Instruments'},{word:'garlic',cat:'Vegetables'},
  {word:'harp',cat:'Instruments'},{word:'turnip',cat:'Vegetables'}];

// Recognition foils (same-category and unrelated)
var CVLT_FOILS = ['grape','mango','nail','brush','sweater','boot','cinnamon','cumin',
  'violin','celery','table','ocean','river','window','camera','sunset'];

function startCVLT(isPractice){
  _CVLT = {
    active:true, isPractice:isPractice,
    trialScores:{},     // {T1:n, T2:n, T3:n, T4:n, T5:n, B:n, SDFR:n, SDCR:n, LDFR:n, LDCR:n}
    recallData:{},
    recogData:[],
    currentRecall:[], currentPhase:'',
    _studyTimer:null, _delayRAF:null, delayStart:0
  };

  hideAll();
  $('cvltScreen','igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('cvltPracticeBanner').style.display=isPractice?'block':'none';
  $('cvltProgressBar').style.width='0%';
  ['cvltStudyPhase','cvltFreeRecallPhase','cvltCuedRecallPhase',
   'cvltRecogPhase','cvltDelayPhase','cvltResultsPhase'].forEach(function(id){$(id).style.display='none';});
  $('si-task').textContent='CVLT'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  cvltStudy('T1', isPractice ? 1 : null);
}

function cvltStudy(trialName, maxTrials){
  if(!_CVLT||!_CVLT.active) return;
  _CVLT.currentPhase=trialName;
  var list=trialName==='B'?CVLT_LIST_B:CVLT_PRESENT_A;
  var pct={T1:5,T2:18,T3:31,T4:44,T5:57,B:67,SDFR:72,SDCR:77,LDFR:87,LDCR:92}[trialName]||0;
  $('cvltProgressBar').style.width=pct+'%';
  $('cvlt-phase').textContent='TRIAL '+trialName;
  $('cvlt-status').textContent=trialName==='B'?'Tuesday list (interference)':'Monday list';
  $('cvltStudyPhase').style.display='flex';
  $('cvltFreeRecallPhase').style.display='none';
  $('cvltWord').textContent=''; $('cvltWordCat').textContent='';

  var wi=0;
  function readNext(){
    if(!_CVLT||!_CVLT.active) return;
    if(wi>=list.length){
      $('cvltWord').textContent=''; $('cvltWordCat').textContent='';
      setTimeout(function(){ if(_CVLT&&_CVLT.active) cvltFreeRecall(trialName, list); }, 800);
      return;
    }
    $('cvltWord').textContent=list[wi].word;
    $('cvltWordCat').textContent=list[wi].cat.toUpperCase();
    triggerFlash();
    wi++;
    _CVLT._studyTimer=setTimeout(readNext, 1000);
  }
  setTimeout(readNext, 1200);
}

function cvltFreeRecall(trialName, studiedList){
  if(!_CVLT||!_CVLT.active) return;
  _CVLT.currentRecall=[];
  $('cvltStudyPhase').style.display='none';
  $('cvltFreeRecallPhase').style.display='flex';
  $('cvlt-phase').textContent='FREE RECALL '+trialName;
  $('cvlt-status').textContent='Say all words you remember';
  $('cvltFRInstruct').textContent=
    'Recall every word from '+(trialName==='B'?"Tuesday's":"Monday's")+' list, in any order.';
  $('cvltWordList').innerHTML=''; $('cvltFRCount').textContent='';
  var inp=$('cvltInput'); inp.value=''; inp.disabled=false; inp.focus();
  inp.onkeydown=function(e){
    if(e.key!=='Enter') return; e.preventDefault();
    var w=inp.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp.value='';
    if(!w||_CVLT.currentRecall.indexOf(w)>=0) return;
    _CVLT.currentRecall.push(w);
    var isHit=studiedList.some(function(item){return item.word===w;});
    var chip=document.createElement('span'); chip.textContent=w;
    chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;padding:2px 8px;border-radius:2px;border:1px solid;'+
      (isHit?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
             'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
    $('cvltWordList').appendChild(chip);
    var hits=_CVLT.currentRecall.filter(function(w2){return studiedList.some(function(i){return i.word===w2;});}).length;
    $('cvltFRCount').textContent=hits+' / '+studiedList.length+' words recalled';
  };
  _CVLT._currentStudiedList=studiedList;
}

function cvltDoneFreeRecall(){
  if(!_CVLT||!_CVLT.active) return;
  var inp=$('cvltInput'); inp.disabled=true; inp.onkeydown=null;
  var trialName=_CVLT.currentPhase;
  var studiedList=_CVLT._currentStudiedList;
  var hits=_CVLT.currentRecall.filter(function(w){return studiedList.some(function(i){return i.word===w;});});
  var intrusions=_CVLT.currentRecall.filter(function(w){return !studiedList.some(function(i){return i.word===w;});});
  _CVLT.recallData[trialName]={recalled:_CVLT.currentRecall.slice(),hits:hits,intrusions:intrusions,score:hits.length};
  _CVLT.trialScores[trialName]=hits.length;

  // Compute semantic clustering for this trial
  var catSeq=[]; var lastCat=null; var clusters=0;
  _CVLT.currentRecall.forEach(function(w){
    var item=CVLT_PRESENT_A.find(function(i){return i.word===w;});
    if(item){if(item.cat===lastCat)clusters++;lastCat=item.cat;}else lastCat=null;
  });
  _CVLT.recallData[trialName].clustering=clusters;

  if(_CVLT.isPractice){ cvltEnd(); return; }

  // Advance
  var seq=['T1','T2','T3','T4','T5','B','SDFR'];
  var idx=seq.indexOf(trialName);
  if(trialName==='T5'){
    cvltStudy('B', null); // interference
  } else if(trialName==='B'){
    // Short-delay free recall of A
    _CVLT.currentPhase='SDFR';
    cvltFreeRecall('SDFR', CVLT_PRESENT_A);
    $('cvlt-phase').textContent='SHORT DELAY FREE RECALL';
    $('cvlt-status').textContent='Monday list — no re-reading';
    $('cvltFRInstruct').textContent="Recall Monday's list — do not include Tuesday's words.";
    $('cvltWordList').innerHTML=''; $('cvltFRCount').textContent='';
    var inp2=$('cvltInput'); inp2.value=''; inp2.disabled=false; inp2.focus();
    _CVLT.currentRecall=[];
    inp2.onkeydown=function(e){
      if(e.key!=='Enter') return; e.preventDefault();
      var w=inp2.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp2.value='';
      if(!w||_CVLT.currentRecall.indexOf(w)>=0) return;
      _CVLT.currentRecall.push(w);
      var isHit=CVLT_PRESENT_A.some(function(i){return i.word===w;});
      var chip=document.createElement('span'); chip.textContent=w;
      chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;padding:2px 8px;border-radius:2px;border:1px solid;'+
        (isHit?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
               'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
      $('cvltWordList').appendChild(chip);
      var h=_CVLT.currentRecall.filter(function(w2){return CVLT_PRESENT_A.some(function(i){return i.word===w2;});}).length;
      $('cvltFRCount').textContent=h+' / 16 words recalled';
    };
  } else if(trialName==='SDFR'){
    cvltCuedRecall('SDCR');
  } else if(trialName==='SDCR'){
    cvltStartDelay();
  } else if(trialName==='LDFR'){
    cvltCuedRecall('LDCR');
  } else if(trialName==='LDCR'){
    cvltRecognition();
  } else {
    // T1→T2→T3→T4
    var next='T'+(parseInt(trialName[1])+1);
    cvltStudy(next, null);
  }
}

function cvltCuedRecall(phase){
  if(!_CVLT||!_CVLT.active) return;
  _CVLT.currentPhase=phase;
  _CVLT.currentRecall=[];
  $('cvltFreeRecallPhase').style.display='none';
  $('cvltCuedRecallPhase').style.display='flex';
  $('cvlt-phase').textContent=phase==='SDCR'?'SHORT DELAY CUED RECALL':'LONG DELAY CUED RECALL';
  $('cvlt-status').textContent='Category cues given';
  $('cvltCRInstruct').textContent="Name items from Monday's list for each category:";
  var cueList=$('cvltCueList'); cueList.innerHTML='';
  var catResponses={};
  Object.keys(CVLT_CATS).forEach(function(cat){
    catResponses[cat]=[];
    var row=document.createElement('div');
    row.style.cssText='display:flex;gap:8px;align-items:center;';
    var lbl=document.createElement('div');
    lbl.textContent=cat+':'; lbl.style.cssText='width:80px;font-family:"Source Code Pro",monospace;font-size:0.82rem;color:var(--gold);flex-shrink:0;';
    var inp=document.createElement('input');
    inp.type='text'; inp.autocomplete='off'; inp.spellcheck=false;
    inp.placeholder='type item + Enter';
    inp.style.cssText='flex:1;background:#0a1620;border:1px solid #2a4060;color:var(--text);font-family:"EB Garamond",serif;font-size:1.1rem;padding:5px 10px;border-radius:2px;';
    var chips=document.createElement('div');
    chips.style.cssText='display:flex;gap:4px;flex-wrap:wrap;';
    inp.onkeydown=function(e){
      if(e.key!=='Enter') return; e.preventDefault();
      var w=inp.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp.value='';
      if(!w||catResponses[cat].indexOf(w)>=0) return;
      catResponses[cat].push(w); _CVLT.currentRecall.push(w);
      var isHit=CVLT_CATS[cat].indexOf(w)>=0;
      var chip=document.createElement('span'); chip.textContent=w;
      chip.style.cssText='font-size:0.78rem;font-family:"Source Code Pro",monospace;padding:1px 6px;border-radius:2px;border:1px solid;'+
        (isHit?'color:var(--gold);border-color:rgba(212,180,86,0.4);':
               'color:#e05c5c;border-color:rgba(224,92,92,0.3);');
      chips.appendChild(chip);
    };
    row.appendChild(lbl); row.appendChild(inp); row.appendChild(chips);
    cueList.appendChild(row);
  });
  var doneBtn=document.createElement('button');
  doneBtn.className='intro-btn primary'; doneBtn.textContent='DONE ↵';
  doneBtn.style.marginTop='8px';
  doneBtn.onclick=function(){
    var hits=_CVLT.currentRecall.filter(function(w){return CVLT_PRESENT_A.some(function(i){return i.word===w;});});
    _CVLT.recallData[phase]={recalled:_CVLT.currentRecall.slice(),hits:hits,score:hits.length,catResponses:catResponses};
    _CVLT.trialScores[phase]=hits.length;
    $('cvltCuedRecallPhase').style.display='none';
    cvltDoneFreeRecall(); // reuse advance logic
  };
  cueList.appendChild(doneBtn);
}

function cvltStartDelay(){
  if(!_CVLT||!_CVLT.active) return;
  $('cvltCuedRecallPhase').style.display='none';
  $('cvltDelayPhase').style.display='flex';
  $('cvlt-phase').textContent='DELAY'; $('cvlt-status').textContent='20 minutes';
  _CVLT.delayStart=performance.now();
  var DELAY=20*60*1000;
  function tick(){
    if(!_CVLT||!_CVLT.active) return;
    var rem=Math.max(0,DELAY-(performance.now()-_CVLT.delayStart));
    var m=Math.floor(rem/60000),s=Math.floor((rem%60000)/1000);
    $('cvltDelayTimer').textContent=(m<10?'0':'')+m+':'+(s<10?'0':'')+s;
    if(rem<=0){cvltSkipDelay();return;}
    _CVLT._delayRAF=requestAnimationFrame(tick);
  }
  _CVLT._delayRAF=requestAnimationFrame(tick);
}

function cvltSkipDelay(){
  if(!_CVLT||!_CVLT.active) return;
  if(_CVLT._delayRAF){cancelAnimationFrame(_CVLT._delayRAF);_CVLT._delayRAF=null;}
  $('cvltDelayPhase').style.display='none';
  _CVLT.currentPhase='LDFR';
  cvltFreeRecall('LDFR', CVLT_PRESENT_A);
  $('cvlt-phase').textContent='LONG DELAY FREE RECALL';
  $('cvlt-status').textContent='Monday list after delay';
  $('cvltFRInstruct').textContent="Recall as many of Monday's words as you can.";
  _CVLT.currentRecall=[];
  $('cvltWordList').innerHTML=''; $('cvltFRCount').textContent='';
  var inp=$('cvltInput'); inp.value=''; inp.disabled=false; inp.focus();
  inp.onkeydown=function(e){
    if(e.key!=='Enter') return; e.preventDefault();
    var w=inp.value.trim().toLowerCase().replace(/[^a-z]/g,''); inp.value='';
    if(!w||_CVLT.currentRecall.indexOf(w)>=0) return;
    _CVLT.currentRecall.push(w);
    var isHit=CVLT_PRESENT_A.some(function(i){return i.word===w;});
    var chip=document.createElement('span'); chip.textContent=w;
    chip.style.cssText='font-size:0.8rem;font-family:"Source Code Pro",monospace;padding:2px 8px;border-radius:2px;border:1px solid;'+
      (isHit?'color:var(--gold);background:rgba(212,180,86,0.1);border-color:rgba(212,180,86,0.3);':
             'color:#e05c5c;background:rgba(224,92,92,0.08);border-color:rgba(224,92,92,0.25);');
    $('cvltWordList').appendChild(chip);
    var h=_CVLT.currentRecall.filter(function(w2){return CVLT_PRESENT_A.some(function(i){return i.word===w2;});}).length;
    $('cvltFRCount').textContent=h+' / 16 words recalled';
  };
}

function cvltRecognition(){
  if(!_CVLT||!_CVLT.active) return;
  $('cvltCuedRecallPhase').style.display='none';
  $('cvltRecogPhase').style.display='flex';
  $('cvlt-phase').textContent='RECOGNITION'; $('cvlt-status').textContent='Yes / No';
  var targets=CVLT_PRESENT_A.map(function(i){return i.word;});
  var foils=CVLT_FOILS;
  var allWords=targets.concat(foils).sort(function(){return Math.random()-0.5;});
  var wi=0; _CVLT.recogData=[];
  function showNext(){
    if(wi>=allWords.length){cvltEnd();return;}
    var word=allWords[wi];
    $('cvltRecogWord').textContent=word;
    $('cvltRecogProgress').textContent=(wi+1)+' / '+allWords.length;
    $('cvltRecogFeedback').textContent=''; $('cvltRecogFeedback').className='feedback';
    triggerFlash();
    var onset=performance.now(); wi++;
    var listener=function(e){
      if(e.key!=='f'&&e.key!=='F'&&e.key!=='j'&&e.key!=='J') return;
      e.preventDefault();
      document.removeEventListener('keydown',listener);
      var resp=e.key==='f'||e.key==='F';
      var isTarget=targets.indexOf(word)>=0;
      var correct=resp===isTarget;
      var rt=+(performance.now()-onset).toFixed(1);
      _CVLT.recogData.push({word:word,isTarget:isTarget,response:resp,correct:correct,rt:rt});
      var fb=$('cvltRecogFeedback');
      fb.textContent=correct?'✓':'✗ '+(isTarget?'was on list':'not on list');
      fb.className='feedback '+(correct?'ok':'err');
      setTimeout(showNext,300);
    };
    document.addEventListener('keydown',listener);
  }
  showNext();
}

function cvltEnd(){
  if(!_CVLT) return;
  _CVLT.active=false;
  if(_CVLT._delayRAF){cancelAnimationFrame(_CVLT._delayRAF);_CVLT._delayRAF=null;}
  ['cvltStudyPhase','cvltFreeRecallPhase','cvltCuedRecallPhase',
   'cvltRecogPhase','cvltDelayPhase'].forEach(function(id){$(id).style.display='none';});
  $('cvltProgressBar').style.width='100%';

  if(_CVLT.isPractice){
    var s=_CVLT.trialScores['T1']||0;
    $('pcStats').innerHTML='Trial 1 <span>'+s+'/16</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._cvlt_data={trialScores:_CVLT.trialScores,recallData:_CVLT.recallData,recogData:_CVLT.recogData};
  $('exportBtn').disabled=false;

  var ts=_CVLT.trialScores;
  var totalT15=(ts.T1||0)+(ts.T2||0)+(ts.T3||0)+(ts.T4||0)+(ts.T5||0);
  var slope=ts.T5&&ts.T1?((ts.T5-ts.T1)/4).toFixed(1):'—';
  var retention=ts.T5&&ts.LDFR?((ts.LDFR/ts.T5)*100).toFixed(0)+'%':'—';
  var hits=_CVLT.recogData.filter(function(r){return r.isTarget&&r.response;}).length;
  var fas=_CVLT.recogData.filter(function(r){return !r.isTarget&&r.response;}).length;
  var dprime=_CVLT.recogData.length?
    ((hits/Math.max(1,_CVLT.recogData.filter(function(r){return r.isTarget;}).length)-
      fas/Math.max(1,_CVLT.recogData.filter(function(r){return !r.isTarget;}).length))*2).toFixed(2):'—';

  $('cvltMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+totalT15+'</div><div class="vm-lbl">Total T1–5</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+slope+'</div><div class="vm-lbl">Slope</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(ts.LDFR||'—')+'</div><div class="vm-lbl">LD Free Recall</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+retention+'</div><div class="vm-lbl">Retention</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+dprime+'</div><div class="vm-lbl">Recog d′</div></div>';

  $('cvltTrialBreakdown').innerHTML=
    ['T1','T2','T3','T4','T5','B','SDFR','SDCR','LDFR','LDCR'].map(function(t){
      return '<span style="color:var(--gold)">'+t+':</span> '+(ts[t]!==undefined?ts[t]:'—');
    }).join('&nbsp;&nbsp;');
  $('cvltResultsPhase').style.display='block';
  updateSidebar();
}

function cvltExportCSV(){
  var d=window._cvlt_data;if(!d)return;
  var rows=['phase,word,correct'];
  Object.keys(d.recallData).forEach(function(phase){
    var rd=d.recallData[phase];if(!rd)return;
    rd.recalled.forEach(function(w){
      var isHit=CVLT_PRESENT_A.some(function(i){return i.word===w;});
      rows.push(phase+','+w+','+(isHit?1:0));
    });
  });
  d.recogData.forEach(function(r){
    rows.push('RECOG,'+r.word+','+(r.correct?1:0));
  });
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='cvlt_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// IGT — Iowa Gambling Task
// ══════════════════════════════════════════════════════════
var _IGT = null;

// Deck schedules (Bechara 1994 original)
// Each entry: [win, loss] — loss=0 means no penalty
// Net per 10 cards: A=-250, B=-250, C=+250, D=+250
var IGT_DECKS = {
  A: [[100,0],[100,0],[100,0],[100,150],[100,0],[100,0],[100,200],[100,0],[100,0],[100,250]],  // net -250
  B: [[100,0],[100,0],[100,0],[100,0],[100,0],[100,0],[100,0],[100,0],[100,0],[100,1250]], // net -250 (big infrequent)
  C: [[50,0],[50,0],[50,0],[50,50],[50,0],[50,0],[50,25],[50,0],[50,0],[50,75]],   // net +250
  D: [[50,0],[50,0],[50,0],[50,0],[50,0],[50,0],[50,0],[50,0],[50,0],[50,250]]     // net +250 (infrequent penalty)
};

function startIGT(isPractice){
  var TOTAL = isPractice ? 20 : 100;
  var deckIdx = {A:0,B:0,C:0,D:0};
  // Build full card sequences (repeat schedule)
  var decks = {};
  Object.keys(IGT_DECKS).forEach(function(d){
    var cards=[];
    while(cards.length<TOTAL) cards=cards.concat(IGT_DECKS[d].map(function(c){return{win:c[0],loss:c[1]};}));
    // Shuffle within each group of 10
    var shuffled=[];
    for(var i=0;i<cards.length;i+=10){
      var chunk=cards.slice(i,i+10).sort(function(){return Math.random()-0.5;});
      shuffled=shuffled.concat(chunk);
    }
    decks[d]=shuffled;
  });

  _IGT = {
    active:true, isPractice:isPractice, trial:0, maxTrials:TOTAL,
    balance:2000, log:[], deckPicks:{A:0,B:0,C:0,D:0},
    blockData:[], currentBlock:[], blockNum:0,
    decks:decks, deckIdx:{A:0,B:0,C:0,D:0}, waiting:true
  };

  hideAll();
  $('igtScreen','tolScreen','rmetScreen').style.display='flex';
  $('igtPracticeBanner').style.display=isPractice?'block':'none';
  $('igtProgressBar').style.width='0%';
  $('igtStimPhase').style.display='flex';
  $('igtResultsPhase').style.display='none';
  $('igt-balance').textContent='$2,000';
  $('igt-trial').textContent='Trial 0/'+TOTAL;
  $('igtFeedback').innerHTML='';
  $('igtBlockScores').innerHTML='';
  $('si-task').textContent='IGT'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  // Reset deck counts
  ['A','B','C','D'].forEach(function(d){ $('igtCount'+d).textContent=TOTAL; });
  ['A','B','C','D'].forEach(function(d){ $('igtDeck'+d).classList.remove('disabled'); });
}

function igtChoose(deck){
  if(!_IGT||!_IGT.active||!_IGT.waiting) return;
  _IGT.waiting=false;
  // Disable decks during feedback
  ['A','B','C','D'].forEach(function(d){ $('igtDeck'+d).classList.add('disabled'); });

  _IGT.trial++;
  var card = _IGT.decks[deck][_IGT.deckIdx[deck]++];
  _IGT.deckIdx[deck] = _IGT.deckIdx[deck] % _IGT.decks[deck].length;
  _IGT.deckPicks[deck]++;
  var net = card.win - card.loss;
  _IGT.balance += net;
  _IGT.log.push({trial:_IGT.trial,deck:deck,win:card.win,loss:card.loss,net:net,balance:_IGT.balance});
  _IGT.currentBlock.push({deck:deck,net:net});

  // Update UI
  $('igt-trial').textContent='Trial '+_IGT.trial+'/'+_IGT.maxTrials;
  $('igtProgressBar').style.width=(_IGT.trial/_IGT.maxTrials*100).toFixed(1)+'%';
  $('igtCount'+deck).textContent=Math.max(0,40-_IGT.deckPicks[deck]);
  var balFmt='$'+Math.abs(_IGT.balance).toLocaleString()+(_IGT.balance<0?' (debt)':'');
  $('igt-balance').textContent=balFmt;
  $('igt-balance').style.color=_IGT.balance>=0?'var(--gold)':'#e05c5c';

  // Feedback
  var fb=$('igtFeedback');
  fb.innerHTML='<span style="color:#81c784">+$'+card.win+'</span>'+
    (card.loss?'<span style="color:#e05c5c"> −$'+card.loss+'</span>':'')+
    '<span style="color:var(--dim)"> · net </span>'+
    '<span style="color:'+(net>=0?'#81c784':'#e05c5c')+'">'+
    (net>=0?'+':'')+net+'</span>';

  // Block tracking (20 trials per block)
  if(_IGT.currentBlock.length===20){
    var block=_IGT.currentBlock;
    var cd=block.filter(function(r){return r.deck==='C'||r.deck==='D';}).length;
    var ab=block.filter(function(r){return r.deck==='A'||r.deck==='B';}).length;
    _IGT.blockData.push({block:_IGT.blockNum+1,cd:cd,ab:ab,score:cd-ab});
    _IGT.blockNum++;
    _IGT.currentBlock=[];
    igtUpdateBlockScores();
  }

  setTimeout(function(){
    if(!_IGT||!_IGT.active) return;
    fb.innerHTML='';
    if(_IGT.trial>=_IGT.maxTrials){ igtEnd(); return; }
    ['A','B','C','D'].forEach(function(d){ $('igtDeck'+d).classList.remove('disabled'); });
    _IGT.waiting=true;
  }, 900);
}

function igtUpdateBlockScores(){
  var el=$('igtBlockScores'); el.innerHTML='';
  _IGT.blockData.forEach(function(b){
    var span=document.createElement('span');
    span.style.color=b.score>0?'var(--gold)':b.score<0?'#e05c5c':'var(--dim)';
    span.textContent='B'+b.block+':'+(b.score>0?'+':'')+b.score;
    el.appendChild(span);
  });
}

function igtEnd(){
  _IGT.active=false;
  $('igtStimPhase').style.display='none';
  $('igtProgressBar').style.width='100%';

  if(_IGT.isPractice){
    var ab=_IGT.deckPicks.A+_IGT.deckPicks.B;
    var cd=_IGT.deckPicks.C+_IGT.deckPicks.D;
    $('pcStats').innerHTML='C+D <span>'+cd+'</span> · A+B <span>'+ab+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._igt_log=_IGT.log;$('exportBtn').disabled=false;

  var picks=_IGT.deckPicks;
  var totalScore=(picks.C+picks.D)-(picks.A+picks.B);
  $('igtMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(totalScore>0?'+':'')+totalScore+'</div><div class="vm-lbl">IGT Score</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">$'+Math.abs(_IGT.balance).toLocaleString()+'</div><div class="vm-lbl">Final Balance</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+picks.A+'/'+picks.B+'</div><div class="vm-lbl">A / B (bad)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+picks.C+'/'+picks.D+'</div><div class="vm-lbl">C / D (good)</div></div>';

  // Draw block chart
  var cvs=$('igtChart'); if(cvs){
    var ctx=cvs.getContext('2d');
    var W=380,H=100,cx=30,cy=H/2;
    ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.15)';ctx.lineWidth=0.5;
    ctx.beginPath();ctx.moveTo(cx,cy);ctx.lineTo(W-10,cy);ctx.stroke();
    ctx.fillStyle='rgba(138,180,208,0.4)';ctx.font='8px monospace';ctx.textAlign='center';
    ctx.fillText('0',cx-10,cy+3);
    var blocks=_IGT.blockData;if(!blocks.length) return;
    var maxAbs=Math.max.apply(null,blocks.map(function(b){return Math.abs(b.score);}));
    maxAbs=Math.max(maxAbs,4);
    var bw=(W-cx-10)/blocks.length;
    blocks.forEach(function(b,i){
      var barH=(Math.abs(b.score)/maxAbs)*(H/2-8);
      var x=cx+i*bw+bw*0.1,w=bw*0.8;
      var y=b.score>=0?cy-barH:cy;
      ctx.fillStyle=b.score>0?'rgba(212,180,86,0.7)':'rgba(224,92,92,0.7)';
      ctx.fillRect(x,y,w,barH);
      ctx.fillStyle='rgba(138,180,208,0.5)';ctx.font='8px monospace';ctx.textAlign='center';
      ctx.fillText('B'+(i+1),x+w/2,H-4);
    });
    ctx.strokeStyle='rgba(212,180,86,0.6)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(cx,cy);
    blocks.forEach(function(b,i){
      ctx.lineTo(cx+i*bw+bw/2,(b.score>=0?cy-(b.score/maxAbs)*(H/2-8):cy+(-b.score/maxAbs)*(H/2-8)));
    });ctx.stroke();
  }
  $('igtResultsPhase').style.display='block';
  updateSidebar();
}

function igtExportCSV(){
  var log=window._igt_log;if(!log)return;
  var blob=new Blob(['trial,deck,win,loss,net,balance\n'+log.map(function(r){
    return[r.trial,r.deck,r.win,r.loss,r.net,r.balance].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='igt_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// TOL — Tower of London (Shallice, 1982)
// ══════════════════════════════════════════════════════════
var _TOL = null;

// Problems: [start pegs [p0,p1,p2], goal pegs, min moves]
// Each peg array = discs from bottom to top
// Disc colours: r=red, g=green, b=blue
var TOL_PROBLEMS = [
  {start:[['r','g','b'],[],[]], goal:[['b','g','r'],[],[]], min:2},
  {start:[['r','g','b'],[],[]], goal:[[],['r'],['g','b']], min:2},
  {start:[['r','g','b'],[],[]], goal:[[],['b','g'],['r']], min:3},
  {start:[['r','g','b'],[],[]], goal:[['g'],['r'],['b']], min:3},
  {start:[['r','g','b'],[],[]], goal:[['b'],[],['g','r']], min:3},
  {start:[['r'],['g'],['b']], goal:[['r','g','b'],[],[]], min:3},
  {start:[['r'],['g'],['b']], goal:[[],['r','g'],['b']], min:2},
  {start:[['b','r'],['g'],[]], goal:[['r'],['g','b'],[]], min:3},
  {start:[['g','r'],['b'],[]], goal:[[],['r'],['g','b']], min:3},
  {start:[['g','b'],['r'],[]], goal:[['b'],['g'],['r']], min:4},
  {start:[['r','b'],['g'],[]], goal:[[],['g','r'],['b']], min:4},
  {start:[['b'],['r','g'],[]], goal:[['g','r','b'],[],[]], min:4},
];

var TOL_COLS = {r:'#e05c5c', g:'#81c784', b:'#5b9fda'};
var TOL_PEG_CAPS = [3, 2, 1]; // peg capacities

function tolDrawBoard(cvs, pegs, selected){
  var ctx = cvs.getContext('2d');
  var W=220,H=130,pegW=8,discH=18,discMaxW=54;
  ctx.clearRect(0,0,W,H); ctx.fillStyle='#060d14'; ctx.fillRect(0,0,W,H);
  // Base
  ctx.fillStyle='rgba(138,180,208,0.2)'; ctx.fillRect(10,H-12,W-20,4);
  // Three peg positions
  var pegX=[55,110,165];
  pegX.forEach(function(px,pi){
    // Peg post
    var cap=TOL_PEG_CAPS[pi];
    var pegH=cap*discH+16;
    ctx.fillStyle='rgba(138,180,208,0.25)';
    ctx.fillRect(px-pegW/2,H-12-pegH,pegW,pegH);
    // Discs on this peg
    var peg=pegs[pi]||[];
    peg.forEach(function(disc,di){
      var dw=discMaxW-di*4; // wider at bottom
      var dy=H-12-discH*(di+1);
      var isSel=selected&&selected.peg===pi&&selected.idx===di;
      ctx.fillStyle=TOL_COLS[disc]||'#888';
      if(isSel){ctx.shadowColor=TOL_COLS[disc];ctx.shadowBlur=8;}
      ctx.fillRect(px-dw/2,dy,dw,discH-2);
      ctx.shadowBlur=0;
      ctx.strokeStyle=isSel?'#fff':'rgba(0,0,0,0.3)';ctx.lineWidth=1;
      ctx.strokeRect(px-dw/2,dy,dw,discH-2);
    });
    // Capacity label
    ctx.font='8px "Source Code Pro",monospace';ctx.fillStyle='rgba(138,180,208,0.3)';
    ctx.textAlign='center';ctx.fillText(cap,px,16);
  });
}

function startTOL(isPractice){
  var problems = isPractice ? TOL_PROBLEMS.slice(0,4) : TOL_PROBLEMS;
  _TOL = {
    active:true, isPractice:isPractice,
    problems:problems, problemIdx:0,
    selected:null, moves:0,
    log:[], startTime:0,
    pegs:null  // current board state
  };

  hideAll();
  $('tolScreen','rmetScreen').style.display='flex';
  $('tolPracticeBanner').style.display=isPractice?'block':'none';
  $('tolProgressBar').style.width='0%';
  $('tolStimPhase').style.display='flex';
  $('tolResultsPhase').style.display='none';
  $('si-task').textContent='TOL'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  $('tolBoardCanvas').onclick=tolBoardClick;
  tolLoadProblem();
}

function tolLoadProblem(){
  if(!_TOL||!_TOL.active) return;
  var prob=_TOL.problems[_TOL.problemIdx];
  _TOL.pegs=prob.start.map(function(p){return p.slice();});
  _TOL.selected=null; _TOL.moves=0; _TOL.startTime=performance.now();
  $('tol-problem').textContent='Problem '+(_TOL.problemIdx+1)+'/'+_TOL.problems.length;
  $('tol-min').textContent='Min: '+prob.min+' move'+(prob.min>1?'s':'');
  $('tol-moves').textContent='Moves: 0';
  $('tolFeedback').textContent=''; $('tolFeedback').className='feedback';
  $('tolInstruct').textContent='Click a disc to select, then click the destination peg';
  $('tolProgressBar').style.width=(_TOL.problemIdx/_TOL.problems.length*100).toFixed(1)+'%';
  tolRedraw();
}

function tolRedraw(){
  if(!_TOL) return;
  var prob=_TOL.problems[_TOL.problemIdx];
  tolDrawBoard($('tolGoalCanvas'), prob.goal.map(function(p){return p.slice();}), null);
  tolDrawBoard($('tolBoardCanvas'), _TOL.pegs, _TOL.selected);
}

function tolBoardClick(e){
  if(!_TOL||!_TOL.active) return;
  var cvs=$('tolBoardCanvas');
  var rect=cvs.getBoundingClientRect();
  var mx=(e.clientX-rect.left)*(cvs.width/rect.width);
  var H=130,discH=18;
  var pegX=[55,110,165];
  // Find which peg was clicked
  var clickedPeg=-1;
  pegX.forEach(function(px,pi){if(Math.abs(mx-px)<30)clickedPeg=pi;});
  if(clickedPeg<0) return;

  if(_TOL.selected===null){
    // Select top disc of clicked peg
    var peg=_TOL.pegs[clickedPeg];
    if(!peg||!peg.length){$('tolInstruct').textContent='No disc on that peg';return;}
    _TOL.selected={peg:clickedPeg,idx:peg.length-1,disc:peg[peg.length-1]};
    $('tolInstruct').textContent='Now click the destination peg';
    tolRedraw();
  } else {
    // Try to place disc
    var fromPeg=_TOL.selected.peg;
    var toPeg=clickedPeg;
    if(fromPeg===toPeg){_TOL.selected=null;tolRedraw();return;}
    var dest=_TOL.pegs[toPeg];
    if(dest.length>=TOL_PEG_CAPS[toPeg]){
      $('tolFeedback').textContent='Peg '+(['left','middle','right'][toPeg])+' is full (max '+TOL_PEG_CAPS[toPeg]+')';
      $('tolFeedback').className='feedback err';
      _TOL.selected=null;tolRedraw();return;
    }
    // Move disc
    var disc=_TOL.pegs[fromPeg].pop();
    _TOL.pegs[toPeg].push(disc);
    _TOL.moves++;
    _TOL.selected=null;
    $('tol-moves').textContent='Moves: '+_TOL.moves;
    $('tolFeedback').textContent=''; $('tolFeedback').className='feedback';
    $('tolInstruct').textContent='Click a disc to select';
    tolRedraw();
    // Check solved
    tolCheckSolved();
  }
}

function tolCheckSolved(){
  var prob=_TOL.problems[_TOL.problemIdx];
  var goal=prob.goal;
  var solved=goal.every(function(peg,pi){
    return peg.length===_TOL.pegs[pi].length&&
      peg.every(function(d,di){return d===_TOL.pegs[pi][di];});
  });
  if(solved){
    var rt=+(performance.now()-_TOL.startTime).toFixed(0);
    var optimal=_TOL.moves===prob.min;
    _TOL.log.push({problem:_TOL.problemIdx+1,min:prob.min,moves:_TOL.moves,optimal:optimal,rt:rt,solved:true});
    var fb=$('tolFeedback');
    fb.textContent=optimal?'✓ Solved in minimum moves! ('+_TOL.moves+')':'✓ Solved in '+_TOL.moves+' moves (min: '+prob.min+')';
    fb.className='feedback '+(optimal?'ok':'');
    fb.style.color=optimal?'#81c784':'var(--gold)';
    $('tolInstruct').textContent='';
    setTimeout(function(){if(_TOL&&_TOL.active)tolNextProblem();},1200);
  }
}

function tolReset(){
  if(!_TOL||!_TOL.active) return;
  tolLoadProblem();
}

function tolGiveUp(){
  if(!_TOL||!_TOL.active) return;
  var prob=_TOL.problems[_TOL.problemIdx];
  var rt=+(performance.now()-_TOL.startTime).toFixed(0);
  _TOL.log.push({problem:_TOL.problemIdx+1,min:prob.min,moves:_TOL.moves,optimal:false,rt:rt,solved:false});
  tolNextProblem();
}

function tolNextProblem(){
  if(!_TOL) return;
  _TOL.problemIdx++;
  if(_TOL.problemIdx>=_TOL.problems.length){tolEnd();return;}
  $('tolFeedback').textContent=''; $('tolFeedback').className='feedback';
  tolLoadProblem();
}

function tolEnd(){
  _TOL.active=false;
  $('tolStimPhase').style.display='none';
  $('tolProgressBar').style.width='100%';
  var log=_TOL.log;

  if(_TOL.isPractice){
    var opt=log.filter(function(r){return r.optimal;}).length;
    $('pcStats').innerHTML='OPTIMAL <span>'+opt+'/'+log.length+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._tol_log=log;$('exportBtn').disabled=false;
  var solved=log.filter(function(r){return r.solved;}).length;
  var optimal=log.filter(function(r){return r.optimal;}).length;
  var avgMoves=log.length?(log.reduce(function(a,r){return a+r.moves;},0)/log.length).toFixed(1):'—';
  var avgRT=log.filter(function(r){return r.solved;});
  var mRT=avgRT.length?(avgRT.reduce(function(a,r){return a+r.rt;},0)/avgRT.length/1000).toFixed(1):'—';
  $('tolMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+optimal+'/'+log.length+'</div><div class="vm-lbl">Optimal</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+solved+'/'+log.length+'</div><div class="vm-lbl">Solved</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgMoves+'</div><div class="vm-lbl">Avg Moves</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+mRT+'s</div><div class="vm-lbl">Avg Time</div></div>';
  $('tolResultsPhase').style.display='block';
  updateSidebar();
}

function tolExportCSV(){
  var log=window._tol_log;if(!log)return;
  var blob=new Blob(['problem,min_moves,actual_moves,optimal,solved,rt_ms\n'+log.map(function(r){
    return[r.problem,r.min,r.moves,r.optimal?1:0,r.solved?1:0,r.rt].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='tol_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// RMET — Reading the Mind in the Eyes Test
// ══════════════════════════════════════════════════════════
var _RMET = null;

// 36 items: [correct_idx, options×4, eye_render_params]
// eye_params: brow(-1=down,0=neutral,1=up), lid(0=open,1=half,2=narrow),
//             pupil(-1=left,0=center,1=right), wrinkle(bool)
var RMET_ITEMS = [
  {correct:0,opts:['playful','comforting','irritated','bored'],eye:{brow:1,lid:0,pupil:0,wrinkle:false}},
  {correct:1,opts:['terrified','upset','arrogant','annoyed'],eye:{brow:0,lid:1,pupil:0,wrinkle:true}},
  {correct:0,opts:['joking','flustered','desire','convinced'],eye:{brow:0,lid:0,pupil:1,wrinkle:false}},
  {correct:2,opts:['insulting','worry','contemplative','friendly'],eye:{brow:-1,lid:1,pupil:0,wrinkle:true}},
  {correct:3,opts:['dominant','friendly','guilty','horrified'],eye:{brow:1,lid:0,pupil:-1,wrinkle:false}},
  {correct:1,opts:['fantasizing','relieved','aghast','curious'],eye:{brow:0,lid:2,pupil:1,wrinkle:false}},
  {correct:2,opts:['sarcastic','unsure','cautious','sympathetic'],eye:{brow:-1,lid:1,pupil:0,wrinkle:true}},
  {correct:0,opts:['interested','hostile','horrified','preoccupied'],eye:{brow:1,lid:0,pupil:0,wrinkle:false}},
  {correct:3,opts:['flustered','ashamed','suspicious','indifferent'],eye:{brow:0,lid:2,pupil:-1,wrinkle:true}},
  {correct:1,opts:['decisive','amused','aghast','bored'],eye:{brow:0,lid:0,pupil:1,wrinkle:false}},
  {correct:2,opts:['arrogant','grateful','insisting','imploring'],eye:{brow:-1,lid:0,pupil:0,wrinkle:false}},
  {correct:0,opts:['flirtatious','thankful','hostile','dismayed'],eye:{brow:1,lid:1,pupil:1,wrinkle:false}},
  {correct:3,opts:['puzzled','nervous','distrusting','calm'],eye:{brow:0,lid:0,pupil:0,wrinkle:false}},
  {correct:1,opts:['critical','sincere','joking','concerned'],eye:{brow:-1,lid:1,pupil:0,wrinkle:true}},
  {correct:2,opts:['decisive','anticipating','accusing','fantasizing'],eye:{brow:0,lid:0,pupil:-1,wrinkle:false}},
  {correct:0,opts:['alarmed','baffled','calm','dominant'],eye:{brow:1,lid:0,pupil:1,wrinkle:false}},
  {correct:3,opts:['embarrassed','confused','dispirited','suspicious'],eye:{brow:-1,lid:2,pupil:0,wrinkle:true}},
  {correct:1,opts:['alarmed','thoughtful','excited','hostile'],eye:{brow:0,lid:1,pupil:0,wrinkle:false}},
  {correct:2,opts:['sarcastic','confused','frightened','aghast'],eye:{brow:1,lid:0,pupil:0,wrinkle:false}},
  {correct:0,opts:['troubled','excited','hostile','panicky'],eye:{brow:-1,lid:1,pupil:-1,wrinkle:true}},
  {correct:3,opts:['convinced','accusing','nervous','sceptical'],eye:{brow:0,lid:2,pupil:1,wrinkle:false}},
  {correct:1,opts:['arrogant','anticipating','dismayed','suspicious'],eye:{brow:0,lid:0,pupil:0,wrinkle:false}},
  {correct:2,opts:['baffled','aghast','close','friendly'],eye:{brow:1,lid:1,pupil:0,wrinkle:false}},
  {correct:0,opts:['dominant','threatening','humble','friendly'],eye:{brow:-1,lid:0,pupil:0,wrinkle:true}},
  {correct:3,opts:['guilty','bored','fantasizing','confident'],eye:{brow:1,lid:0,pupil:1,wrinkle:false}},
  {correct:1,opts:['curious','friendly','dispirited','suspicious'],eye:{brow:0,lid:1,pupil:0,wrinkle:true}},
  {correct:2,opts:['panicky','suspicious','contemplative','horrified'],eye:{brow:-1,lid:1,pupil:-1,wrinkle:false}},
  {correct:0,opts:['interested','uncertain','accusatory','distracted'],eye:{brow:0,lid:0,pupil:1,wrinkle:false}},
  {correct:3,opts:['playful','relieved','contrite','ashamed'],eye:{brow:1,lid:1,pupil:0,wrinkle:false}},
  {correct:1,opts:['sarcastic','reflective','worried','confident'],eye:{brow:0,lid:2,pupil:0,wrinkle:true}},
  {correct:2,opts:['friendly','alarmed','dismissive','preoccupied'],eye:{brow:-1,lid:0,pupil:0,wrinkle:false}},
  {correct:0,opts:['curious','nervous','bored','hostile'],eye:{brow:1,lid:0,pupil:-1,wrinkle:false}},
  {correct:3,opts:['pensive','irritated','excited','amused'],eye:{brow:0,lid:1,pupil:1,wrinkle:false}},
  {correct:1,opts:['confused','flirtatious','tentative','suspicious'],eye:{brow:0,lid:0,pupil:0,wrinkle:true}},
  {correct:2,opts:['indifferent','sceptical','cautious','distracted'],eye:{brow:-1,lid:1,pupil:0,wrinkle:false}},
  {correct:0,opts:['decisive','grateful','unsympathetic','bored'],eye:{brow:1,lid:0,pupil:0,wrinkle:false}}
];

function rmetDrawEye(cvs, params, highlightOpt){
  var ctx=cvs.getContext('2d');
  var W=320,H=120;
  // Warm off-white background
  ctx.fillStyle='#f5f0e8';ctx.fillRect(0,0,W,H);
  var cx=W/2,cy=H/2;

  // --- Draw one eye (centre of canvas) ---
  var EW=110,EH=40; // eye width/height

  // Brow
  var browY=cy-EH/2-18+params.brow*(-8);
  ctx.beginPath();
  ctx.moveTo(cx-EW/2,browY+params.brow*4);
  ctx.quadraticCurveTo(cx,browY-6+params.brow*4,cx+EW/2,browY+params.brow*4);
  ctx.strokeStyle='#1a1008';ctx.lineWidth=params.wrinkle?4:3;ctx.stroke();
  // Wrinkle lines
  if(params.wrinkle){
    ctx.strokeStyle='rgba(26,16,8,0.3)';ctx.lineWidth=1;
    [[cx-EW*0.1,browY+8,cx-EW*0.25,browY+16],[cx+EW*0.1,browY+8,cx+EW*0.25,browY+16]].forEach(function(l){
      ctx.beginPath();ctx.moveTo(l[0],l[1]);ctx.lineTo(l[2],l[3]);ctx.stroke();
    });
  }

  // Eye socket shadow
  ctx.beginPath();
  ctx.ellipse(cx,cy,EW/2+8,EH/2+12,0,0,Math.PI*2);
  ctx.fillStyle='rgba(180,160,140,0.15)';ctx.fill();

  // Sclera
  ctx.beginPath();
  ctx.ellipse(cx,cy,EW/2,EH/2,0,0,Math.PI*2);
  ctx.fillStyle='#f8f4ee';ctx.fill();
  ctx.strokeStyle='#1a1008';ctx.lineWidth=1.5;ctx.stroke();

  // Iris
  var irisR=EH/2*0.72;
  var pupilX=cx+params.pupil*14;
  ctx.beginPath();ctx.arc(pupilX,cy,irisR,0,Math.PI*2);
  ctx.fillStyle='#4a3828';ctx.fill();
  ctx.strokeStyle='#1a1008';ctx.lineWidth=1;ctx.stroke();
  // Iris detail
  for(var i=0;i<8;i++){
    var ang=i*Math.PI/4;
    ctx.beginPath();ctx.moveTo(pupilX,cy);
    ctx.lineTo(pupilX+Math.cos(ang)*irisR*0.9,cy+Math.sin(ang)*irisR*0.9);
    ctx.strokeStyle='rgba(80,55,35,0.3)';ctx.lineWidth=0.5;ctx.stroke();
  }
  // Pupil
  ctx.beginPath();ctx.arc(pupilX,cy,irisR*0.45,0,Math.PI*2);
  ctx.fillStyle='#0a0806';ctx.fill();
  // Catchlight
  ctx.beginPath();ctx.arc(pupilX+irisR*0.2,cy-irisR*0.2,irisR*0.12,0,Math.PI*2);
  ctx.fillStyle='rgba(255,255,255,0.85)';ctx.fill();

  // Upper lid (controls how much of eye is visible)
  var lidDrop=[0,EH*0.25,EH*0.5][params.lid];
  ctx.beginPath();
  ctx.moveTo(cx-EW/2,cy-EH/2+lidDrop);
  ctx.quadraticCurveTo(cx,cy-EH/2-6+lidDrop,cx+EW/2,cy-EH/2+lidDrop);
  ctx.lineTo(cx+EW/2,cy-EH/2+20);
  ctx.quadraticCurveTo(cx,cy-EH/2-10,cx-EW/2,cy-EH/2+20);
  ctx.closePath();
  ctx.fillStyle='#f5f0e8';ctx.fill();
  // Lash line
  ctx.beginPath();
  ctx.moveTo(cx-EW/2,cy-EH/2+lidDrop);
  ctx.quadraticCurveTo(cx,cy-EH/2-8+lidDrop,cx+EW/2,cy-EH/2+lidDrop);
  ctx.strokeStyle='#1a1008';ctx.lineWidth=2.5;ctx.stroke();

  // Lower lid
  ctx.beginPath();
  ctx.moveTo(cx-EW/2,cy+EH/2);
  ctx.quadraticCurveTo(cx,cy+EH/2+4,cx+EW/2,cy+EH/2);
  ctx.strokeStyle='rgba(26,16,8,0.5)';ctx.lineWidth=1.5;ctx.stroke();

  // Corner details
  ctx.beginPath();ctx.arc(cx-EW/2,cy,3,0,Math.PI*2);
  ctx.fillStyle='rgba(200,160,150,0.6)';ctx.fill();
}

function startRMET(isPractice){
  var items = isPractice ? RMET_ITEMS.slice(0,6) : RMET_ITEMS;
  _RMET = {
    active:true, isPractice:isPractice,
    items:items, idx:0, correct:0, log:[],
    startTime:0
  };
  hideAll();
  $('rmetScreen').style.display='flex';
  $('rmetPracticeBanner').style.display=isPractice?'block':'none';
  $('rmetProgressBar').style.width='0%';
  $('rmetStimPhase').style.display='flex';
  $('rmetResultsPhase').style.display='none';
  $('rmet-score').textContent='0';
  $('si-task').textContent='RMET'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  rmetNext();
}

function rmetNext(){
  if(!_RMET||!_RMET.active) return;
  if(_RMET.idx>=_RMET.items.length){rmetEnd();return;}
  var item=_RMET.items[_RMET.idx];
  $('rmet-trial').textContent=(_RMET.idx+1)+'/'+_RMET.items.length;
  $('rmetProgressBar').style.width=(_RMET.idx/_RMET.items.length*100).toFixed(1)+'%';
  $('rmetFeedback').textContent='';$('rmetFeedback').className='feedback';
  _RMET.startTime=performance.now();

  // Draw eye
  rmetDrawEye($('rmetEyeCanvas'),item.eye,null);
  triggerFlash();

  // Build options
  var opts=$('rmetOptions'); opts.innerHTML='';
  item.opts.forEach(function(word,i){
    var btn=document.createElement('button');
    btn.textContent=word;
    btn.style.cssText='background:#0a1620;border:1px solid #2a4060;color:var(--mid);'+
      'font-family:"EB Garamond",serif;font-size:1.05rem;padding:10px 8px;border-radius:3px;'+
      'cursor:pointer;transition:all 0.12s;text-align:center;';
    btn.onmouseenter=function(){btn.style.borderColor='var(--gold)';btn.style.color='var(--gold)';};
    btn.onmouseleave=function(){if(!btn.dataset.chosen){btn.style.borderColor='#2a4060';btn.style.color='var(--mid)';}};
    btn.onclick=function(){
      if(!_RMET||!_RMET.active||btn.dataset.chosen) return;
      var rt=+(performance.now()-_RMET.startTime).toFixed(1);
      var correct=i===item.correct;
      if(correct)_RMET.correct++;
      _RMET.log.push({trial:_RMET.idx+1,correct_answer:item.opts[item.correct],
        response:word,correct:correct,rt:rt});
      $('rmet-score').textContent=_RMET.correct;
      // Show feedback colours on all buttons
      opts.querySelectorAll('button').forEach(function(b,bi){
        b.dataset.chosen='1';
        b.style.pointerEvents='none';
        if(bi===item.correct){b.style.borderColor='#81c784';b.style.color='#81c784';b.style.background='rgba(129,199,132,0.1)';}
        else if(bi===i&&!correct){b.style.borderColor='#e05c5c';b.style.color='#e05c5c';}
      });
      var fb=$('rmetFeedback');
      fb.textContent=correct?'✓ Correct':'✗ — answer: '+item.opts[item.correct];
      fb.className='feedback '+(correct?'ok':'err');
      _RMET.idx++;
      setTimeout(function(){if(_RMET&&_RMET.active)rmetNext();},800);
    };
    opts.appendChild(btn);
  });
}

function rmetEnd(){
  _RMET.active=false;
  $('rmetStimPhase').style.display='none';
  $('rmetProgressBar').style.width='100%';
  if(_RMET.isPractice){
    $('pcStats').innerHTML='CORRECT <span>'+_RMET.correct+'/'+_RMET.items.length+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._rmet_log=_RMET.log;$('exportBtn').disabled=false;
  var acc=(_RMET.correct/_RMET.items.length*100).toFixed(0);
  var rtValid=_RMET.log.filter(function(r){return r.rt;});
  var avgRT=rtValid.length?(rtValid.reduce(function(a,b){return a+b.rt;},0)/rtValid.length/1000).toFixed(1):'—';
  $('rmetMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+_RMET.correct+'/'+_RMET.items.length+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'s</div><div class="vm-lbl">Avg Time</div></div>';
  $('rmetResultsPhase').style.display='block';
  updateSidebar();
}

function rmetExportCSV(){
  var log=window._rmet_log;if(!log)return;
  var blob=new Blob(['trial,correct_answer,response,correct,rt_ms\n'+log.map(function(r){
    return[r.trial,r.correct_answer,r.response,r.correct?1:0,r.rt].join(',');
  }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='rmet_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// P1/N1 Spatial Attention (Hillyard paradigm)
// ══════════════════════════════════════════════════════════
var _P1N1 = null;

function startP1N1(isPractice){
  // Blocks alternate attended side every 20 trials
  var BLOCK_SIZE = 20;
  var N_BLOCKS   = isPractice ? 2 : 6;
  var SOA        = 600; // stimulus onset asynchrony ms
  var TARGET_PROB = 0.2; // 20% targets (brighter flash)

  _P1N1 = {
    active:true, isPractice:isPractice,
    trial:0, maxTrials:BLOCK_SIZE*N_BLOCKS,
    blockSize:BLOCK_SIZE, blockNum:0,
    attendSide:'left', // alternates each block
    correct:0, hits:0, fas:0,
    log:[], _timers:[]
  };

  function T(fn,ms){ var t=setTimeout(fn,ms); _P1N1._timers.push(t); return t; }
  _P1N1.T=T;
  _P1N1.clear=function(){ _P1N1._timers.forEach(clearTimeout); _P1N1._timers=[]; };

  hideAll();
  $('p1n1Screen','cnvwScreen','thalphaScreen','lrpextScreen').style.display='flex';
  $('p1n1PracticeBanner').style.display=isPractice?'block':'none';
  $('p1n1ProgressBar').style.width='0%';
  $('p1n1StimPhase').style.display='flex';
  $('p1n1ResultsPhase').style.display='none';
  $('si-task').textContent='P1N1'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  function p1n1End(){
    _P1N1.clear(); _P1N1.active=false;
    $('p1n1StimPhase').style.display='none';
    $('p1n1ProgressBar').style.width='100%';
    var log=_P1N1.log;
    if(isPractice){
      $('pcStats').innerHTML='HITS <span>'+_P1N1.hits+'</span> FA <span>'+_P1N1.fas+'</span>';
      hideAll(); $('practiceComplete').style.display='flex'; return;
    }
    window._p1n1_log=log;
    $('exportBtn').disabled=false;
    // Split by attended/unattended
    var attended=log.filter(function(r){return r.side===r.attendSide;});
    var unattended=log.filter(function(r){return r.side!==r.attendSide;});
    var attHits=attended.filter(function(r){return r.isTarget&&r.responded;});
    var attRT=attHits.length?(attHits.reduce(function(a,b){return a+b.rt;},0)/attHits.length).toFixed(0):'—';
    var unattHits=unattended.filter(function(r){return r.isTarget&&r.responded;});
    var unattRT=unattHits.length?(unattHits.reduce(function(a,b){return a+b.rt;},0)/unattHits.length).toFixed(0):'—';
    var attAcc=attended.filter(function(r){return r.isTarget;}).length?
      (attHits.length/attended.filter(function(r){return r.isTarget;}).length*100).toFixed(0):'—';
    $('p1n1Metrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+attRT+'ms</div><div class="vm-lbl">Attended RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+unattRT+'ms</div><div class="vm-lbl">Unattended RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+attAcc+'%</div><div class="vm-lbl">Att. Accuracy</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_P1N1.fas+'</div><div class="vm-lbl">False Alarms</div></div>';
    $('p1n1ResultsPhase').style.display='block';
    updateSidebar();
  }

  function p1n1Next(){
    if(!_P1N1.active) return;
    if(_P1N1.trial>=_P1N1.maxTrials){ p1n1End(); return; }

    // New block → switch attention side
    if(_P1N1.trial>0 && _P1N1.trial%_P1N1.blockSize===0){
      _P1N1.blockNum++;
      _P1N1.attendSide = _P1N1.attendSide==='left'?'right':'left';
      // Brief inter-block pause with cue update
      $('p1n1Cue').textContent=''; $('p1n1Feedback').textContent='';
      $('p1n1-attend').textContent='ATTEND '+ _P1N1.attendSide.toUpperCase();
      $('p1n1Cue').style.left=''; $('p1n1Cue').style.right='';
      T(p1n1Next, 1500); return;
    }

    _P1N1.trial++;
    $('p1n1-trial').textContent='Trial '+_P1N1.trial+'/'+_P1N1.maxTrials;
    $('p1n1-attend').textContent='ATTEND '+_P1N1.attendSide.toUpperCase();
    $('p1n1ProgressBar').style.width=((_P1N1.trial-1)/_P1N1.maxTrials*100).toFixed(1)+'%';
    $('p1n1Feedback').textContent=''; $('p1n1Feedback').className='feedback';

    // Determine stimulus: which side, and is it a target?
    var stimSide = Math.random()<0.5 ? 'left' : 'right';
    var isTarget = Math.random() < TARGET_PROB;
    var isAttended = stimSide === _P1N1.attendSide;

    // Show cue arrow
    var cue=$('p1n1Cue');
    cue.textContent=_P1N1.attendSide==='left'?'◀':'▶';
    cue.style.color='rgba(212,180,86,0.4)';

    // Flash stimulus
    var stimEl = stimSide==='left' ? $('p1n1Left') : $('p1n1Right');
    var brightness = isTarget ? 'rgba(220,210,185,0.95)' : 'rgba(180,170,150,0.55)';
    stimEl.style.background=brightness;
    stimEl.style.borderColor=isTarget?'rgba(212,180,86,0.8)':'rgba(138,180,208,0.4)';
    triggerFlash();

    var onset=performance.now();
    var responded=false;

    // Flash off after 100ms
    T(function(){
      stimEl.style.background='#060d14';
      stimEl.style.borderColor='#1a2f44';
    }, 100);

    // Response window
    var keyHandler=function(e){
      if(!_P1N1.active) return;
      var resp=(e.key==='f'||e.key==='F')?'left':(e.key==='j'||e.key==='J')?'right':null;
      if(!resp) return;
      e.preventDefault();
      if(responded) return;
      responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      var correct=(resp===stimSide)&&isTarget;
      var isFa=(resp===stimSide)&&!isTarget;
      if(correct) _P1N1.hits++;
      if(isFa) _P1N1.fas++;
      _P1N1.log.push({trial:_P1N1.trial,side:stimSide,attendSide:_P1N1.attendSide,
        isTarget:isTarget,isAttended:isAttended,response:resp,correct:correct,rt:rt});
      var fb=$('p1n1Feedback');
      fb.textContent=correct?rt+'ms ✓':isFa?rt+'ms ✗ FA':'—';
      fb.className='feedback '+(correct?'ok':isFa?'err':'');
      document.removeEventListener('keydown',keyHandler);
    };
    document.addEventListener('keydown',keyHandler);

    // Next stimulus after SOA
    T(function(){
      document.removeEventListener('keydown',keyHandler);
      if(!responded&&isTarget&&isAttended){
        // Miss on attended target
        _P1N1.log.push({trial:_P1N1.trial,side:stimSide,attendSide:_P1N1.attendSide,
          isTarget:isTarget,isAttended:isAttended,response:null,correct:false,rt:null});
      }
      p1n1Next();
    }, SOA);
  }

  // Show initial cue
  $('p1n1-attend').textContent='ATTEND LEFT';
  $('p1n1Cue').textContent='◀';
  T(p1n1Next, 1200);
}

function p1n1ExportCSV(){
  var log=window._p1n1_log;if(!log)return;
  var blob=new Blob(['trial,side,attend_side,is_attended,is_target,response,correct,rt_ms\n'+
    log.map(function(r){
      return[r.trial,r.side,r.attendSide,r.isAttended?1:0,r.isTarget?1:0,
             r.response||'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');
    }).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);
  a.download='p1n1_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// CNV WARNING SIGNAL (S1→S2 foreperiod)
// ══════════════════════════════════════════════════════════
var _CNVW = null;
function startCNVW(isPractice){
  var FOREPERIOD=1000, ISI=1500;
  _CNVW={active:true,isPractice:isPractice,trial:0,
    maxTrials:isPractice?10:(parseInt($('trialsInput').value)||40),
    log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_CNVW._timers.push(t);return t;}
  _CNVW.T=T; _CNVW.clear=function(){_CNVW._timers.forEach(clearTimeout);_CNVW._timers=[];};
  hideAll();$('cnvwScreen').style.display='flex';
  $('cnvwPracticeBanner').style.display=isPractice?'block':'none';
  $('cnvwProgressBar').style.width='0%';
  $('cnvwStimPhase').style.display='flex';
  $('cnvwResultsPhase').style.display='none';
  $('si-task').textContent='CNVW'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;

  function cnvwEnd(){
    _CNVW.clear();_CNVW.active=false;
    $('cnvwStimPhase').style.display='none';
    $('cnvwProgressBar').style.width='100%';
    if(isPractice){
      var valid=_CNVW.log.filter(function(r){return r.rt;});
      $('pcStats').innerHTML='AVG RT <span>'+(valid.length?(valid.reduce(function(a,b){return a+b.rt;},0)/valid.length).toFixed(0):'—')+'ms</span>';
      hideAll();$('practiceComplete').style.display='flex';return;
    }
    window._cnvw_log=_CNVW.log;$('exportBtn').disabled=false;
    var valid=_CNVW.log.filter(function(r){return r.rt;});
    var avgRT=valid.length?(valid.reduce(function(a,b){return a+b.rt;},0)/valid.length).toFixed(0):'—';
    var misses=_CNVW.log.filter(function(r){return !r.rt;}).length;
    $('cnvwMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Mean RT (S2)</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+misses+'</div><div class="vm-lbl">Misses</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_CNVW.log.length+'</div><div class="vm-lbl">Trials</div></div>';
    $('cnvwResultsPhase').style.display='block';
    updateSidebar();
  }

  function cnvwNext(){
    if(!_CNVW.active) return;
    if(_CNVW.trial>=_CNVW.maxTrials){cnvwEnd();return;}
    _CNVW.trial++;
    $('cnvw-trial').textContent='Trial '+_CNVW.trial+'/'+_CNVW.maxTrials;
    $('cnvwProgressBar').style.width=((_CNVW.trial-1)/_CNVW.maxTrials*100).toFixed(1)+'%';
    $('cnvwFeedback').textContent='';$('cnvwFeedback').className='feedback';
    $('cnvwPaceFill').style.width='0%';
    $('cnvwDisplay').textContent='+';$('cnvwDisplay').style.color='var(--mid)';
    $('cnvw-phase').textContent='READY';

    // S1 — warning tone
    T(function(){
      $('cnvw-phase').textContent='S1 — WARNING';
      $('cnvwDisplay').textContent='!';$('cnvwDisplay').style.color='rgba(212,180,86,0.7)';
      try{
        var ac=new(window.AudioContext||window.webkitAudioContext)();
        var o=ac.createOscillator();var g=ac.createGain();
        o.frequency.value=880;o.type='sine';
        g.gain.setValueAtTime(0.12,ac.currentTime);g.gain.linearRampToValueAtTime(0,ac.currentTime+0.05);
        o.connect(g);g.connect(ac.destination);o.start();o.stop(ac.currentTime+0.05);
        setTimeout(function(){ac.close();},300);
      }catch(e){}
      triggerFlash();
      // Pace bar fills during foreperiod
      var start=performance.now();
      function fillBar(){
        if(!_CNVW.active)return;
        var p=Math.min(1,(performance.now()-start)/FOREPERIOD);
        $('cnvwPaceFill').style.width=(p*100)+'%';
        if(p<1)requestAnimationFrame(fillBar);
      }
      requestAnimationFrame(fillBar);
      // S2 after foreperiod
      T(function(){
        $('cnvw-phase').textContent='S2 — RESPOND';
        $('cnvwDisplay').textContent='▶';$('cnvwDisplay').style.color='var(--gold)';
        var onset=performance.now();var responded=false;
        var kh=function(e){
          if(!_CNVW.active)return;
          if(e.key==='f'||e.key==='F'){
            e.preventDefault();if(responded)return;responded=true;
            var rt=+(performance.now()-onset).toFixed(1);
            _CNVW.log.push({trial:_CNVW.trial,rt:rt,t:performance.now()});
            $('cnvwFeedback').textContent=rt+'ms ✓';$('cnvwFeedback').className='feedback ok';
            $('cnvwDisplay').textContent='+';$('cnvwDisplay').style.color='var(--mid)';
            document.removeEventListener('keydown',kh);
          }
        };
        document.addEventListener('keydown',kh);
        T(function(){
          document.removeEventListener('keydown',kh);
          if(!responded){_CNVW.log.push({trial:_CNVW.trial,rt:null,t:performance.now()});
            $('cnvwFeedback').textContent='miss';$('cnvwFeedback').className='feedback err';}
          $('cnvwDisplay').textContent='+';$('cnvwDisplay').style.color='var(--mid)';
          $('cnvwPaceFill').style.width='0%';
          T(cnvwNext,ISI);
        },800);
      },FOREPERIOD);
    },800+Math.random()*400);
  }
  cnvwNext();
}
function cnvwExportCSV(){
  var log=window._cnvw_log;if(!log)return;
  var blob=new Blob(['trial,rt_ms,t_ms\n'+log.map(function(r){return[r.trial,r.rt!=null?r.rt:'',r.t.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='cnvw_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// THETA/ALPHA OSCILLATIONS (eyes-open / eyes-closed)
// ══════════════════════════════════════════════════════════
var _THALPHA = null;
function startTHALPHA(isPractice){
  var BLOCK_DUR=isPractice?10000:30000;
  var BLOCKS=isPractice?['EO','EC']:['EO','EC','EO','EC','EO','EC'];
  _THALPHA={active:true,isPractice:isPractice,blockIdx:0,blocks:BLOCKS,
    blockDur:BLOCK_DUR,log:[],_raf:null,blockStart:0};
  hideAll();$('thalphaScreen').style.display='flex';
  $('thalphaPracticeBanner').style.display=isPractice?'block':'none';
  $('thalphaProgressBar').style.width='0%';
  $('thalphaStimPhase').style.display='flex';
  $('thalphaResultsPhase').style.display='none';
  $('si-task').textContent='THALPHA'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  thalphaNextBlock();
}
function thalphaNextBlock(){
  if(!_THALPHA||!_THALPHA.active)return;
  if(_THALPHA.blockIdx>=_THALPHA.blocks.length){thalphaEnd();return;}
  var block=_THALPHA.blocks[_THALPHA.blockIdx];
  var isOpen=block==='EO';
  $('thalphaInstruct').textContent=isOpen?'EYES OPEN':'EYES CLOSED';
  $('thalphaInstruct').style.color=isOpen?'var(--gold)':'rgba(91,159,218,0.8)';
  $('thalphaFix').style.display=isOpen?'block':'none';
  $('thalphaHint').textContent=isOpen?'Fixate the cross — keep eyes open and still':'Close your eyes and relax — keep still';
  $('thalpha-phase').textContent=block;
  $('thalphaProgressBar').style.width=(_THALPHA.blockIdx/_THALPHA.blocks.length*100).toFixed(1)+'%';
  triggerFlash();
  _THALPHA.blockStart=performance.now();
  _THALPHA.log.push({block:_THALPHA.blockIdx+1,type:block,start:_THALPHA.blockStart});
  var dur=_THALPHA.blockDur;
  function tick(){
    if(!_THALPHA||!_THALPHA.active)return;
    var elapsed=performance.now()-_THALPHA.blockStart;
    var rem=Math.max(0,(dur-elapsed)/1000);
    $('thalpha-time').textContent=rem.toFixed(0)+'s';
    if(elapsed>=dur){_THALPHA.blockIdx++;thalphaNextBlock();return;}
    _THALPHA._raf=requestAnimationFrame(tick);
  }
  _THALPHA._raf=requestAnimationFrame(tick);
}
function thalphaEnd(){
  if(!_THALPHA)return;_THALPHA.active=false;
  if(_THALPHA._raf)cancelAnimationFrame(_THALPHA._raf);
  $('thalphaStimPhase').style.display='none';$('thalphaProgressBar').style.width='100%';
  var eoBlocks=_THALPHA.log.filter(function(b){return b.type==='EO';}).length;
  var ecBlocks=_THALPHA.log.filter(function(b){return b.type==='EC';}).length;
  if(_THALPHA.isPractice){
    $('pcStats').innerHTML='EO <span>'+eoBlocks+'</span> EC <span>'+ecBlocks+'</span>';
    hideAll();$('practiceComplete').style.display='flex';return;
  }
  window._thalpha_log=_THALPHA.log;$('exportBtn').disabled=false;
  var totalSec=(_THALPHA.blocks.length*_THALPHA.blockDur/1000).toFixed(0);
  $('thalphaMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+eoBlocks+'</div><div class="vm-lbl">Eyes-Open blocks</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+ecBlocks+'</div><div class="vm-lbl">Eyes-Closed blocks</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+totalSec+'s</div><div class="vm-lbl">Total duration</div></div>';
  $('thalphaResultsPhase').style.display='block';
  updateSidebar();
}
function thalphaExportCSV(){
  var log=window._thalpha_log;if(!log)return;
  var blob=new Blob(['block,type,start_ms\n'+log.map(function(r){return[r.block,r.type,r.start.toFixed(0)].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='thalpha_'+Date.now()+'.csv';a.click();
}

// ══════════════════════════════════════════════════════════
// LRP EXTENDED — compatible + incompatible S-R mapping
// ══════════════════════════════════════════════════════════
var _LRPEXT = null;
function startLRPEXT(isPractice){
  var BLOCK_SIZE=20,N_BLOCKS=isPractice?2:6;
  _LRPEXT={active:true,isPractice:isPractice,trial:0,maxTrials:BLOCK_SIZE*N_BLOCKS,
    blockSize:BLOCK_SIZE,blockNum:0,compatible:true,
    log:[],correct:0,_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_LRPEXT._timers.push(t);return t;}
  _LRPEXT.T=T;_LRPEXT.clear=function(){_LRPEXT._timers.forEach(clearTimeout);_LRPEXT._timers=[];};
  hideAll();$('lrpextScreen').style.display='flex';
  $('lrpextPracticeBanner').style.display=isPractice?'block':'none';
  $('lrpextProgressBar').style.width='0%';
  $('lrpextStimPhase').style.display='flex';
  $('lrpextResultsPhase').style.display='none';
  $('si-task').textContent='LRPEXT'+(isPractice?' (PRAC)':'');
  $('exportBtn').disabled=true;
  lrpextUpdateHint();

  function lrpextEnd(){
    _LRPEXT.clear();_LRPEXT.active=false;
    $('lrpextStimPhase').style.display='none';$('lrpextProgressBar').style.width='100%';
    if(isPractice){
      $('pcStats').innerHTML='ACC <span>'+(_LRPEXT.correct/_LRPEXT.trial*100).toFixed(0)+'%</span>';
      hideAll();$('practiceComplete').style.display='flex';return;
    }
    window._lrpext_log=_LRPEXT.log;$('exportBtn').disabled=false;
    var comp=_LRPEXT.log.filter(function(r){return r.compatible&&r.rt;});
    var inco=_LRPEXT.log.filter(function(r){return !r.compatible&&r.rt;});
    var compRT=comp.length?(comp.reduce(function(a,b){return a+b.rt;},0)/comp.length).toFixed(0):'—';
    var incoRT=inco.length?(inco.reduce(function(a,b){return a+b.rt;},0)/inco.length).toFixed(0):'—';
    var cost=comp.length&&inco.length?((inco.reduce(function(a,b){return a+b.rt;},0)/inco.length)-(comp.reduce(function(a,b){return a+b.rt;},0)/comp.length)).toFixed(0):'—';
    $('lrpextMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+compRT+'ms</div><div class="vm-lbl">Compatible RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+incoRT+'ms</div><div class="vm-lbl">Incompatible RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+cost+'ms</div><div class="vm-lbl">Incompatibility Cost</div></div>';
    $('lrpextResultsPhase').style.display='block';
    updateSidebar();
  }

  function lrpextNext(){
    if(!_LRPEXT.active)return;
    if(_LRPEXT.trial>=_LRPEXT.maxTrials){lrpextEnd();return;}
    if(_LRPEXT.trial>0&&_LRPEXT.trial%_LRPEXT.blockSize===0){
      _LRPEXT.blockNum++;_LRPEXT.compatible=!_LRPEXT.compatible;
      lrpextUpdateHint();
      $('lrpextArrow').textContent='';$('lrpextFeedback').textContent='';
      T(lrpextNext,1500);return;
    }
    _LRPEXT.trial++;
    $('lrpext-trial').textContent='Trial '+_LRPEXT.trial+'/'+_LRPEXT.maxTrials;
    $('lrpextProgressBar').style.width=((_LRPEXT.trial-1)/_LRPEXT.maxTrials*100).toFixed(1)+'%';
    $('lrpextFeedback').textContent='';$('lrpextFeedback').className='feedback';
    var dir=Math.random()<0.5?'left':'right';
    // Correct response depends on compatibility
    var correctKey=_LRPEXT.compatible?(dir==='left'?'F':'J'):(dir==='left'?'J':'F');
    $('lrpextArrow').textContent=dir==='left'?'←':'→';
    $('lrpextArrow').style.color='var(--gold)';
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_LRPEXT.active)return;
      var k=e.key.toUpperCase();if(k!=='F'&&k!=='J')return;
      e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      var correct=k===correctKey;
      if(correct)_LRPEXT.correct++;
      _LRPEXT.log.push({trial:_LRPEXT.trial,dir:dir,compatible:_LRPEXT.compatible,
        correctKey:correctKey,response:k,correct:correct,rt:rt});
      var fb=$('lrpextFeedback');
      fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ ('+correctKey+')';
      fb.className='feedback '+(correct?'ok':'err');
      $('lrpextArrow').style.color='var(--mid)';
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      document.removeEventListener('keydown',kh);
      if(!responded){_LRPEXT.log.push({trial:_LRPEXT.trial,dir:dir,compatible:_LRPEXT.compatible,correctKey:correctKey,response:null,correct:false,rt:null});}
      $('lrpextArrow').textContent='';
      T(lrpextNext,400);
    },1200);
  }
  lrpextNext();
}
function lrpextUpdateHint(){
  if(!_LRPEXT)return;
  var c=_LRPEXT.compatible;
  $('lrpext-compat').textContent=c?'COMPATIBLE':'INCOMPATIBLE';
  $('lrpext-compat').style.color=c?'var(--gold)':'#e05c5c';
  $('lrpextHint').textContent=c?'← = F (left hand) · → = J (right hand)':
                                '← = J (right hand) · → = F (left hand)';
}
function lrpextExportCSV(){
  var log=window._lrpext_log;if(!log)return;
  var blob=new Blob(['trial,dir,compatible,correct_key,response,correct,rt_ms\n'+
    log.map(function(r){return[r.trial,r.dir,r.compatible?1:0,r.correctKey,r.response||'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='lrpext_'+Date.now()+'.csv';a.click();
}

// ══ SART ════════════════════════════════════════════════
var _SART=null;
function startSART(isPractice){
  var N=isPractice?40:225;
  _SART={active:true,isPractice:isPractice,trial:0,maxTrials:N,commissions:0,omissions:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_SART._timers.push(t);return t;}
  _SART.T=T;_SART.clear=function(){_SART._timers.forEach(clearTimeout);_SART._timers=[];};
  hideAll();$('sartScreen').style.display='flex';
  $('sartPracticeBanner').style.display=isPractice?'block':'none';
  $('sartProgressBar').style.width='0%';$('sartStimPhase').style.display='flex';
  $('sartResultsPhase').style.display='none';$('sartFeedback').textContent='';
  $('si-task').textContent='SART'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _SART.clear();_SART.active=false;$('sartStimPhase').style.display='none';$('sartProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='COMM <span>'+_SART.commissions+'</span> OM <span>'+_SART.omissions+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._sart_log=_SART.log;$('exportBtn').disabled=false;
    var hits=_SART.log.filter(function(r){return !r.isNoGo&&r.responded;});
    var avgRT=hits.length?(hits.reduce(function(a,b){return a+b.rt;},0)/hits.length).toFixed(0):'--';
    $('sartMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_SART.commissions+'</div><div class="vm-lbl">Commissions</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_SART.omissions+'</div><div class="vm-lbl">Omissions</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Mean RT</div></div>';
    $('sartResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_SART.active)return;if(_SART.trial>=N){end();return;}
    _SART.trial++;$('sartProgressBar').style.width=(_SART.trial/N*100).toFixed(1)+'%';$('sart-trial').textContent='Trial '+_SART.trial+'/'+N;
    var d=Math.random()<0.11?3:(function(){var x;do{x=1+Math.floor(Math.random()*9);}while(x===3);return x;})();
    var ng=d===3;$('sartDigit').textContent=d;$('sartDigit').style.color=ng?'#e05c5c':'var(--gold)';
    $('sartFeedback').textContent='';$('sartFeedback').className='feedback';triggerFlash();
    var onset=performance.now();var resp=false;
    var kh=function(e){if(!_SART.active)return;if(e.code!=='Space'&&e.key!==' ')return;e.preventDefault();if(resp)return;resp=true;
      var rt=+(performance.now()-onset).toFixed(1);
      if(ng){_SART.commissions++;$('sartFeedback').textContent='X';$('sartFeedback').className='feedback err';}
      else{$('sartFeedback').textContent=rt+'ms';$('sartFeedback').className='feedback ok';}
      _SART.log.push({trial:_SART.trial,digit:d,isNoGo:ng,responded:true,rt:rt});document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){$('sartDigit').textContent='#';$('sartDigit').style.color='rgba(138,180,208,0.3)';
      T(function(){document.removeEventListener('keydown',kh);
        if(!resp){if(!ng)_SART.omissions++;_SART.log.push({trial:_SART.trial,digit:d,isNoGo:ng,responded:false,rt:null});}
        $('sartDigit').textContent='';T(next,200);},250);},250);
  }
  T(next,800);
}
function sartExportCSV(){
  var log=window._sart_log;if(!log)return;
  var blob=new Blob(['trial,digit,is_nogo,responded,rt_ms\n'+log.map(function(r){return[r.trial,r.digit,r.isNoGo?1:0,r.responded?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='sart_'+Date.now()+'.csv';a.click();
}

// ══ UFOV ════════════════════════════════════════════════
var _UFOV=null;
function startUFOV(isPractice){
  _UFOV={active:true,isPractice:isPractice,trial:0,maxTrials:isPractice?20:60,correct:0,log:[],soa:200,waiting:false};
  hideAll();$('ufovScreen').style.display='flex';$('ufovPracticeBanner').style.display=isPractice?'block':'none';
  $('ufovProgressBar').style.width='0%';$('ufovStimPhase').style.display='flex';$('ufovResultsPhase').style.display='none';
  $('si-task').textContent='UFOV'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  $('ufovCanvas').onclick=ufovClick;
  function end(){
    _UFOV.active=false;$('ufovStimPhase').style.display='none';$('ufovProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_UFOV.correct/_UFOV.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._ufov_log=_UFOV.log;$('exportBtn').disabled=false;
    $('ufovMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_UFOV.soa+'ms</div><div class="vm-lbl">Threshold SOA</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+(_UFOV.correct/_UFOV.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
    $('ufovResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_UFOV.active)return;if(_UFOV.trial>=_UFOV.maxTrials){end();return;}
    _UFOV.trial++;$('ufov-trial').textContent='Trial '+_UFOV.trial+'/'+_UFOV.maxTrials;$('ufov-thresh').textContent='SOA '+_UFOV.soa+'ms';
    $('ufovProgressBar').style.width=(_UFOV.trial/_UFOV.maxTrials*100).toFixed(1)+'%';
    $('ufovFeedback').textContent='';$('ufovFeedback').className='feedback';
    var ang=Math.floor(Math.random()*8)*45;var R=110;
    var rad=ang*Math.PI/180;var px=150+Math.cos(rad)*R,py=150+Math.sin(rad)*R;
    _UFOV.cur={px:px,py:py};_UFOV.waiting=false;_UFOV._next=next;
    var cvs=$('ufovCanvas'),ctx=cvs.getContext('2d'),W=300,H=300,cx=150,cy=150;
    ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.3)';ctx.lineWidth=1;
    ctx.beginPath();ctx.moveTo(cx-8,cy);ctx.lineTo(cx+8,cy);ctx.stroke();
    ctx.beginPath();ctx.moveTo(cx,cy-8);ctx.lineTo(cx,cy+8);ctx.stroke();
    ctx.fillStyle='#f5f0e8';ctx.fillRect(cx-16,cy-8,32,16);
    ctx.fillStyle='rgba(212,180,86,0.9)';ctx.beginPath();ctx.arc(px,py,8,0,Math.PI*2);ctx.fill();
    triggerFlash();
    setTimeout(function(){
      ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
      ctx.strokeStyle='rgba(138,180,208,0.3)';ctx.lineWidth=1;
      ctx.beginPath();ctx.moveTo(cx-8,cy);ctx.lineTo(cx+8,cy);ctx.stroke();
      ctx.beginPath();ctx.moveTo(cx,cy-8);ctx.lineTo(cx,cy+8);ctx.stroke();
      _UFOV.waiting=true;
    },_UFOV.soa);
  }
  next();
}
function ufovClick(e){
  if(!_UFOV||!_UFOV.active||!_UFOV.waiting)return;_UFOV.waiting=false;
  var cvs=$('ufovCanvas'),rect=cvs.getBoundingClientRect();
  var mx=(e.clientX-rect.left)*(300/rect.width),my=(e.clientY-rect.top)*(300/rect.height);
  var d=Math.sqrt(Math.pow(mx-_UFOV.cur.px,2)+Math.pow(my-_UFOV.cur.py,2));
  var ok=d<35;if(ok){_UFOV.correct++;_UFOV.soa=Math.max(50,_UFOV.soa-20);}else{_UFOV.soa=Math.min(500,_UFOV.soa+30);}
  _UFOV.log.push({trial:_UFOV.trial,soa:_UFOV.soa,correct:ok,dist:d.toFixed(1)});
  var fb=$('ufovFeedback');fb.textContent=ok?'correct':'miss';fb.className='feedback '+(ok?'ok':'err');
  setTimeout(function(){if(_UFOV&&_UFOV.active&&_UFOV._next)_UFOV._next();},0);
}
function ufovExportCSV(){
  var log=window._ufov_log;if(!log)return;
  var blob=new Blob(['trial,soa_ms,correct,dist_px\n'+log.map(function(r){return[r.trial,r.soa,r.correct?1:0,r.dist].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='ufov_'+Date.now()+'.csv';a.click();
}

// ══ PAL ════════════════════════════════════════════════
var _PAL=null;
var PAL_PAIRS=[['apple','doctor'],['river','candle'],['stone','justice'],['winter','eagle'],
  ['bridge','violin'],['thunder','mirror'],['garden','anchor'],['silver','forest'],
  ['castle','pepper'],['dancer','compass'],['feather','lantern'],['muscle','pilgrim']];
function startPAL(isPractice){
  var np=isPractice?4:12;
  var pairs=PAL_PAIRS.slice(0,np).map(function(p){return{cue:p[0],target:p[1],errors:0,learned:false};});
  _PAL={active:true,isPractice:isPractice,pairs:pairs,trial:0,correct:0,errors:0,log:[]};
  hideAll();$('palScreen').style.display='flex';$('palPracticeBanner').style.display=isPractice?'block':'none';
  $('palProgressBar').style.width='0%';$('palStimPhase').style.display='flex';$('palResultsPhase').style.display='none';
  $('si-task').textContent='PAL'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  palStudy(1);
}
function palStudy(tn){
  $('pal-phase').textContent='STUDY '+tn;$('pal-trial').textContent='Learn these pairs';
  $('palInput').style.display='none';$('palFeedback').textContent='';$('palCueDisplay').textContent='';
  var pairs=_PAL.pairs.filter(function(p){return !p.learned;});var pi=0;
  function show(){
    if(!_PAL.active)return;if(pi>=pairs.length){setTimeout(function(){palTest(tn);},800);return;}
    $('palPairDisplay').textContent=pairs[pi].cue.toUpperCase()+' -- '+pairs[pi].target.toUpperCase();
    triggerFlash();pi++;setTimeout(show,2000);
  }
  show();
}
function palTest(tn){
  $('pal-phase').textContent='TEST '+tn;
  var ul=_PAL.pairs.filter(function(p){return !p.learned;}).sort(function(){return Math.random()-0.5;});
  var ti=0;
  function test(){
    if(!_PAL.active)return;if(ti>=ul.length){
      if(tn<3&&_PAL.pairs.some(function(p){return !p.learned;}))palStudy(tn+1);else palEnd();return;}
    var pair=ul[ti++];
    $('palPairDisplay').textContent=pair.cue.toUpperCase()+' -- ?';$('palCueDisplay').textContent='What was paired with "'+pair.cue+'"?';
    $('pal-trial').textContent=ti+'/'+ul.length;
    var inp=$('palInput');inp.style.display='block';inp.value='';inp.focus();$('palFeedback').textContent='';$('palFeedback').className='feedback';
    inp.onkeydown=function(e){if(e.key!=='Enter')return;e.preventDefault();
      var r=inp.value.trim().toLowerCase().replace(/[^a-z]/g,'');var ok=r===pair.target;
      if(ok){pair.learned=true;_PAL.correct++;}else{pair.errors++;_PAL.errors++;}
      _PAL.log.push({trial:tn,cue:pair.cue,target:pair.target,response:r,correct:ok});
      var fb=$('palFeedback');fb.textContent=ok?'correct':'wrong -- '+pair.target;fb.className='feedback '+(ok?'ok':'err');
      inp.style.display='none';inp.onkeydown=null;setTimeout(test,600);
    };triggerFlash();
  }test();
}
function palEnd(){
  _PAL.active=false;$('palStimPhase').style.display='none';$('palProgressBar').style.width='100%';
  if(_PAL.isPractice){$('pcStats').innerHTML='CORRECT <span>'+_PAL.correct+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._pal_log=_PAL.log;$('exportBtn').disabled=false;
  $('palMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_PAL.correct+'/'+_PAL.pairs.length+'</div><div class="vm-lbl">Pairs Learned</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_PAL.errors+'</div><div class="vm-lbl">Total Errors</div></div>';
  $('palResultsPhase').style.display='block';updateSidebar();
}
function palExportCSV(){
  var log=window._pal_log;if(!log)return;
  var blob=new Blob(['trial,cue,target,response,correct\n'+log.map(function(r){return[r.trial,r.cue,r.target,r.response,r.correct?1:0].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='pal_'+Date.now()+'.csv';a.click();
}

// ══ SRCMEM ════════════════════════════════════════════════
var _SRCMEM=null;
var SRCMEM_WORDS=['anchor','bishop','candle','dolphin','emerald','falcon','glacier','harbor',
  'island','jasmine','kettle','lantern','mango','napkin','obelisk','pilgrim',
  'quarry','raven','scarlet','temple','umber','velvet','walnut','yonder','prism','cipher'];
function startSrcMem(isPractice){
  var N=isPractice?12:24;
  var targets=SRCMEM_WORDS.slice(0,N);
  var items=targets.map(function(w,i){return{word:w,source:i%2===0?'left':'right'};});
  items.sort(function(){return Math.random()-0.5;});
  var foils=SRCMEM_WORDS.slice(N,N+N/2);
  _SRCMEM={active:true,isPractice:isPractice,items:items,foils:foils,phase:'study',log:[],hits:0,fas:0,srcCorrect:0};
  hideAll();$('srcmemScreen').style.display='flex';$('srcmemPracticeBanner').style.display=isPractice?'block':'none';
  $('srcmemProgressBar').style.width='0%';$('srcmemStimPhase').style.display='flex';$('srcmemResultsPhase').style.display='none';
  $('si-task').textContent='SRCMEM'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  srcmemStudy();
}
function srcmemStudy(){
  _SRCMEM.phase='study';$('srcmem-phase').textContent='STUDY';
  $('srcmemInstruct').textContent='Remember each word and which side it appears on';
  $('srcmemHint').textContent='';$('srcmemFeedback').textContent='';
  var items=_SRCMEM.items;var si=0;
  function show(){
    if(!_SRCMEM.active)return;if(si>=items.length){setTimeout(srcmemTest,1200);return;}
    var item=items[si++];
    $('srcmem-trial').textContent=si+'/'+items.length;$('srcmemProgressBar').style.width=(si/items.length*50).toFixed(1)+'%';
    $('srcmemLeft').textContent=item.source==='left'?item.word:'';$('srcmemLeft').style.borderColor=item.source==='left'?'rgba(212,180,86,0.5)':'#1a2f44';$('srcmemLeft').style.color=item.source==='left'?'var(--gold)':'var(--mid)';
    $('srcmemRight').textContent=item.source==='right'?item.word:'';$('srcmemRight').style.borderColor=item.source==='right'?'rgba(212,180,86,0.5)':'#1a2f44';$('srcmemRight').style.color=item.source==='right'?'var(--gold)':'var(--mid)';
    triggerFlash();setTimeout(show,1500);
  }show();
}
function srcmemTest(){
  _SRCMEM.phase='test';$('srcmem-phase').textContent='TEST';
  var testItems=_SRCMEM.items.concat(_SRCMEM.foils.map(function(w){return{word:w,source:null};})).sort(function(){return Math.random()-0.5;});
  var ti=0;
  function next(){
    if(!_SRCMEM.active)return;if(ti>=testItems.length){srcmemEnd();return;}
    var item=testItems[ti++];var isOld=item.source!==null;
    $('srcmemLeft').textContent=item.word;$('srcmemRight').textContent=item.word;
    $('srcmemLeft').style.borderColor='#1a2f44';$('srcmemRight').style.borderColor='#1a2f44';
    $('srcmemLeft').style.color='var(--mid)';$('srcmemRight').style.color='var(--mid)';
    $('srcmem-trial').textContent=ti+'/'+testItems.length;$('srcmemProgressBar').style.width=(50+ti/testItems.length*50).toFixed(1)+'%';
    $('srcmemInstruct').textContent='F=OLD  J=NEW';$('srcmemHint').textContent='';$('srcmemFeedback').textContent='';$('srcmemFeedback').className='feedback';
    triggerFlash();
    var onset=performance.now();var step=0;
    var kh=function(e){
      if(!_SRCMEM.active)return;
      if(step===0){
        var r=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;
        if(r===null)return;e.preventDefault();
        var rt=+(performance.now()-onset).toFixed(1);
        var hit=r&&isOld;var fa=r&&!isOld;if(hit)_SRCMEM.hits++;if(fa)_SRCMEM.fas++;
        _SRCMEM.log.push({word:item.word,isOld:isOld,recog:r,recogOk:r===isOld,rt:rt,source:null,srcOk:false});
        if(!hit){document.removeEventListener('keydown',kh);next();return;}
        step=1;$('srcmemInstruct').textContent='Which side? F=LEFT  J=RIGHT';
        $('srcmemLeft').style.borderColor='rgba(212,180,86,0.3)';$('srcmemRight').style.borderColor='rgba(212,180,86,0.3)';
      }else{
        var s=e.key==='f'||e.key==='F'?'left':e.key==='j'||e.key==='J'?'right':null;
        if(!s)return;e.preventDefault();
        var ok=s===item.source;if(ok)_SRCMEM.srcCorrect++;
        _SRCMEM.log[_SRCMEM.log.length-1].source=s;_SRCMEM.log[_SRCMEM.log.length-1].srcOk=ok;
        var fb=$('srcmemFeedback');fb.textContent=ok?'correct':'wrong -- was '+(item.source||'?');fb.className='feedback '+(ok?'ok':'err');
        document.removeEventListener('keydown',kh);setTimeout(next,400);
      }
    };document.addEventListener('keydown',kh);
  }next();
}
function srcmemEnd(){
  _SRCMEM.active=false;$('srcmemStimPhase').style.display='none';$('srcmemProgressBar').style.width='100%';
  if(_SRCMEM.isPractice){$('pcStats').innerHTML='SRC ACC <span>'+_SRCMEM.srcCorrect+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._srcmem_log=_SRCMEM.log;$('exportBtn').disabled=false;
  var nOld=_SRCMEM.items.length,nNew=_SRCMEM.foils.length;
  var dp=(_SRCMEM.hits/nOld-_SRCMEM.fas/nNew).toFixed(2);
  var srcAcc=_SRCMEM.hits?(_SRCMEM.srcCorrect/_SRCMEM.hits*100).toFixed(0)+'%':'--';
  $('srcmemMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+dp+'</div><div class="vm-lbl">Item d\'</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+srcAcc+'</div><div class="vm-lbl">Source Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_SRCMEM.hits+'/'+nOld+'</div><div class="vm-lbl">Hits</div></div>';
  $('srcmemResultsPhase').style.display='block';updateSidebar();
}
function srcmemExportCSV(){
  var log=window._srcmem_log;if(!log)return;
  var blob=new Blob(['word,is_old,recog_correct,source,src_correct,rt_ms\n'+log.map(function(r){return[r.word,r.isOld?1:0,r.recogOk?1:0,r.source||'',r.srcOk?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='srcmem_'+Date.now()+'.csv';a.click();
}

// ══ BNT ════════════════════════════════════════════════
var _BNT=null;
var BNT_ITEMS=[
  {name:'bed',sem:'something you sleep in',phon:'starts with B',shape:'bed'},
  {name:'tree',sem:'a tall plant with leaves',phon:'starts with T',shape:'tree'},
  {name:'pencil',sem:'used for writing',phon:'starts with P',shape:'pencil'},
  {name:'house',sem:'a place people live',phon:'starts with H',shape:'house'},
  {name:'umbrella',sem:'keeps you dry in rain',phon:'starts with U',shape:'umbrella'},
  {name:'comb',sem:'used to style hair',phon:'starts with C',shape:'comb'},
  {name:'ladder',sem:'used to climb up',phon:'starts with L',shape:'ladder'},
  {name:'anchor',sem:'keeps a boat in place',phon:'starts with A',shape:'anchor'},
  {name:'volcano',sem:'a mountain that erupts',phon:'starts with V',shape:'volcano'},
  {name:'stethoscope',sem:'used by doctors to listen',phon:'starts with ST',shape:'stethoscope'},
  {name:'pyramid',sem:'ancient Egyptian structure',phon:'starts with P',shape:'pyramid'},
  {name:'accordion',sem:'a musical instrument with bellows',phon:'starts with AC',shape:'accordion'},
  {name:'hammock',sem:'hung between trees for resting',phon:'starts with H',shape:'hammock'},
  {name:'compass',sem:'used for navigation',phon:'starts with C',shape:'compass'},
  {name:'abacus',sem:'counting frame with beads',phon:'starts with AB',shape:'abacus'}
];
function bntDraw(item){
  var cvs=$('bntCanvas'),ctx=cvs.getContext('2d'),W=220,H=160,cx=W/2,cy=H/2;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#f5f0e8';ctx.fillRect(0,0,W,H);
  ctx.strokeStyle='#2a1a0a';ctx.lineWidth=2;ctx.lineCap='round';ctx.lineJoin='round';
  var shapes={
    bed:function(){ctx.fillStyle='#8B7355';ctx.fillRect(40,80,140,50);ctx.fillRect(30,62,28,68);ctx.fillRect(162,62,28,68);ctx.fillStyle='#a08868';ctx.fillRect(40,75,140,12);},
    tree:function(){ctx.fillStyle='#3a6b35';ctx.beginPath();ctx.moveTo(cx,18);ctx.lineTo(cx-52,100);ctx.lineTo(cx+52,100);ctx.closePath();ctx.fill();ctx.fillStyle='#5c3d1e';ctx.fillRect(cx-8,100,16,42);},
    pencil:function(){ctx.fillStyle='#f5c842';ctx.fillRect(82,38,20,100);ctx.fillStyle='#e0a0a0';ctx.fillRect(82,34,20,10);ctx.fillStyle='#f5f0e8';ctx.beginPath();ctx.moveTo(82,138);ctx.lineTo(92,155);ctx.lineTo(102,138);ctx.fill();},
    house:function(){ctx.fillStyle='#c8503c';ctx.beginPath();ctx.moveTo(cx,28);ctx.lineTo(cx-65,80);ctx.lineTo(cx+65,80);ctx.closePath();ctx.fill();ctx.fillStyle='#d4b456';ctx.fillRect(cx-55,80,110,70);ctx.fillStyle='#2a1a0a';ctx.fillRect(cx-15,112,30,38);ctx.fillRect(cx-40,90,24,24);ctx.fillRect(cx+16,90,24,24);},
    umbrella:function(){ctx.fillStyle='#5b9fda';ctx.beginPath();ctx.arc(cx,68,58,Math.PI,0);ctx.fill();ctx.strokeStyle='#2a1a0a';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(cx,68);ctx.lineTo(cx,140);ctx.lineTo(cx+20,150);ctx.stroke();},
    comb:function(){ctx.fillStyle='#4a3828';ctx.fillRect(38,70,144,18);for(var i=0;i<10;i++)ctx.fillRect(46+i*14,88,8,30);},
    ladder:function(){ctx.strokeStyle='#5c3d1e';ctx.lineWidth=6;ctx.beginPath();ctx.moveTo(72,18);ctx.lineTo(72,142);ctx.stroke();ctx.beginPath();ctx.moveTo(148,18);ctx.lineTo(148,142);ctx.stroke();for(var i=0;i<6;i++){ctx.beginPath();ctx.moveTo(72,32+i*20);ctx.lineTo(148,32+i*20);ctx.stroke();}},
    anchor:function(){ctx.strokeStyle='#4a6a8a';ctx.lineWidth=4;ctx.beginPath();ctx.arc(cx,58,22,0,Math.PI*2);ctx.stroke();ctx.beginPath();ctx.moveTo(cx,80);ctx.lineTo(cx,140);ctx.stroke();ctx.beginPath();ctx.moveTo(cx-28,126);ctx.arc(cx,126,28,Math.PI,0);ctx.stroke();ctx.beginPath();ctx.moveTo(cx-38,58);ctx.lineTo(cx+38,58);ctx.stroke();},
    volcano:function(){ctx.fillStyle='#8B7355';ctx.beginPath();ctx.moveTo(cx,22);ctx.lineTo(cx-82,142);ctx.lineTo(cx+82,142);ctx.closePath();ctx.fill();ctx.fillStyle='#e05c5c';ctx.beginPath();ctx.ellipse(cx,22,18,10,0,0,Math.PI*2);ctx.fill();},
    stethoscope:function(){ctx.strokeStyle='#2a2a2a';ctx.lineWidth=4;ctx.beginPath();ctx.arc(cx,100,26,0,Math.PI*2);ctx.stroke();ctx.beginPath();ctx.moveTo(cx-26,100);ctx.quadraticCurveTo(cx-60,100,cx-60,58);ctx.stroke();ctx.beginPath();ctx.moveTo(cx+26,100);ctx.quadraticCurveTo(cx+60,100,cx+60,58);ctx.stroke();ctx.beginPath();ctx.moveTo(cx-60,58);ctx.quadraticCurveTo(cx-60,28,cx,28);ctx.lineTo(cx,48);ctx.stroke();},
    pyramid:function(){ctx.fillStyle='#d4b456';ctx.beginPath();ctx.moveTo(cx,18);ctx.lineTo(cx-82,142);ctx.lineTo(cx+82,142);ctx.closePath();ctx.fill();ctx.strokeStyle='#8a7030';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(cx,18);ctx.lineTo(cx,142);ctx.stroke();ctx.beginPath();ctx.moveTo(cx-42,80);ctx.lineTo(cx+42,80);ctx.stroke();},
    accordion:function(){for(var i=0;i<6;i++){ctx.fillStyle=i%2===0?'#c8503c':'#e07070';ctx.fillRect(38+i*25,38,25,100);}ctx.fillStyle='#2a1a0a';ctx.fillRect(32,32,156,14);ctx.fillRect(32,124,156,14);},
    hammock:function(){ctx.strokeStyle='#8B7355';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(38,58);ctx.lineTo(38,142);ctx.stroke();ctx.beginPath();ctx.moveTo(182,58);ctx.lineTo(182,142);ctx.stroke();ctx.strokeStyle='#c8503c';ctx.lineWidth=4;ctx.beginPath();ctx.moveTo(38,78);ctx.quadraticCurveTo(cx,132,182,78);ctx.stroke();ctx.beginPath();ctx.moveTo(38,72);ctx.quadraticCurveTo(cx,52,182,72);ctx.stroke();},
    compass:function(){ctx.strokeStyle='#4a6a8a';ctx.lineWidth=2;ctx.beginPath();ctx.arc(cx,cy,52,0,Math.PI*2);ctx.stroke();for(var i=0;i<8;i++){var a=i*Math.PI/4,r1=46,r2=58;ctx.beginPath();ctx.moveTo(cx+Math.cos(a)*r1,cy+Math.sin(a)*r1);ctx.lineTo(cx+Math.cos(a)*r2,cy+Math.sin(a)*r2);ctx.stroke();}ctx.fillStyle='#e05c5c';ctx.beginPath();ctx.moveTo(cx,cy-38);ctx.lineTo(cx-6,cy);ctx.lineTo(cx,cy+8);ctx.lineTo(cx+6,cy);ctx.closePath();ctx.fill();ctx.fillStyle='#2a2a2a';ctx.beginPath();ctx.moveTo(cx,cy-8);ctx.lineTo(cx-6,cy);ctx.lineTo(cx,cy+38);ctx.lineTo(cx+6,cy);ctx.closePath();ctx.fill();},
    abacus:function(){ctx.strokeStyle='#5c3d1e';ctx.lineWidth=3;ctx.beginPath();ctx.rect(28,28,164,104);ctx.stroke();for(var row=0;row<5;row++){ctx.beginPath();ctx.moveTo(28,46+row*20);ctx.lineTo(192,46+row*20);ctx.strokeStyle='rgba(92,61,30,0.5)';ctx.lineWidth=2;ctx.stroke();for(var b=0;b<7;b++){ctx.beginPath();ctx.arc(42+b*22,46+row*20,7,0,Math.PI*2);ctx.fillStyle=row%2===0?'#d4b456':'#e05c5c';ctx.fill();}}}
  };
  if(shapes[item.shape])shapes[item.shape]();
}
function startBNT(isPractice){
  var items=isPractice?BNT_ITEMS.slice(0,5):BNT_ITEMS;
  _BNT={active:true,isPractice:isPractice,items:items,idx:0,spontaneous:0,semantic:0,phonemic:0,failures:0,log:[],cuedWith:null};
  hideAll();$('bntScreen').style.display='flex';$('bntPracticeBanner').style.display=isPractice?'block':'none';
  $('bntProgressBar').style.width='0%';$('bntStimPhase').style.display='flex';$('bntResultsPhase').style.display='none';
  $('si-task').textContent='BNT'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;bntNext();
}
function bntNext(){
  if(!_BNT.active)return;if(_BNT.idx>=_BNT.items.length){bntEnd();return;}
  var item=_BNT.items[_BNT.idx];_BNT.cuedWith=null;
  $('bnt-trial').textContent=(_BNT.idx+1)+'/'+_BNT.items.length;$('bntProgressBar').style.width=(_BNT.idx/_BNT.items.length*100).toFixed(1)+'%';
  $('bnt-score').textContent=_BNT.spontaneous+_BNT.semantic+_BNT.phonemic;$('bntCue').textContent='Name this object';
  $('bntFeedback').textContent='';$('bntFeedback').className='feedback';$('bntCueBtn1').disabled=false;$('bntCueBtn2').disabled=false;
  bntDraw(item);var inp=$('bntInput');inp.value='';inp.focus();triggerFlash();
}
function bntSubmit(){
  if(!_BNT.active)return;var item=_BNT.items[_BNT.idx];
  var resp=$('bntInput').value.trim().toLowerCase();if(!resp)return;
  var ok=resp===item.name||resp.indexOf(item.name)>=0||item.name.indexOf(resp)>=0;
  var st=_BNT.cuedWith||'spontaneous';if(ok)_BNT[st]++;else _BNT.failures++;
  _BNT.log.push({item:item.name,response:resp,correct:ok,cue:_BNT.cuedWith||'none'});
  var fb=$('bntFeedback');fb.textContent=ok?'correct':'wrong -- '+item.name;fb.className='feedback '+(ok?'ok':'err');
  _BNT.idx++;setTimeout(function(){if(_BNT.active)bntNext();},700);
}
function bntCue(type){
  if(!_BNT.active)return;var item=_BNT.items[_BNT.idx];
  if(type==='semantic'){$('bntCue').textContent='Cue: '+item.sem;_BNT.cuedWith='semantic';$('bntCueBtn1').disabled=true;}
  else{$('bntCue').textContent='Cue: '+item.phon;_BNT.cuedWith='phonemic';$('bntCueBtn2').disabled=true;}
  $('bntInput').focus();
}
function bntSkip(){if(!_BNT.active)return;var item=_BNT.items[_BNT.idx];_BNT.failures++;_BNT.log.push({item:item.name,response:'',correct:false,cue:_BNT.cuedWith||'none'});_BNT.idx++;bntNext();}
function bntEnd(){
  _BNT.active=false;$('bntStimPhase').style.display='none';$('bntProgressBar').style.width='100%';
  if(_BNT.isPractice){$('pcStats').innerHTML='CORRECT <span>'+_BNT.spontaneous+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._bnt_log=_BNT.log;$('exportBtn').disabled=false;
  $('bntMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_BNT.spontaneous+'/'+_BNT.items.length+'</div><div class="vm-lbl">Spontaneous</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_BNT.semantic+'</div><div class="vm-lbl">Sem. Cued</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_BNT.phonemic+'</div><div class="vm-lbl">Phon. Cued</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_BNT.failures+'</div><div class="vm-lbl">Failures</div></div>';
  $('bntResultsPhase').style.display='block';updateSidebar();
}
function bntExportCSV(){
  var log=window._bnt_log;if(!log)return;
  var blob=new Blob(['item,response,correct,cue_type\n'+log.map(function(r){return[r.item,r.response,r.correct?1:0,r.cue].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='bnt_'+Date.now()+'.csv';a.click();
}

// ══ FER ════════════════════════════════════════════════
var _FER=null;
var FER_EMOTIONS=['happy','sad','angry','fearful','disgusted','surprised'];
var FER_CFG={happy:{brow:0,mouth:1,lid:0,extra:''},sad:{brow:-1,mouth:-1,lid:1,extra:'tear'},angry:{brow:-2,mouth:-1,lid:2,extra:''},fearful:{brow:2,mouth:-2,lid:0,extra:''},disgusted:{brow:-1,mouth:-2,lid:1,extra:'wrinkle'},surprised:{brow:2,mouth:2,lid:0,extra:''}};
function ferDraw(emotion){
  var cvs=$('ferCanvas'),ctx=cvs.getContext('2d'),W=200,H=200,cx=100,cy=100;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#f5f0e8';ctx.fillRect(0,0,W,H);
  var cfg=FER_CFG[emotion];
  ctx.fillStyle='#f0d0b0';ctx.beginPath();ctx.ellipse(cx,cy,72,88,0,0,Math.PI*2);ctx.fill();
  ctx.strokeStyle='#8a6040';ctx.lineWidth=1.5;ctx.stroke();
  // Eyes
  var ey=cy-18,ew=16,eh=[14,10,7][Math.min(2,Math.max(0,cfg.lid))];
  [-28,28].forEach(function(ex){
    ctx.fillStyle='#f8f4ee';ctx.beginPath();ctx.ellipse(cx+ex,ey,ew,eh,0,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#2a1a0a';ctx.lineWidth=1.2;ctx.stroke();
    ctx.fillStyle='#2a1a0a';ctx.beginPath();ctx.arc(cx+ex,ey,6,0,Math.PI*2);ctx.fill();
    ctx.fillStyle='rgba(255,255,255,0.7)';ctx.beginPath();ctx.arc(cx+ex+3,ey-3,2,0,Math.PI*2);ctx.fill();
  });
  // Brows
  var by=ey-20;
  [-28,28].forEach(function(ex,i){
    var tilt=(i===0?1:-1)*cfg.brow*0.2;var lift=cfg.brow*(-5);
    ctx.beginPath();ctx.moveTo(cx+ex-14,by+lift+Math.sin(tilt)*8);ctx.lineTo(cx+ex+14,by+lift-Math.sin(tilt)*8);
    ctx.strokeStyle='#4a2a10';ctx.lineWidth=3;ctx.stroke();
  });
  // Mouth
  var my2=cy+42,curve=cfg.mouth*14;
  ctx.beginPath();ctx.moveTo(cx-24,my2);ctx.quadraticCurveTo(cx,my2+curve,cx+24,my2);
  if(Math.abs(cfg.mouth)>=2){ctx.lineTo(cx+24,my2+8);ctx.quadraticCurveTo(cx,my2+curve+6,cx-24,my2+8);ctx.closePath();ctx.fillStyle=cfg.mouth>0?'#e07070':'#2a0808';ctx.fill();}
  ctx.strokeStyle='#4a2a10';ctx.lineWidth=2;ctx.stroke();
  // Nose
  ctx.beginPath();ctx.moveTo(cx,cy-4);ctx.lineTo(cx-7,cy+11);ctx.lineTo(cx+7,cy+11);ctx.strokeStyle='rgba(100,60,20,0.25)';ctx.lineWidth=1;ctx.stroke();
  // Extra
  if(cfg.extra==='tear'){ctx.fillStyle='rgba(91,159,218,0.7)';ctx.beginPath();ctx.ellipse(cx-28+8,ey+20,4,7,0,0,Math.PI*2);ctx.fill();}
  if(cfg.extra==='wrinkle'){ctx.strokeStyle='rgba(100,60,20,0.3)';ctx.lineWidth=1;[[cx-20,cy-8,cx-30,cy+4],[cx+20,cy-8,cx+30,cy+4]].forEach(function(l){ctx.beginPath();ctx.moveTo(l[0],l[1]);ctx.lineTo(l[2],l[3]);ctx.stroke();});}
}
function startFER(isPractice){
  var N=isPractice?12:36;var items=[];for(var i=0;i<N;i++)items.push(FER_EMOTIONS[i%6]);items.sort(function(){return Math.random()-0.5;});
  _FER={active:true,isPractice:isPractice,items:items,idx:0,correct:0,byEmotion:{}};FER_EMOTIONS.forEach(function(e){_FER.byEmotion[e]={c:0,t:0};});
  hideAll();$('ferScreen').style.display='flex';$('ferPracticeBanner').style.display=isPractice?'block':'none';
  $('ferProgressBar').style.width='0%';$('ferStimPhase').style.display='flex';$('ferResultsPhase').style.display='none';
  $('si-task').textContent='FER'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;ferNext();
}
function ferNext(){
  if(!_FER.active)return;if(_FER.idx>=_FER.items.length){ferEnd();return;}
  var em=_FER.items[_FER.idx];
  $('fer-trial').textContent=(_FER.idx+1)+'/'+_FER.items.length;$('ferProgressBar').style.width=(_FER.idx/_FER.items.length*100).toFixed(1)+'%';$('fer-score').textContent=_FER.correct;
  $('ferFeedback').textContent='';$('ferFeedback').className='feedback';ferDraw(em);triggerFlash();
  var pool=FER_EMOTIONS.filter(function(e){return e!==em;}).sort(function(){return Math.random()-0.5;});
  var opts=[em].concat(pool.slice(0,5)).sort(function(){return Math.random()-0.5;});
  var od=$('ferOptions');od.innerHTML='';
  opts.forEach(function(opt){
    var btn=document.createElement('button');btn.textContent=opt.toUpperCase();
    btn.style.cssText='background:#0a1620;border:1px solid #2a4060;color:var(--mid);font-family:"Source Code Pro",monospace;font-size:0.75rem;padding:8px 4px;border-radius:3px;cursor:pointer;';
    btn.onmouseenter=function(){btn.style.borderColor='var(--gold)';btn.style.color='var(--gold)';};
    btn.onmouseleave=function(){if(!btn.dataset.c){btn.style.borderColor='#2a4060';btn.style.color='var(--mid)';}};
    btn.onclick=function(){if(!_FER.active||btn.dataset.c)return;
      var ok=opt===em;if(ok)_FER.correct++;_FER.byEmotion[em].t++;if(ok)_FER.byEmotion[em].c++;
      od.querySelectorAll('button').forEach(function(b){b.dataset.c='1';b.style.pointerEvents='none';if(b.textContent===em.toUpperCase()){b.style.borderColor='#81c784';b.style.color='#81c784';}else if(b===btn&&!ok){b.style.borderColor='#e05c5c';b.style.color='#e05c5c';}});
      var fb=$('ferFeedback');fb.textContent=ok?'correct':'wrong -- '+em;fb.className='feedback '+(ok?'ok':'err');_FER.idx++;setTimeout(function(){if(_FER.active)ferNext();},600);};
    od.appendChild(btn);});
}
function ferEnd(){
  _FER.active=false;$('ferStimPhase').style.display='none';$('ferProgressBar').style.width='100%';
  if(_FER.isPractice){$('pcStats').innerHTML='CORRECT <span>'+_FER.correct+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._fer_log=_FER.byEmotion;$('exportBtn').disabled=false;
  var acc=(_FER.correct/_FER.items.length*100).toFixed(0);
  var worst=Object.entries(_FER.byEmotion).filter(function(kv){return kv[1].t>0;}).sort(function(a,b){return a[1].c/a[1].t-b[1].c/b[1].t;})[0];
  $('ferMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_FER.correct+'/'+_FER.items.length+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(worst?worst[0]:'--')+'</div><div class="vm-lbl">Hardest</div></div>';
  $('ferResultsPhase').style.display='block';updateSidebar();
}
function ferExportCSV(){
  var log=window._fer_log;if(!log)return;
  var rows=['emotion,correct,total'];Object.entries(log).forEach(function(kv){rows.push(kv[0]+','+kv[1].c+','+kv[1].t);});
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='fer_'+Date.now()+'.csv';a.click();
}

// ══ TOJ ════════════════════════════════════════════════
var _TOJ=null;
function startTOJ(isPractice){
  _TOJ={active:true,isPractice:isPractice,trial:0,maxTrials:isPractice?20:80,soa:150,step:30,reversals:0,soaHist:[],log:[],correct:0,_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_TOJ._timers.push(t);return t;}
  _TOJ.T=T;_TOJ.clear=function(){_TOJ._timers.forEach(clearTimeout);_TOJ._timers=[];};
  hideAll();$('tojScreen').style.display='flex';$('tojPracticeBanner').style.display=isPractice?'block':'none';
  $('tojProgressBar').style.width='0%';$('tojStimPhase').style.display='flex';$('tojResultsPhase').style.display='none';
  $('si-task').textContent='TOJ'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;tojNext();
}
function tojNext(){
  if(!_TOJ.active)return;if(_TOJ.trial>=_TOJ.maxTrials){tojEnd();return;}
  _TOJ.trial++;$('toj-trial').textContent='Trial '+_TOJ.trial+'/'+_TOJ.maxTrials;
  $('toj-soa').textContent='SOA '+_TOJ.soa+'ms';$('tojProgressBar').style.width=(_TOJ.trial/_TOJ.maxTrials*100).toFixed(1)+'%';
  $('tojFeedback').textContent='';$('tojFeedback').className='feedback';
  var first=Math.random()<0.5?'left':'right';var L=$('tojLeft'),R=$('tojRight');
  L.style.background='#060d14';R.style.background='#060d14';L.style.borderColor='#1a2f44';R.style.borderColor='#1a2f44';
  var onset;var resp=false;
  var kh=function(e){if(!_TOJ.active)return;var r=e.key==='f'||e.key==='F'?'left':e.key==='j'||e.key==='J'?'right':null;if(!r)return;e.preventDefault();if(resp)return;resp=true;
    var rt=+(performance.now()-onset).toFixed(1);var ok=r===first;if(ok)_TOJ.correct++;
    var prev=_TOJ.soa;if(ok){_TOJ.soa=Math.max(16,_TOJ.soa-_TOJ.step);}else{_TOJ.soa=Math.min(400,_TOJ.soa+_TOJ.step*2);if(prev<_TOJ.soa)_TOJ.reversals++;}
    if(_TOJ.reversals>=4)_TOJ.step=Math.max(8,Math.floor(_TOJ.step/2));_TOJ.soaHist.push(_TOJ.soa);
    _TOJ.log.push({trial:_TOJ.trial,first:first,response:r,correct:ok,soa:prev,rt:rt});
    var fb=$('tojFeedback');fb.textContent=ok?rt+'ms correct':rt+'ms wrong';fb.className='feedback '+(ok?'ok':'err');
    L.style.background='#060d14';R.style.background='#060d14';document.removeEventListener('keydown',kh);
    _TOJ.T(tojNext,500);
  };
  var fe=first==='left'?L:R;fe.style.background='rgba(212,180,86,0.8)';fe.style.borderColor='var(--gold)';triggerFlash();
  _TOJ.T(function(){fe.style.background='#060d14';fe.style.borderColor='#1a2f44';
    _TOJ.T(function(){var se=first==='left'?R:L;se.style.background='rgba(212,180,86,0.8)';se.style.borderColor='var(--gold)';onset=performance.now();document.addEventListener('keydown',kh);
      _TOJ.T(function(){se.style.background='#060d14';se.style.borderColor='#1a2f44';
        _TOJ.T(function(){document.removeEventListener('keydown',kh);if(!resp)_TOJ.log.push({trial:_TOJ.trial,first:first,response:null,correct:false,soa:_TOJ.soa,rt:null});tojNext();},800);},100);},_TOJ.soa);},100);
}
function tojEnd(){
  _TOJ.clear();_TOJ.active=false;$('tojStimPhase').style.display='none';$('tojProgressBar').style.width='100%';
  if(_TOJ.isPractice){$('pcStats').innerHTML='ACC <span>'+(_TOJ.correct/_TOJ.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._toj_log=_TOJ.log;$('exportBtn').disabled=false;
  var late=_TOJ.soaHist.slice(-20);var jnd=late.length?(late.reduce(function(a,b){return a+b;},0)/late.length).toFixed(0):'--';
  $('tojMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+jnd+'ms</div><div class="vm-lbl">Est. JND</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(_TOJ.correct/_TOJ.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_TOJ.reversals+'</div><div class="vm-lbl">Reversals</div></div>';
  $('tojResultsPhase').style.display='block';updateSidebar();
}
function tojExportCSV(){
  var log=window._toj_log;if(!log)return;
  var blob=new Blob(['trial,first_side,response,correct,soa_ms,rt_ms\n'+log.map(function(r){return[r.trial,r.first,r.response||'',r.correct?1:0,r.soa,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='toj_'+Date.now()+'.csv';a.click();
}

// ══ MATRIX ════════════════════════════════════════════════
var _MATRIX=null;
var SHAPES=['circle','square','triangle','diamond','cross'];
var SIZES=[10,16,22];var FILLS=['solid','outline','dot'];
function matrixMake(diff){
  var rule=['size','shape','fill','count'][Math.min(diff,3)];
  var sb=Math.floor(Math.random()*5),szb=Math.floor(Math.random()*3),fb=Math.floor(Math.random()*3);
  var mat=[];for(var r=0;r<3;r++){var row=[];for(var c=0;c<3;c++){row.push({sh:SHAPES[(sb+(rule==='shape'?r:0))%5],sz:SIZES[(szb+(rule==='size'?c:0))%3],fi:FILLS[(fb+(rule==='fill'?r+c:0))%3],cnt:rule==='count'?c+1:1});}mat.push(row);}
  var ans=mat[2][2];var foils=[];
  for(var i=0;i<5;i++)foils.push({sh:SHAPES[(sb+i+1)%5],sz:SIZES[(szb+i)%3],fi:FILLS[(fb+i)%3],cnt:1});
  foils.push(ans);foils.sort(function(){return Math.random()-0.5;});
  return{mat:mat,ans:ans,foils:foils,ci:foils.indexOf(ans),rule:rule};
}
function matrixDrawCell(ctx,cell,x,y,w,h,hl){
  ctx.fillStyle=hl?'rgba(212,180,86,0.15)':'#0a1620';ctx.fillRect(x,y,w,h);
  ctx.strokeStyle=hl?'rgba(212,180,86,0.5)':'rgba(138,180,208,0.25)';ctx.lineWidth=1;ctx.strokeRect(x,y,w,h);
  if(!cell)return;
  var cx2=x+w/2,cy2=y+h/2,r=cell.sz/2;
  ctx.strokeStyle='#d4b456';ctx.lineWidth=1.5;
  var draw=function(ox,oy){
    ctx.fillStyle=cell.fi==='solid'?'rgba(212,180,86,0.7)':'transparent';
    ctx.beginPath();
    if(cell.sh==='circle')ctx.arc(ox,oy,r,0,Math.PI*2);
    else if(cell.sh==='square')ctx.rect(ox-r,oy-r,r*2,r*2);
    else if(cell.sh==='triangle'){ctx.moveTo(ox,oy-r);ctx.lineTo(ox+r,oy+r);ctx.lineTo(ox-r,oy+r);ctx.closePath();}
    else if(cell.sh==='diamond'){ctx.moveTo(ox,oy-r);ctx.lineTo(ox+r,oy);ctx.lineTo(ox,oy+r);ctx.lineTo(ox-r,oy);ctx.closePath();}
    else{ctx.moveTo(ox-r,oy-r*0.3);ctx.lineTo(ox-r*0.3,oy-r*0.3);ctx.lineTo(ox-r*0.3,oy-r);ctx.lineTo(ox+r*0.3,oy-r);ctx.lineTo(ox+r*0.3,oy-r*0.3);ctx.lineTo(ox+r,oy-r*0.3);ctx.lineTo(ox+r,oy+r*0.3);ctx.lineTo(ox+r*0.3,oy+r*0.3);ctx.lineTo(ox+r*0.3,oy+r);ctx.lineTo(ox-r*0.3,oy+r);ctx.lineTo(ox-r*0.3,oy+r*0.3);ctx.lineTo(ox-r,oy+r*0.3);ctx.closePath();}
    if(cell.fi==='solid')ctx.fill();ctx.stroke();
    if(cell.fi==='dot'){ctx.beginPath();ctx.arc(ox,oy,r*0.25,0,Math.PI*2);ctx.fillStyle='#d4b456';ctx.fill();}
  };
  if(cell.cnt===1)draw(cx2,cy2);else if(cell.cnt===2){draw(cx2-r*0.7,cy2);draw(cx2+r*0.7,cy2);}else{draw(cx2,cy2-r*0.7);draw(cx2-r*0.7,cy2+r*0.5);draw(cx2+r*0.7,cy2+r*0.5);}
}
function startMatrix(isPractice){
  _MATRIX={active:true,isPractice:isPractice,trial:0,maxTrials:isPractice?6:18,correct:0,log:[],onset:0};
  hideAll();$('matrixScreen').style.display='flex';$('matrixPracticeBanner').style.display=isPractice?'block':'none';
  $('matrixProgressBar').style.width='0%';$('matrixStimPhase').style.display='flex';$('matrixResultsPhase').style.display='none';
  $('si-task').textContent='MATRIX'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;matrixNext();
}
function matrixNext(){
  if(!_MATRIX.active)return;if(_MATRIX.trial>=_MATRIX.maxTrials){matrixEnd();return;}
  _MATRIX.trial++;var diff=Math.min(3,Math.floor(_MATRIX.trial/5));var prob=matrixMake(diff);
  _MATRIX.cur=prob;_MATRIX.onset=performance.now();
  $('matrix-trial').textContent='Item '+_MATRIX.trial+'/'+_MATRIX.maxTrials;$('matrixProgressBar').style.width=((_MATRIX.trial-1)/_MATRIX.maxTrials*100).toFixed(1)+'%';
  $('matrixFeedback').textContent='';$('matrixFeedback').className='feedback';triggerFlash();
  var cvs=$('matrixCanvas'),ctx=cvs.getContext('2d'),W=280,H=200,cw=80,ch=58,gap=3,ox=10,oy=10;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
  for(var r=0;r<3;r++)for(var c=0;c<3;c++){var cell=(r===2&&c===2)?null:prob.mat[r][c];matrixDrawCell(ctx,cell,ox+c*(cw+gap),oy+r*(ch+gap),cw,ch,false);if(r===2&&c===2){ctx.font='22px monospace';ctx.fillStyle='rgba(212,180,86,0.4)';ctx.textAlign='center';ctx.fillText('?',ox+c*(cw+gap)+cw/2,oy+r*(ch+gap)+ch/2+8);}}
  var od=$('matrixOptions');od.innerHTML='';
  prob.foils.forEach(function(f,i){
    var btn=document.createElement('canvas');btn.width=60;btn.height=46;btn.style.cssText='border:1px solid #2a4060;background:#0a1620;cursor:pointer;border-radius:2px;';
    matrixDrawCell(btn.getContext('2d'),f,0,0,60,46,false);
    btn.onmouseenter=function(){btn.style.borderColor='var(--gold)';};btn.onmouseleave=function(){if(!btn.dataset.c)btn.style.borderColor='#2a4060';};
    btn.onclick=function(){if(!_MATRIX.active||btn.dataset.c)return;
      var rt=+(performance.now()-_MATRIX.onset).toFixed(1);var ok=i===prob.ci;if(ok)_MATRIX.correct++;
      _MATRIX.log.push({trial:_MATRIX.trial,rule:prob.rule,correct:ok,rt:rt});
      od.querySelectorAll('canvas').forEach(function(b,bi){b.dataset.c='1';b.style.pointerEvents='none';if(bi===prob.ci)b.style.borderColor='#81c784';else if(b===btn&&!ok)b.style.borderColor='#e05c5c';});
      var fb=$('matrixFeedback');fb.textContent=ok?'correct':'wrong';fb.className='feedback '+(ok?'ok':'err');
      setTimeout(function(){if(_MATRIX.active)matrixNext();},700);};
    od.appendChild(btn);});
}
function matrixEnd(){
  _MATRIX.active=false;$('matrixStimPhase').style.display='none';$('matrixProgressBar').style.width='100%';
  if(_MATRIX.isPractice){$('pcStats').innerHTML='CORRECT <span>'+_MATRIX.correct+'/'+_MATRIX.maxTrials+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._matrix_log=_MATRIX.log;$('exportBtn').disabled=false;
  var acc=(_MATRIX.correct/_MATRIX.maxTrials*100).toFixed(0);
  $('matrixMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+_MATRIX.correct+'/'+_MATRIX.maxTrials+'</div><div class="vm-lbl">Correct</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+acc+'%</div><div class="vm-lbl">Accuracy</div></div>';
  $('matrixResultsPhase').style.display='block';updateSidebar();
}
function matrixExportCSV(){
  var log=window._matrix_log;if(!log)return;
  var blob=new Blob(['trial,rule,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.rule,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='matrix_'+Date.now()+'.csv';a.click();
}

// ══ METACOGNITION ════════════════════════════════════════
var _META=null;
var META_WORDS=['anchor','bishop','candle','dolphin','emerald','falcon','glacier','harbor',
  'island','jasmine','kettle','lantern','mango','napkin','obelisk','pilgrim',
  'quarry','raven','scarlet','temple','umber','velvet','walnut','prism','cipher','zephyr'];
function startMeta(isPractice){
  var N=isPractice?12:24;var targets=META_WORDS.slice(0,N);var foils=META_WORDS.slice(N,N+N/2);
  var study=targets.slice().sort(function(){return Math.random()-0.5;});
  var test2=targets.concat(foils).sort(function(){return Math.random()-0.5;});
  _META={active:true,isPractice:isPractice,targets:targets,foils:foils,study:study,test:test2,phase:'study',si:0,ti:0,hits:0,fas:0,log:[],pending:null};
  hideAll();$('metaScreen').style.display='flex';$('metaPracticeBanner').style.display=isPractice?'block':'none';
  $('metaProgressBar').style.width='0%';$('metaStimPhase').style.display='flex';$('metaResultsPhase').style.display='none';
  $('si-task').textContent='META'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  $('metaRecogRow').style.display='none';$('metaConfRow').style.display='none';metaStudy();
}
function metaStudy(){
  _META.phase='study';$('meta-phase').textContent='STUDY';$('metaRecogRow').style.display='none';$('metaConfRow').style.display='none';
  var si=0;
  function show(){if(!_META.active)return;if(si>=_META.study.length){setTimeout(metaTest,1200);return;}
    $('meta-trial').textContent=(si+1)+'/'+_META.study.length;$('metaProgressBar').style.width=(si/_META.study.length*50).toFixed(1)+'%';
    $('metaWord').textContent=_META.study[si++].toUpperCase();$('metaWord').style.color='var(--gold)';triggerFlash();setTimeout(show,1200);}show();
}
function metaTest(){
  _META.phase='test';$('meta-phase').textContent='TEST';var ti=0;
  function next(){if(!_META.active)return;if(ti>=_META.test.length){metaEnd();return;}
    var word=_META.test[ti++];var isOld=_META.targets.indexOf(word)>=0;
    $('meta-trial').textContent=ti+'/'+_META.test.length;$('metaProgressBar').style.width=(50+ti/_META.test.length*50).toFixed(1)+'%';
    $('metaWord').textContent=word.toUpperCase();$('metaWord').style.color='var(--mid)';
    $('metaRecogRow').style.display='flex';$('metaConfRow').style.display='none';$('metaRecogFb').textContent='F=OLD  J=NEW';$('metaRecogFb').className='feedback';triggerFlash();
    var kh=function(e){if(!_META.active)return;var r=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;if(r===null)return;e.preventDefault();
      if(r&&isOld)_META.hits++;if(r&&!isOld)_META.fas++;
      _META.pending={word:word,isOld:isOld,recog:r};document.removeEventListener('keydown',kh);
      $('metaRecogFb').textContent=r?'OLD':'NEW';$('metaConfRow').style.display='flex';
      window.metaConf=function(conf){if(!_META.active||!_META.pending)return;var pr=_META.pending;
        _META.log.push({word:pr.word,isOld:pr.isOld,recog:pr.recog,correct:pr.recog===pr.isOld,conf:conf});
        $('metaConfRow').style.display='none';$('metaRecogRow').style.display='none';_META.pending=null;setTimeout(next,300);};
    };document.addEventListener('keydown',kh);}next();
}
function metaEnd(){
  _META.active=false;$('metaStimPhase').style.display='none';$('metaProgressBar').style.width='100%';
  if(_META.isPractice){$('pcStats').innerHTML='HITS <span>'+_META.hits+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._meta_log=_META.log;$('exportBtn').disabled=false;
  var nOld=_META.targets.length,nNew=_META.foils.length;
  var d1=+(_META.hits/nOld-_META.fas/nNew).toFixed(2);
  var hc=_META.log.filter(function(r){return r.conf>=3;});var ha=hc.length?(hc.filter(function(r){return r.correct;}).length/hc.length*100).toFixed(0)+'%':'--';
  $('metaMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+d1+'</div><div class="vm-lbl">Type 1 d\'</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+ha+'</div><div class="vm-lbl">High-conf acc.</div></div>';
  $('metaResultsPhase').style.display='block';updateSidebar();
}
function metaExportCSV(){
  var log=window._meta_log;if(!log)return;
  var blob=new Blob(['word,is_old,recog,correct,confidence\n'+log.map(function(r){return[r.word,r.isOld?1:0,r.recog?1:0,r.correct?1:0,r.conf].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='meta_'+Date.now()+'.csv';a.click();
}

// ══ CLINICAL SCALES — shared engine ══════════════════════
function scaleRender(id,items,optsList,timeRef){
  var el=$(id+'Items');el.innerHTML='';
  if(timeRef){var note=document.createElement('div');note.style.cssText='font-size:0.72rem;color:var(--dim);margin-bottom:10px;font-style:italic;';note.textContent=timeRef;el.appendChild(note);}
  items.forEach(function(item,i){
    var div=document.createElement('div');div.style.cssText='padding:8px 0;border-bottom:1px solid #1a2f44;';
    var q=document.createElement('div');q.style.cssText='font-size:0.85rem;color:var(--text);font-family:"EB Garamond",serif;margin-bottom:6px;line-height:1.5;';q.textContent=(i+1)+'. '+item;div.appendChild(q);
    var opts=Array.isArray(optsList[0])?optsList[i]:optsList;
    var row=document.createElement('div');row.style.cssText='display:flex;gap:6px;flex-wrap:wrap;';
    opts.forEach(function(opt,oi){
      var lbl=document.createElement('label');lbl.style.cssText='display:flex;align-items:center;gap:4px;cursor:pointer;font-size:0.78rem;color:var(--dim);font-family:"Source Code Pro",monospace;';
      var inp=document.createElement('input');inp.type='radio';inp.name='sc_'+id+'_'+i;inp.value=typeof opt==='object'?opt.v:oi;inp.style.accentColor='var(--gold)';
      var ltext=typeof opt==='object'?opt.l:opt;
      lbl.appendChild(inp);lbl.appendChild(document.createTextNode(ltext));row.appendChild(lbl);
    });div.appendChild(row);el.appendChild(div);
  });
}
function scaleScore(id,n){
  var total=0;var missing=[];
  for(var i=0;i<n;i++){var sel=document.querySelector('input[name="sc_'+id+'_'+i+'"]:checked');if(!sel)missing.push(i+1);else total+=parseInt(sel.value);}
  return{total:total,missing:missing};
}
function scaleExport(id,items,total){
  var rows=['item,score'];
  items.forEach(function(q,i){var sel=document.querySelector('input[name="sc_'+id+'_'+i+'"]:checked');rows.push((i+1)+','+(sel?sel.value:''));});
  rows.push('TOTAL,'+total);
  var blob=new Blob([rows.join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=id+'_'+Date.now()+'.csv';a.click();
}

// PHQ-9
var PHQ9_Q=['Little interest or pleasure in doing things','Feeling down, depressed, or hopeless','Trouble falling or staying asleep, or sleeping too much','Feeling tired or having little energy','Poor appetite or overeating','Feeling bad about yourself or that you are a failure','Trouble concentrating on things','Moving or speaking so slowly, or being fidgety or restless','Thoughts that you would be better off dead or of hurting yourself'];
var PHQ_O=[{v:0,l:'Not at all (0)'},{v:1,l:'Several days (1)'},{v:2,l:'More than half (2)'},{v:3,l:'Nearly every day (3)'}];
function startPHQ9(isPractice){hideAll();$('phq9Screen').style.display='flex';$('phq9StimPhase').style.display='flex';$('phq9ResultsPhase').style.display='none';$('phq9-score').textContent='--';$('si-task').textContent='PHQ-9';$('exportBtn').disabled=true;scaleRender('phq9',PHQ9_Q,PHQ_O,'Over the past 2 weeks, how often have you been bothered by:');}
function phq9Finish(){
  var res=scaleScore('phq9',9);if(res.missing.length){alert('Please answer items: '+res.missing.join(', '));return;}
  var s=res.total;window._phq9_s=s;$('phq9-score').textContent=s+'/27';
  var interp=s<=4?'Minimal':s<=9?'Mild':s<=14?'Moderate':s<=19?'Moderately severe':'Severe';
  $('phq9Metrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+s+'/27</div><div class="vm-lbl">PHQ-9 Score</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(s>=10?'POSITIVE':'negative')+'</div><div class="vm-lbl">Screen (>=10)</div></div>';
  $('phq9Interpretation').textContent=interp+' depression. '+(s>=10?'Score >=10 is the threshold for probable major depression.':'Score <10 does not meet the threshold on this screen.');
  var item9=parseInt((document.querySelector('input[name="sc_phq9_8"]:checked')||{value:0}).value);if(item9>0)$('phq9Interpretation').textContent+=' Item 9 scored '+item9+' -- clinical follow-up recommended.';
  $('phq9StimPhase').style.display='none';$('phq9ResultsPhase').style.display='block';$('exportBtn').disabled=false;updateSidebar();
}
function phq9ExportCSV(){scaleExport('phq9',PHQ9_Q,window._phq9_s);}

// GAD-7
var GAD7_Q=['Feeling nervous, anxious, or on edge','Not being able to stop or control worrying','Worrying too much about different things','Trouble relaxing','Being so restless it is hard to sit still','Becoming easily annoyed or irritable','Feeling afraid as if something awful might happen'];
function startGAD7(isPractice){hideAll();$('gad7Screen').style.display='flex';$('gad7StimPhase').style.display='flex';$('gad7ResultsPhase').style.display='none';$('gad7-score').textContent='--';$('si-task').textContent='GAD-7';$('exportBtn').disabled=true;scaleRender('gad7',GAD7_Q,PHQ_O,'Over the past 2 weeks, how often have you been bothered by:');}
function gad7Finish(){
  var res=scaleScore('gad7',7);if(res.missing.length){alert('Please answer items: '+res.missing.join(', '));return;}
  var s=res.total;window._gad7_s=s;$('gad7-score').textContent=s+'/21';
  var interp=s<=4?'Minimal':s<=9?'Mild':s<=14?'Moderate':'Severe';
  $('gad7Metrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+s+'/21</div><div class="vm-lbl">GAD-7 Score</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(s>=10?'POSITIVE':'negative')+'</div><div class="vm-lbl">Screen (>=10)</div></div>';
  $('gad7Interpretation').textContent=interp+' anxiety. '+(s>=10?'Score >=10 screens positive for GAD; also screens for panic disorder, social anxiety, and PTSD.':'Score <10 is below the GAD-7 threshold.');
  $('gad7StimPhase').style.display='none';$('gad7ResultsPhase').style.display='block';$('exportBtn').disabled=false;updateSidebar();
}
function gad7ExportCSV(){scaleExport('gad7',GAD7_Q,window._gad7_s);}

// PCL-5
var PCL5_Q=['Repeated, disturbing, and unwanted memories of the stressful experience','Repeated disturbing dreams of the stressful experience','Suddenly feeling or acting as if the stressful experience were actually happening again','Feeling very upset when something reminded you of the stressful experience','Having strong physical reactions when something reminded you of the experience','Avoiding memories, thoughts, or feelings related to the stressful experience','Avoiding external reminders of the stressful experience','Trouble remembering important parts of the stressful experience','Having strong negative beliefs about yourself, other people, or the world','Blaming yourself or someone else for the stressful experience','Having strong negative feelings such as fear, horror, anger, guilt, or shame','Loss of interest in activities you used to enjoy','Feeling distant or cut off from other people','Trouble experiencing positive feelings','Irritable behavior or angry outbursts','Taking too many risks or doing things that could cause harm','Being super-alert or watchful or on guard','Feeling jumpy or easily startled','Having difficulty concentrating','Trouble falling or staying asleep'];
var PCL_O=[{v:0,l:'Not at all (0)'},{v:1,l:'A little bit (1)'},{v:2,l:'Moderately (2)'},{v:3,l:'Quite a bit (3)'},{v:4,l:'Extremely (4)'}];
function startPCL5(isPractice){hideAll();$('pcl5Screen').style.display='flex';$('pcl5StimPhase').style.display='flex';$('pcl5ResultsPhase').style.display='none';$('pcl5-score').textContent='--';$('si-task').textContent='PCL-5';$('exportBtn').disabled=true;scaleRender('pcl5',PCL5_Q,PCL_O,'In the past month, how much were you bothered by:');}
function pcl5Finish(){
  var res=scaleScore('pcl5',20);if(res.missing.length){alert('Please answer items: '+res.missing.join(', '));return;}
  var s=res.total;window._pcl5_s=s;$('pcl5-score').textContent=s+'/80';
  var clusters={B:[0,1,2,3,4],C:[5,6],D:[7,8,9,10,11,12,13],E:[14,15,16,17,18,19]};
  var minReq={B:1,C:1,D:2,E:2};var dsmOk=true;
  Object.keys(clusters).forEach(function(cl){var cnt=clusters[cl].filter(function(i){var sel=document.querySelector('input[name="sc_pcl5_'+i+'"]:checked');return sel&&parseInt(sel.value)>=2;}).length;if(cnt<minReq[cl])dsmOk=false;});
  $('pcl5Metrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+s+'/80</div><div class="vm-lbl">PCL-5 Total</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(s>=33?'POSITIVE':'negative')+'</div><div class="vm-lbl">Screen (>=33)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(dsmOk?'YES':'NO')+'</div><div class="vm-lbl">DSM-5 Clusters</div></div>';
  $('pcl5Interpretation').textContent='Total: '+s+'/80. '+(s>=33?'Score >=33 is screen-positive for probable PTSD.':'Score <33 is below the threshold.')+' DSM-5 symptom cluster criteria '+(dsmOk?'met.':'not met.');
  $('pcl5StimPhase').style.display='none';$('pcl5ResultsPhase').style.display='block';$('exportBtn').disabled=false;updateSidebar();
}
function pcl5ExportCSV(){scaleExport('pcl5',PCL5_Q,window._pcl5_s);}

// AUDIT
var AUDIT_Q=['How often do you have a drink containing alcohol?','How many units of alcohol do you drink on a typical day when you are drinking?','How often have you had 6 or more units (female) or 8 or more (male) on a single occasion in the last year?','How often during the last year have you found that you were not able to stop drinking once you had started?','How often during the last year have you failed to do what was normally expected from you because of your drinking?','How often during the last year have you needed an alcoholic drink in the morning to get yourself going after a heavy drinking session?','How often during the last year have you had a feeling of guilt or remorse after drinking?','How often during the last year have you been unable to remember what happened the night before because you had been drinking?','Have you or someone else been injured as a result of your drinking?','Has a relative, friend, doctor, or other health worker been concerned about your drinking or suggested you cut down?'];
var AUDIT_OPTS=[[{v:0,l:'Never'},{v:1,l:'Monthly or less'},{v:2,l:'2-4 times/month'},{v:3,l:'2-3 times/week'},{v:4,l:'4+ times/week'}],[{v:0,l:'1-2'},{v:1,l:'3-4'},{v:2,l:'5-6'},{v:3,l:'7-9'},{v:4,l:'10+'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'Never'},{v:1,l:'Less than monthly'},{v:2,l:'Monthly'},{v:3,l:'Weekly'},{v:4,l:'Daily/almost daily'}],[{v:0,l:'No'},{v:2,l:'Yes, but not in last year'},{v:4,l:'Yes, during the last year'}],[{v:0,l:'No'},{v:2,l:'Yes, but not in last year'},{v:4,l:'Yes, during the last year'}]];
function startAUDIT(isPractice){hideAll();$('auditScreen').style.display='flex';$('auditStimPhase').style.display='flex';$('auditResultsPhase').style.display='none';$('audit-score').textContent='--';$('si-task').textContent='AUDIT';$('exportBtn').disabled=true;scaleRender('audit',AUDIT_Q,AUDIT_OPTS,'');}
function auditFinish(){
  var total=0;var missing=[];
  for(var i=0;i<10;i++){var sel=document.querySelector('input[name="sc_audit_'+i+'"]:checked');if(!sel)missing.push(i+1);else total+=parseInt(sel.value);}
  if(missing.length){alert('Please answer items: '+missing.join(', '));return;}
  window._audit_s=total;$('audit-score').textContent=total+'/40';
  var interp=total<=7?'Low risk (zone I)':total<=15?'Hazardous drinking (zone II)':total<=19?'Harmful use (zone III)':'Probable dependence (zone IV)';
  $('auditMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+total+'/40</div><div class="vm-lbl">AUDIT Score</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(total>=8?'POSITIVE':'negative')+'</div><div class="vm-lbl">Screen (>=8)</div></div>';
  $('auditInterpretation').textContent=interp+'.';
  $('auditStimPhase').style.display='none';$('auditResultsPhase').style.display='block';$('exportBtn').disabled=false;updateSidebar();
}
function auditExportCSV(){scaleExport('audit',AUDIT_Q,window._audit_s);}

// ASRS
var ASRS_Q=['How often do you have trouble wrapping up the final details of a project once the challenging parts have been done?','How often do you have difficulty getting things in order when you have to do a task that requires organization?','How often do you have problems remembering appointments or obligations?','When you have a task that requires a lot of thought, how often do you avoid or delay getting started?','How often do you fidget or squirm with your hands or feet when you have to sit down for a long time?','How often do you feel overly active and compelled to do things, like you were driven by a motor?','How often do you make careless mistakes when you have to work on a boring or difficult project?','How often do you have difficulty keeping your attention when you are doing boring or repetitive work?','How often do you have difficulty concentrating on what people say to you, even when they are speaking to you directly?','How often do you misplace or have difficulty finding things at home or at work?','How often are you distracted by activity or noise around you?','How often do you leave your seat in meetings or other situations in which you are expected to remain seated?','How often do you feel restless or fidgety?','How often do you have difficulty unwinding and relaxing when you have time to yourself?','How often do you find yourself talking too much when you are in social situations?','When you are in a conversation, how often do you find yourself finishing the sentences of the people you are talking to, before they can finish them?','How often do you have difficulty waiting your turn in situations when turn taking is required?','How often do you interrupt others when they are busy?'];
var ASRS_O=[{v:0,l:'Never (0)'},{v:1,l:'Rarely (1)'},{v:2,l:'Sometimes (2)'},{v:3,l:'Often (3)'},{v:4,l:'Very often (4)'}];
var ASRS_SHADE=[{thresh:2},{thresh:3},{thresh:2},{thresh:3},{thresh:3},{thresh:3}]; // Part A shaded thresholds
function startASRS(isPractice){hideAll();$('asrsScreen').style.display='flex';$('asrsStimPhase').style.display='flex';$('asrsResultsPhase').style.display='none';$('asrs-score').textContent='--';$('si-task').textContent='ASRS';$('exportBtn').disabled=true;scaleRender('asrs',ASRS_Q,ASRS_O,'In the past 6 months, how often did you:');}
function asrsFinish(){
  var res=scaleScore('asrs',18);if(res.missing.length){alert('Please answer items: '+res.missing.join(', '));return;}
  var partA=0;
  ASRS_SHADE.forEach(function(sh,i){var sel=document.querySelector('input[name="sc_asrs_'+i+'"]:checked');if(sel&&parseInt(sel.value)>=sh.thresh)partA++;});
  window._asrs_s=res.total;$('asrs-score').textContent=partA+'/6 Part A';
  $('asrsMetrics').innerHTML='<div class="vrt-metric"><div class="vm-val">'+partA+'/6</div><div class="vm-lbl">Part A Positive</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+(partA>=4?'POSITIVE':'negative')+'</div><div class="vm-lbl">Screen (>=4)</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+res.total+'/72</div><div class="vm-lbl">Total Score</div></div>';
  $('asrsInterpretation').textContent='Part A score: '+partA+'/6. '+(partA>=4?'Score >=4 is screen-positive for probable adult ADHD (sensitivity 68.7%, specificity 99.5%).':'Score <4 does not meet the ASRS Part A threshold.');
  $('asrsStimPhase').style.display='none';$('asrsResultsPhase').style.display='block';$('exportBtn').disabled=false;updateSidebar();
}
function asrsExportCSV(){scaleExport('asrs',ASRS_Q,window._asrs_s);}

// ══ N1-P2 ═══════════════════════════════════════════════
var _N1P2=null;
function startN1P2(isPractice){
  var N=isPractice?30:120,targetProb=0.2;
  _N1P2={active:true,isPractice:isPractice,trial:0,maxTrials:N,hits:0,misses:0,fas:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_N1P2._timers.push(t);return t;}
  _N1P2.T=T;_N1P2.clear=function(){_N1P2._timers.forEach(clearTimeout);_N1P2._timers=[];};
  hideAll();$('n1p2Screen').style.display='flex';
  $('n1p2PracticeBanner').style.display=isPractice?'block':'none';
  $('n1p2ProgressBar').style.width='0%';$('n1p2StimPhase').style.display='flex';
  $('n1p2ResultsPhase').style.display='none';$('n1p2Feedback').textContent='';
  $('n1p2Instruct').textContent='Press SPACE when you hear a higher-pitched tone';
  $('si-task').textContent='N1-P2'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  var ctx=new (window.AudioContext||window.webkitAudioContext)();
  function playTone(freq,dur){
    var osc=ctx.createOscillator();var gain=ctx.createGain();
    osc.connect(gain);gain.connect(ctx.destination);
    osc.type='sine';osc.frequency.value=freq;
    gain.gain.setValueAtTime(0,ctx.currentTime);gain.gain.linearRampToValueAtTime(0.3,ctx.currentTime+0.01);
    gain.gain.linearRampToValueAtTime(0,ctx.currentTime+dur);
    osc.start(ctx.currentTime);osc.stop(ctx.currentTime+dur+0.05);
  }
  function end(){
    _N1P2.clear();_N1P2.active=false;
    $('n1p2StimPhase').style.display='none';$('n1p2ProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='HITS <span>'+_N1P2.hits+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._n1p2_log=_N1P2.log;$('exportBtn').disabled=false;
    var dprime=(_N1P2.hits/Math.max(1,_N1P2.log.filter(function(r){return r.isTarget;}).length)-_N1P2.fas/Math.max(1,_N1P2.log.filter(function(r){return !r.isTarget;}).length)).toFixed(2);
    $('n1p2Metrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_N1P2.hits+'</div><div class="vm-lbl">Hits</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_N1P2.misses+'</div><div class="vm-lbl">Misses</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_N1P2.fas+'</div><div class="vm-lbl">False Alarms</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+dprime+'</div><div class="vm-lbl">d\'</div></div>';
    $('n1p2ResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_N1P2.active)return;if(_N1P2.trial>=N){end();return;}
    _N1P2.trial++;
    $('n1p2ProgressBar').style.width=(_N1P2.trial/N*100).toFixed(1)+'%';
    $('n1p2-trial').textContent='Trial '+_N1P2.trial+'/'+N;
    $('n1p2-hits').textContent='Hits: '+_N1P2.hits;
    $('n1p2Feedback').textContent='';$('n1p2Feedback').className='feedback';
    var isTarget=Math.random()<targetProb;
    var freq=isTarget?1000:500;
    var tone=$('n1p2Tone');
    tone.style.background=isTarget?'rgba(212,180,86,0.25)':'rgba(91,159,218,0.15)';
    tone.textContent=isTarget?'♪':'♩';
    playTone(freq,0.05);
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_N1P2.active)return;if(e.code!=='Space'&&e.key!==' ')return;
      e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      if(isTarget){_N1P2.hits++;$('n1p2Feedback').textContent=rt+'ms ✓';$('n1p2Feedback').className='feedback ok';}
      else{_N1P2.fas++;$('n1p2Feedback').textContent='false alarm';$('n1p2Feedback').className='feedback err';}
      _N1P2.log.push({trial:_N1P2.trial,isTarget:isTarget,responded:true,rt:rt});
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      tone.style.background='#060d14';tone.textContent='';
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){
          if(isTarget)_N1P2.misses++;
          _N1P2.log.push({trial:_N1P2.trial,isTarget:isTarget,responded:false,rt:null});
        }
        T(next,400+Math.random()*400);
      },200);
    },60);
  }
  T(next,800);
}
function n1p2ExportCSV(){
  var log=window._n1p2_log;if(!log)return;
  var blob=new Blob(['trial,is_target,responded,rt_ms\n'+log.map(function(r){return[r.trial,r.isTarget?1:0,r.responded?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n1p2_'+Date.now()+'.csv';a.click();
}
// ══ RON ══════════════════════════════════════════════════
var _RON=null;
function startRON(isPractice){
  var N=isPractice?40:160,targetProb=0.15,distProb=0.15;
  _RON={active:true,isPractice:isPractice,trial:0,maxTrials:N,hits:0,misses:0,fas:0,distractors:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_RON._timers.push(t);return t;}
  _RON.T=T;_RON.clear=function(){_RON._timers.forEach(clearTimeout);_RON._timers=[];};
  hideAll();$('ronScreen').style.display='flex';
  $('ronPracticeBanner').style.display=isPractice?'block':'none';
  $('ronProgressBar').style.width='0%';$('ronStimPhase').style.display='flex';
  $('ronResultsPhase').style.display='none';$('ronFeedback').textContent='';
  $('ronInstruct').textContent='Count higher-pitched tones. Novel sounds will occasionally interrupt — refocus quickly.';
  $('si-task').textContent='RON'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  var ctx=new (window.AudioContext||window.webkitAudioContext)();
  function playTone(freq,dur,type){
    var osc=ctx.createOscillator();var gain=ctx.createGain();
    osc.connect(gain);gain.connect(ctx.destination);
    osc.type=type||'sine';osc.frequency.value=freq;
    gain.gain.setValueAtTime(0,ctx.currentTime);gain.gain.linearRampToValueAtTime(0.25,ctx.currentTime+0.01);
    gain.gain.linearRampToValueAtTime(0,ctx.currentTime+dur);
    osc.start(ctx.currentTime);osc.stop(ctx.currentTime+dur+0.05);
  }
  function playChord(){
    [261,329,392].forEach(function(f){playTone(f,0.15,'sawtooth');});
  }
  function end(){
    _RON.clear();_RON.active=false;
    $('ronStimPhase').style.display='none';$('ronProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='HITS <span>'+_RON.hits+'</span> DIST <span>'+_RON.distractors+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._ron_log=_RON.log;$('exportBtn').disabled=false;
    var nT=_RON.log.filter(function(r){return r.type==='target';}).length;
    var nS=_RON.log.filter(function(r){return r.type==='standard';}).length;
    var hr=nT?(_RON.hits/nT).toFixed(2):'--';var far=nS?(_RON.fas/nS).toFixed(2):'--';
    $('ronMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_RON.hits+'/'+nT+'</div><div class="vm-lbl">Hits</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_RON.distractors+'</div><div class="vm-lbl">Distractors</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_RON.fas+'</div><div class="vm-lbl">False Alarms</div></div>';
    $('ronResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_RON.active)return;if(_RON.trial>=N){end();return;}
    _RON.trial++;
    $('ronProgressBar').style.width=(_RON.trial/N*100).toFixed(1)+'%';
    $('ron-trial').textContent='Trial '+_RON.trial+'/'+N;
    $('ron-hits').textContent='Hits: '+_RON.hits;
    $('ronFeedback').textContent='';$('ronFeedback').className='feedback';
    var r=Math.random();var type=r<targetProb?'target':r<targetProb+distProb?'distractor':'standard';
    var tone=$('ronTone');
    if(type==='target'){tone.style.background='rgba(212,180,86,0.25)';tone.textContent='♪';playTone(1000,0.05);}
    else if(type==='distractor'){tone.style.background='rgba(224,92,92,0.2)';tone.textContent='★';playChord();}
    else{tone.style.background='rgba(91,159,218,0.1)';tone.textContent='♩';playTone(500,0.05);}
    if(type==='distractor')_RON.distractors++;
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_RON.active)return;if(e.code!=='Space'&&e.key!==' ')return;
      e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      if(type==='target'){_RON.hits++;$('ronFeedback').textContent=rt+'ms ✓';$('ronFeedback').className='feedback ok';}
      else{_RON.fas++;$('ronFeedback').textContent='false alarm';$('ronFeedback').className='feedback err';}
      _RON.log.push({trial:_RON.trial,type:type,responded:true,rt:rt});
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      tone.style.background='#060d14';tone.textContent='';
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){if(type==='target')_RON.misses++;_RON.log.push({trial:_RON.trial,type:type,responded:false,rt:null});}
        T(next,350+Math.random()*350);
      },200);
    },80);
  }
  T(next,800);
}
function ronExportCSV(){
  var log=window._ron_log;if(!log)return;
  var blob=new Blob(['trial,type,responded,rt_ms\n'+log.map(function(r){return[r.trial,r.type,r.responded?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='ron_'+Date.now()+'.csv';a.click();
}
// ══ LAN ══════════════════════════════════════════════════
var _LAN=null;
var LAN_SENTENCES=[
  {s:'The girl walks to school every day.',v:false},
  {s:'The boys run quickly across the field.',v:false},
  {s:'The girl walk to school every day.',v:true},
  {s:'The boy run quickly across the field.',v:true},
  {s:'The doctor treats many patients each year.',v:false},
  {s:'The doctors treats many patients each year.',v:true},
  {s:'She reads a novel before bedtime.',v:false},
  {s:'She read a novel before bedtime.',v:true},
  {s:'The children play in the garden.',v:false},
  {s:'The child play in the garden.',v:true},
  {s:'He writes letters to his grandmother.',v:false},
  {s:'He write letters to his grandmother.',v:true},
  {s:'The scientists study climate change.',v:false},
  {s:'The scientist study climate change.',v:true},
  {s:'They arrive at the station on time.',v:false},
  {s:'They arrives at the station on time.',v:true},
  {s:'The teacher explains the lesson clearly.',v:false},
  {s:'The teachers explain the lesson clearly.',v:false},
  {s:'The teacher explain the lesson clearly.',v:true},
  {s:'My friend visits me on weekends.',v:false},
  {s:'My friends visits me on weekends.',v:true},
  {s:'The cat sits on the warm windowsill.',v:false},
  {s:'The cats sits on the warm windowsill.',v:true},
  {s:'The musicians perform at the concert hall.',v:false},
  {s:'The musician perform at the concert hall.',v:true},
  {s:'She speaks three languages fluently.',v:false},
  {s:'She speak three languages fluently.',v:true},
  {s:'The engineers build the bridge carefully.',v:false},
  {s:'The engineer build the bridge carefully.',v:true},
  {s:'He reads the newspaper every morning.',v:false},
  {s:'He read the newspaper every morning.',v:true},
  {s:'The students study for their exams.',v:false},
  {s:'The student study for their exams.',v:true},
  {s:'The river flows through the valley.',v:false},
  {s:'The rivers flows through the valley.',v:true},
  {s:'She paints beautiful landscapes.',v:false},
  {s:'She paint beautiful landscapes.',v:true},
  {s:'The managers review the quarterly reports.',v:false},
  {s:'The manager review the quarterly reports.',v:true},
  {s:'The dog barks at passing strangers.',v:false},
];
function startLAN(isPractice){
  var items=LAN_SENTENCES.slice().sort(function(){return Math.random()-0.5;});
  if(isPractice)items=items.slice(0,16);
  _LAN={active:true,isPractice:isPractice,items:items,idx:0,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_LAN._timers.push(t);return t;}
  _LAN.T=T;_LAN.clear=function(){_LAN._timers.forEach(clearTimeout);_LAN._timers=[];};
  hideAll();$('lanScreen').style.display='flex';
  $('lanPracticeBanner').style.display=isPractice?'block':'none';
  $('lanProgressBar').style.width='0%';$('lanStimPhase').style.display='flex';
  $('lanResultsPhase').style.display='none';$('lanFeedback').textContent='';
  $('si-task').textContent='LAN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  lanNext();
}
function lanNext(){
  if(!_LAN.active)return;if(_LAN.idx>=_LAN.items.length){lanEnd();return;}
  var item=_LAN.items[_LAN.idx];
  $('lan-trial').textContent=(_LAN.idx+1)+'/'+_LAN.items.length;
  $('lanProgressBar').style.width=(_LAN.idx/_LAN.items.length*100).toFixed(1)+'%';
  $('lan-acc').textContent='Acc: '+(_LAN.idx?(_LAN.correct/_LAN.idx*100).toFixed(0)+'%':'--');
  $('lanSentence').textContent=item.s;
  $('lanFeedback').textContent='';$('lanFeedback').className='feedback';
  triggerFlash();
  var onset=performance.now();
  var kh=function(e){
    if(!_LAN.active)return;
    var resp=e.key==='y'||e.key==='Y'?false:e.key==='n'||e.key==='N'?true:null;
    if(resp===null)return;e.preventDefault();
    var rt=+(performance.now()-onset).toFixed(1);
    var ok=resp===item.v;if(ok)_LAN.correct++;
    _LAN.log.push({trial:_LAN.idx+1,sentence:item.s,violation:item.v,response:resp,correct:ok,rt:rt});
    var fb=$('lanFeedback');fb.textContent=ok?rt+'ms ✓':rt+'ms ✗ — '+(item.v?'has error':'correct sentence');fb.className='feedback '+(ok?'ok':'err');
    document.removeEventListener('keydown',kh);_LAN.idx++;
    _LAN.T(lanNext,600);
  };
  document.addEventListener('keydown',kh);
}
function lanEnd(){
  _LAN.clear();_LAN.active=false;
  $('lanStimPhase').style.display='none';$('lanProgressBar').style.width='100%';
  if(_LAN.isPractice){$('pcStats').innerHTML='ACC <span>'+(_LAN.correct/_LAN.items.length*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._lan_log=_LAN.log;$('exportBtn').disabled=false;
  var nViol=_LAN.log.filter(function(r){return r.violation;});var nCorr=_LAN.log.filter(function(r){return !r.violation;});
  var violAcc=nViol.length?(nViol.filter(function(r){return r.correct;}).length/nViol.length*100).toFixed(0)+'%':'--';
  var corrAcc=nCorr.length?(nCorr.filter(function(r){return r.correct;}).length/nCorr.length*100).toFixed(0)+'%':'--';
  var rtV=nViol.filter(function(r){return r.rt;});var avgRT=rtV.length?(rtV.reduce(function(a,b){return a+b.rt;},0)/rtV.length).toFixed(0):'--';
  $('lanMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(_LAN.correct/_LAN.items.length*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+violAcc+'</div><div class="vm-lbl">Violation Detect.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Mean RT (violations)</div></div>';
  $('lanResultsPhase').style.display='block';updateSidebar();
}
function lanExportCSV(){
  var log=window._lan_log;if(!log)return;
  var blob=new Blob(['trial,violation,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.violation?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='lan_'+Date.now()+'.csv';a.click();
}
// ══ CPS ══════════════════════════════════════════════════
var _CPS=null;
var CPS_ITEMS=[
  {s:'When the sun sets / the sky turns orange.',natural:true},
  {s:'When the sun sets the sky / turns orange.',natural:false},
  {s:'After the meeting / we went for coffee.',natural:true},
  {s:'After the meeting we went / for coffee.',natural:false},
  {s:'The children played outside / until dark.',natural:true},
  {s:'The children played / outside until dark.',natural:false},
  {s:'Because it was raining / we stayed inside.',natural:true},
  {s:'Because it was / raining we stayed inside.',natural:false},
  {s:'She opened the door / and stepped outside.',natural:true},
  {s:'She opened / the door and stepped outside.',natural:false},
  {s:'Before leaving the house / he checked his keys.',natural:true},
  {s:'Before leaving / the house he checked his keys.',natural:false},
  {s:'The train arrived early / and we boarded quickly.',natural:true},
  {s:'The train arrived / early and we boarded quickly.',natural:false},
  {s:'Although it was cold / the children played happily.',natural:true},
  {s:'Although it was cold the children / played happily.',natural:false},
  {s:'Once the exam was over / we celebrated together.',natural:true},
  {s:'Once the exam was over we / celebrated together.',natural:false},
  {s:'The wind blew strongly / bending the tall trees.',natural:true},
  {s:'The wind / blew strongly bending the tall trees.',natural:false},
  {s:'She sang beautifully / moving everyone in the room.',natural:true},
  {s:'She sang / beautifully moving everyone in the room.',natural:false},
  {s:'As night fell / the stars became visible.',natural:true},
  {s:'As night fell the stars / became visible.',natural:false},
  {s:'The professor finished the lecture / and left the room.',natural:true},
  {s:'The professor finished / the lecture and left the room.',natural:false},
  {s:'When the music started / everyone began to dance.',natural:true},
  {s:'When the music started everyone / began to dance.',natural:false},
  {s:'The river flowed gently / through the peaceful valley.',natural:true},
  {s:'The river flowed / gently through the peaceful valley.',natural:false},
];
function startCPS(isPractice){
  var items=CPS_ITEMS.slice().sort(function(){return Math.random()-0.5;});
  if(isPractice)items=items.slice(0,16);
  _CPS={active:true,isPractice:isPractice,items:items,idx:0,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_CPS._timers.push(t);return t;}
  _CPS.T=T;_CPS.clear=function(){_CPS._timers.forEach(clearTimeout);_CPS._timers=[];};
  hideAll();$('cpsScreen').style.display='flex';
  $('cpsPracticeBanner').style.display=isPractice?'block':'none';
  $('cpsProgressBar').style.width='0%';$('cpsStimPhase').style.display='flex';
  $('cpsResultsPhase').style.display='none';$('cpsFeedback').textContent='';
  $('si-task').textContent='CPS'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  cpsNext();
}
function cpsNext(){
  if(!_CPS.active)return;if(_CPS.idx>=_CPS.items.length){cpsEnd();return;}
  var item=_CPS.items[_CPS.idx];
  $('cps-trial').textContent=(_CPS.idx+1)+'/'+_CPS.items.length;
  $('cpsProgressBar').style.width=(_CPS.idx/_CPS.items.length*100).toFixed(1)+'%';
  $('cps-acc').textContent='Acc: '+(_CPS.idx?(_CPS.correct/_CPS.idx*100).toFixed(0)+'%':'--');
  $('cpsSentence').textContent=item.s;
  $('cpsFeedback').textContent='';$('cpsFeedback').className='feedback';
  triggerFlash();
  var onset=performance.now();
  var kh=function(e){
    if(!_CPS.active)return;
    var resp=e.key==='y'||e.key==='Y'?true:e.key==='n'||e.key==='N'?false:null;
    if(resp===null)return;e.preventDefault();
    var rt=+(performance.now()-onset).toFixed(1);
    var correct=resp===item.natural;if(correct)_CPS.correct++;
    _CPS.log.push({trial:_CPS.idx+1,natural:item.natural,response:resp,correct:correct,rt:rt});
    var fb=$('cpsFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ — '+(item.natural?'natural':'unnatural');fb.className='feedback '+(correct?'ok':'err');
    document.removeEventListener('keydown',kh);_CPS.idx++;
    _CPS.T(cpsNext,600);
  };
  document.addEventListener('keydown',kh);
}
function cpsEnd(){
  _CPS.clear();_CPS.active=false;
  $('cpsStimPhase').style.display='none';$('cpsProgressBar').style.width='100%';
  if(_CPS.isPractice){$('pcStats').innerHTML='ACC <span>'+(_CPS.correct/_CPS.items.length*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._cps_log=_CPS.log;$('exportBtn').disabled=false;
  var nat=_CPS.log.filter(function(r){return r.natural;});var unnat=_CPS.log.filter(function(r){return !r.natural;});
  var natAcc=nat.length?(nat.filter(function(r){return r.correct;}).length/nat.length*100).toFixed(0)+'%':'--';
  var unAcc=unnat.length?(unnat.filter(function(r){return r.correct;}).length/unnat.length*100).toFixed(0)+'%':'--';
  $('cpsMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(_CPS.correct/_CPS.items.length*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+natAcc+'</div><div class="vm-lbl">Natural Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+unAcc+'</div><div class="vm-lbl">Unnatural Detect.</div></div>';
  $('cpsResultsPhase').style.display='block';updateSidebar();
}
function cpsExportCSV(){
  var log=window._cps_log;if(!log)return;
  var blob=new Blob(['trial,natural,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.natural?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='cps_'+Date.now()+'.csv';a.click();
}
// ══ N2b ══════════════════════════════════════════════════
var _N2B=null;
var N2B_STDS='ABCDEFGHIJKLMNOPQRSTUVWYZ'.split('');
function startN2B(isPractice){
  var N=isPractice?40:200,targetProb=0.2;
  _N2B={active:true,isPractice:isPractice,trial:0,maxTrials:N,hits:0,misses:0,fas:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_N2B._timers.push(t);return t;}
  _N2B.T=T;_N2B.clear=function(){_N2B._timers.forEach(clearTimeout);_N2B._timers=[];};
  hideAll();$('n2bScreen').style.display='flex';
  $('n2bPracticeBanner').style.display=isPractice?'block':'none';
  $('n2bProgressBar').style.width='0%';$('n2bStimPhase').style.display='flex';
  $('n2bResultsPhase').style.display='none';$('n2bFeedback').textContent='';
  $('si-task').textContent='N2b'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _N2B.clear();_N2B.active=false;
    $('n2bStimPhase').style.display='none';$('n2bProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='HITS <span>'+_N2B.hits+'</span> FA <span>'+_N2B.fas+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._n2b_log=_N2B.log;$('exportBtn').disabled=false;
    var nT=_N2B.log.filter(function(r){return r.isTarget;}).length;
    var nS=_N2B.log.filter(function(r){return !r.isTarget;}).length;
    var hr=nT?(_N2B.hits/nT).toFixed(2):0;var far=nS?(_N2B.fas/nS).toFixed(2):0;
    var dp=(hr-far).toFixed(2);
    var rtT=_N2B.log.filter(function(r){return r.isTarget&&r.rt;});
    var avgRT=rtT.length?(rtT.reduce(function(a,b){return a+b.rt;},0)/rtT.length).toFixed(0):'--';
    $('n2bMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_N2B.hits+'/'+nT+'</div><div class="vm-lbl">Hits</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_N2B.fas+'</div><div class="vm-lbl">False Alarms</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+dp+'</div><div class="vm-lbl">d\'</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Mean RT (targets)</div></div>';
    $('n2bResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_N2B.active)return;if(_N2B.trial>=N){end();return;}
    _N2B.trial++;
    $('n2bProgressBar').style.width=(_N2B.trial/N*100).toFixed(1)+'%';
    $('n2b-trial').textContent='Trial '+_N2B.trial+'/'+N;
    $('n2b-hits').textContent='Hits: '+_N2B.hits;
    $('n2bFeedback').textContent='';$('n2bFeedback').className='feedback';
    var isTarget=Math.random()<targetProb;
    var letter=isTarget?'X':N2B_STDS[Math.floor(Math.random()*N2B_STDS.length)];
    var el=$('n2bLetter');el.textContent=letter;
    el.style.color=isTarget?'var(--gold)':'rgba(138,180,208,0.7)';
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_N2B.active)return;if(e.code!=='Space'&&e.key!==' ')return;
      e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      if(isTarget){_N2B.hits++;$('n2bFeedback').textContent=rt+'ms ✓';$('n2bFeedback').className='feedback ok';}
      else{_N2B.fas++;$('n2bFeedback').textContent='X false alarm';$('n2bFeedback').className='feedback err';}
      _N2B.log.push({trial:_N2B.trial,letter:letter,isTarget:isTarget,responded:true,rt:rt});
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      el.textContent='';
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){
          if(isTarget)_N2B.misses++;
          _N2B.log.push({trial:_N2B.trial,letter:letter,isTarget:isTarget,responded:false,rt:null});
        }
        T(next,350+Math.random()*250);
      },150);
    },150);
  }
  T(next,800);
}
function n2bExportCSV(){
  var log=window._n2b_log;if(!log)return;
  var blob=new Blob(['trial,letter,is_target,responded,rt_ms\n'+log.map(function(r){return[r.trial,r.letter,r.isTarget?1:0,r.responded?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='n2b_'+Date.now()+'.csv';a.click();
}
// ══ Pd ═══════════════════════════════════════════════════
var _PD=null;
function startPD(isPractice){
  var N=isPractice?30:120;
  _PD={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_PD._timers.push(t);return t;}
  _PD.T=T;_PD.clear=function(){_PD._timers.forEach(clearTimeout);_PD._timers=[];};
  hideAll();$('pdScreen').style.display='flex';
  $('pdPracticeBanner').style.display=isPractice?'block':'none';
  $('pdProgressBar').style.width='0%';$('pdStimPhase').style.display='flex';
  $('pdResultsPhase').style.display='none';$('pdFeedback').textContent='';
  $('si-task').textContent='Pd'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function drawDisplay(targetTilt, distSide){
    var cvs=$('pdCanvas'),ctx=cvs.getContext('2d'),W=300,H=200;
    ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
    // 8 circles arranged in a ring; one is a square (target); one is coloured (distractor)
    var positions=[];for(var i=0;i<8;i++){var a=i*Math.PI/4-Math.PI/2;positions.push({x:W/2+Math.cos(a)*72,y:H/2+Math.sin(a)*72});}
    positions.sort(function(){return Math.random()-0.5;});
    var targetIdx=0,distIdx=distSide==='left'?Math.floor(positions.length/2)+1:1;
    positions.forEach(function(pos,i){
      ctx.save();ctx.translate(pos.x,pos.y);
      if(i===targetIdx){
        // target: diamond tilted left or right
        ctx.rotate(targetTilt==='left'?-0.4:0.4);ctx.strokeStyle=GOLD||'#d4b456';ctx.lineWidth=2;ctx.strokeRect(-10,-10,20,20);
      } else if(i===distIdx){
        // distractor: bright circle
        ctx.beginPath();ctx.arc(0,0,9,0,Math.PI*2);ctx.fillStyle='rgba(224,92,92,0.8)';ctx.fill();
      } else {
        // standard: circle
        ctx.beginPath();ctx.arc(0,0,9,0,Math.PI*2);ctx.strokeStyle='rgba(138,180,208,0.5)';ctx.lineWidth=2;ctx.stroke();
      }
      ctx.restore();
    });
    return{targetTilt:targetTilt,distSide:distSide};
  }
  function end(){
    _PD.clear();_PD.active=false;
    $('pdStimPhase').style.display='none';$('pdProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_PD.correct/_PD.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._pd_log=_PD.log;$('exportBtn').disabled=false;
    var distTrials=_PD.log.filter(function(r){return r.hasDist;});var noDistTrials=_PD.log.filter(function(r){return !r.hasDist;});
    var distRT=distTrials.filter(function(r){return r.rt;});var noDistRT=noDistTrials.filter(function(r){return r.rt;});
    var dRT=distRT.length?(distRT.reduce(function(a,b){return a+b.rt;},0)/distRT.length).toFixed(0):'--';
    var ndRT=noDistRT.length?(noDistRT.reduce(function(a,b){return a+b.rt;},0)/noDistRT.length).toFixed(0):'--';
    $('pdMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+(_PD.correct/_PD.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+dRT+'ms</div><div class="vm-lbl">RT + distractor</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+ndRT+'ms</div><div class="vm-lbl">RT no distractor</div></div>';
    $('pdResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_PD.active)return;if(_PD.trial>=N){end();return;}
    _PD.trial++;
    $('pdProgressBar').style.width=(_PD.trial/N*100).toFixed(1)+'%';
    $('pd-trial').textContent='Trial '+_PD.trial+'/'+N;
    $('pd-acc').textContent='Acc: '+(_PD.trial>1?(_PD.correct/(_PD.trial-1)*100).toFixed(0)+'%':'--');
    $('pdFeedback').textContent='';$('pdFeedback').className='feedback';
    var tilt=Math.random()<0.5?'left':'right';
    var hasDist=Math.random()<0.7;var distSide=Math.random()<0.5?'left':'right';
    var info=drawDisplay(tilt,hasDist?distSide:null);
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_PD.active)return;
      var resp=e.key==='f'||e.key==='F'?'left':e.key==='j'||e.key==='J'?'right':null;
      if(!resp)return;e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);var correct=resp===tilt;
      if(correct)_PD.correct++;
      _PD.log.push({trial:_PD.trial,tilt:tilt,hasDist:hasDist,distSide:distSide,response:resp,correct:correct,rt:rt});
      var fb=$('pdFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      var cvs=$('pdCanvas'),ctx=cvs.getContext('2d');ctx.clearRect(0,0,300,200);ctx.fillStyle='#060d14';ctx.fillRect(0,0,300,200);
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded)_PD.log.push({trial:_PD.trial,tilt:tilt,hasDist:hasDist,distSide:distSide,response:null,correct:false,rt:null});
        T(next,300+Math.random()*300);
      },200);
    },200);
  }
  T(next,800);
}
function pdExportCSV(){
  var log=window._pd_log;if(!log)return;
  var blob=new Blob(['trial,tilt,has_distractor,dist_side,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.tilt,r.hasDist?1:0,r.distSide||'',r.response||'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='pd_'+Date.now()+'.csv';a.click();
}
// ══ ERAN ═════════════════════════════════════════════════
var _ERAN=null;
// C major context chords, then either regular (G->C) or irregular (bII->C, tritone sub)
// Represented as frequency arrays for Web Audio
var ERAN_CHORDS={
  C:[261.6,329.6,392.0],  // I C major
  F:[174.6,220.0,261.6],  // IV F major
  G:[196.0,246.9,293.7],  // V G major
  Am:[220.0,261.6,329.6], // vi A minor
  Db:[138.6,174.6,207.7], // bII Db major (irregular/Neapolitan)
  Bb:[116.5,146.8,174.6], // bVII Bb major (irregular)
};
var ERAN_SEQUENCES=[
  {seq:['C','F','G','C'],regular:true},
  {seq:['C','Am','F','G'],regular:true},
  {seq:['C','F','C','G'],regular:true},
  {seq:['C','Am','G','C'],regular:true},
  {seq:['C','F','G','Db'],regular:false},
  {seq:['C','Am','F','Db'],regular:false},
  {seq:['C','F','C','Bb'],regular:false},
  {seq:['C','Am','G','Bb'],regular:false},
];
function startERAN(isPractice){
  var seqs=[];var N=isPractice?16:64;
  while(seqs.length<N)seqs=seqs.concat(ERAN_SEQUENCES.slice().sort(function(){return Math.random()-0.5;}));
  seqs=seqs.slice(0,N);
  _ERAN={active:true,isPractice:isPractice,seqs:seqs,idx:0,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_ERAN._timers.push(t);return t;}
  _ERAN.T=T;_ERAN.clear=function(){_ERAN._timers.forEach(clearTimeout);_ERAN._timers=[];};
  hideAll();$('eranScreen').style.display='flex';
  $('eranPracticeBanner').style.display=isPractice?'block':'none';
  $('eranProgressBar').style.width='0%';$('eranStimPhase').style.display='flex';
  $('eranResultsPhase').style.display='none';$('eranFeedback').textContent='';
  $('si-task').textContent='ERAN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  eranNext();
}
function eranPlayChord(freqs,dur){
  try{
    var ctx2=new (window.AudioContext||window.webkitAudioContext)();
    freqs.forEach(function(f){
      var o=ctx2.createOscillator();var g=ctx2.createGain();
      o.connect(g);g.connect(ctx2.destination);o.type='sine';o.frequency.value=f;
      g.gain.setValueAtTime(0,ctx2.currentTime);g.gain.linearRampToValueAtTime(0.15,ctx2.currentTime+0.02);
      g.gain.linearRampToValueAtTime(0,ctx2.currentTime+dur);
      o.start(ctx2.currentTime);o.stop(ctx2.currentTime+dur+0.05);
    });
  }catch(e){}
}
function eranNext(){
  if(!_ERAN.active)return;if(_ERAN.idx>=_ERAN.seqs.length){eranEnd();return;}
  var seq=_ERAN.seqs[_ERAN.idx];
  $('eran-trial').textContent=(_ERAN.idx+1)+'/'+_ERAN.seqs.length;
  $('eranProgressBar').style.width=(_ERAN.idx/_ERAN.seqs.length*100).toFixed(1)+'%';
  $('eran-acc').textContent='Acc: '+(_ERAN.idx?(_ERAN.correct/_ERAN.idx*100).toFixed(0)+'%':'--');
  $('eranFeedback').textContent='';$('eranFeedback').className='feedback';
  $('eranInstruct').textContent='Listening...';
  // Render chord symbols
  var cd=$('eranChords');cd.innerHTML='';
  seq.seq.forEach(function(ch,i){
    var span=document.createElement('span');
    span.style.cssText='font-family:"Source Code Pro",monospace;font-size:1rem;padding:6px 10px;border:1px solid #1a2f44;border-radius:3px;background:#0a1620;color:var(--dim);transition:all 0.1s;';
    span.textContent=ch;span.id='eranChord'+i;cd.appendChild(span);
    if(i<seq.seq.length-1){var arrow=document.createElement('span');arrow.textContent=' → ';arrow.style.color='var(--dim)';cd.appendChild(arrow);}
  });
  // Play sequence
  var delay=200;
  seq.seq.forEach(function(ch,i){
    _ERAN.T(function(){
      if(!_ERAN.active)return;
      var el=$('eranChord'+i);if(el)el.style.color=i===seq.seq.length-1?(seq.regular?'var(--gold)':'#e05c5c'):'var(--gold)';
      if(el)el.style.borderColor=i===seq.seq.length-1?(seq.regular?'rgba(212,180,86,0.5)':'rgba(224,92,92,0.5)'):'rgba(212,180,86,0.3)';
      eranPlayChord(ERAN_CHORDS[ch],0.25);
    },delay+i*400);
  });
  _ERAN.T(function(){
    if(!_ERAN.active)return;
    $('eranInstruct').textContent='Does the final chord fit?';
    triggerFlash();
    var onset=performance.now();
    var kh=function(e){
      if(!_ERAN.active)return;
      var resp=e.key==='y'||e.key==='Y'?true:e.key==='n'||e.key==='N'?false:null;
      if(resp===null)return;e.preventDefault();
      var rt=+(performance.now()-onset).toFixed(1);
      var correct=resp===seq.regular;if(correct)_ERAN.correct++;
      _ERAN.log.push({trial:_ERAN.idx+1,regular:seq.regular,response:resp,correct:correct,rt:rt});
      var fb=$('eranFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ — '+(seq.regular?'was regular':'was irregular');fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);_ERAN.idx++;
      _ERAN.T(eranNext,700);
    };
    document.addEventListener('keydown',kh);
  },delay+seq.seq.length*400+100);
}
function eranEnd(){
  _ERAN.clear();_ERAN.active=false;
  $('eranStimPhase').style.display='none';$('eranProgressBar').style.width='100%';
  if(_ERAN.isPractice){$('pcStats').innerHTML='ACC <span>'+(_ERAN.correct/_ERAN.seqs.length*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._eran_log=_ERAN.log;$('exportBtn').disabled=false;
  var irreg=_ERAN.log.filter(function(r){return !r.regular;});var reg=_ERAN.log.filter(function(r){return r.regular;});
  var iAcc=irreg.length?(irreg.filter(function(r){return r.correct;}).length/irreg.length*100).toFixed(0)+'%':'--';
  var rAcc=reg.length?(reg.filter(function(r){return r.correct;}).length/reg.length*100).toFixed(0)+'%':'--';
  $('eranMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(_ERAN.correct/_ERAN.seqs.length*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+iAcc+'</div><div class="vm-lbl">Irregular Detect.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+rAcc+'</div><div class="vm-lbl">Regular Accept.</div></div>';
  $('eranResultsPhase').style.display='block';updateSidebar();
}
function eranExportCSV(){
  var log=window._eran_log;if(!log)return;
  var blob=new Blob(['trial,regular,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.regular?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='eran_'+Date.now()+'.csv';a.click();
}
// ══ LPC ══════════════════════════════════════════════════
var _LPC=null;
var LPC_WORDS=['anchor','bishop','candle','dolphin','emerald','falcon','glacier','harbor',
  'island','jasmine','kettle','lantern','mango','napkin','obelisk','pilgrim',
  'quarry','raven','scarlet','temple','umber','velvet','walnut','yonder',
  'prism','cipher','zephyr','cobalt','fossil','gravel'];
function startLPC(isPractice){
  var N=isPractice?12:24;
  var targets=LPC_WORDS.slice(0,N).sort(function(){return Math.random()-0.5;});
  var foils=LPC_WORDS.slice(N,N+N/2).sort(function(){return Math.random()-0.5;});
  var testItems=targets.concat(foils).sort(function(){return Math.random()-0.5;});
  _LPC={active:true,isPractice:isPractice,targets:targets,foils:foils,testItems:testItems,
    phase:'study',si:0,hits:0,fas:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_LPC._timers.push(t);return t;}
  _LPC.T=T;_LPC.clear=function(){_LPC._timers.forEach(clearTimeout);_LPC._timers=[];};
  hideAll();$('lpcScreen').style.display='flex';$('lpcPracticeBanner').style.display=isPractice?'block':'none';
  $('lpcProgressBar').style.width='0%';$('lpcStimPhase').style.display='flex';$('lpcResultsPhase').style.display='none';
  $('si-task').textContent='LPC'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  $('lpcHint').textContent='';lpcStudy();
}
function lpcStudy(){
  _LPC.phase='study';$('lpc-phase').textContent='STUDY';$('lpcInstruct').textContent='Study these words carefully';$('lpcHint').textContent='';
  var si=0;
  function show(){if(!_LPC.active)return;if(si>=_LPC.targets.length){setTimeout(lpcTest,1500);return;}
    $('lpc-trial').textContent=(si+1)+'/'+_LPC.targets.length;$('lpcProgressBar').style.width=(si/_LPC.targets.length*50).toFixed(1)+'%';
    $('lpcWord').textContent=_LPC.targets[si++].toUpperCase();$('lpcWord').style.color='var(--gold)';triggerFlash();setTimeout(show,1200);}show();
}
function lpcTest(){
  _LPC.phase='test';$('lpc-phase').textContent='TEST';$('lpcInstruct').textContent='OLD or NEW?';$('lpcHint').textContent='F = OLD (studied) · J = NEW (not studied)';
  var ti=0;
  function next(){if(!_LPC.active)return;if(ti>=_LPC.testItems.length){lpcEnd();return;}
    var word=_LPC.testItems[ti++];var isOld=_LPC.targets.indexOf(word)>=0;
    $('lpc-trial').textContent=ti+'/'+_LPC.testItems.length;$('lpcProgressBar').style.width=(50+ti/_LPC.testItems.length*50).toFixed(1)+'%';
    $('lpcWord').textContent=word.toUpperCase();$('lpcWord').style.color='var(--mid)';
    $('lpcFeedback').textContent='';$('lpcFeedback').className='feedback';triggerFlash();
    var onset=performance.now();
    var kh=function(e){if(!_LPC.active)return;var r=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;if(r===null)return;e.preventDefault();
      var rt=+(performance.now()-onset).toFixed(1);var hit=r&&isOld;var fa=r&&!isOld;if(hit)_LPC.hits++;if(fa)_LPC.fas++;
      _LPC.log.push({word:word,isOld:isOld,response:r,correct:r===isOld,rt:rt});
      var fb=$('lpcFeedback');fb.textContent=r===isOld?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(r===isOld?'ok':'err');
      document.removeEventListener('keydown',kh);setTimeout(next,400);}; document.addEventListener('keydown',kh);}next();
}
function lpcEnd(){
  _LPC.clear();_LPC.active=false;$('lpcStimPhase').style.display='none';$('lpcProgressBar').style.width='100%';
  if(_LPC.isPractice){$('pcStats').innerHTML='HITS <span>'+_LPC.hits+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._lpc_log=_LPC.log;$('exportBtn').disabled=false;
  var nOld=_LPC.targets.length,nNew=_LPC.foils.length;
  var dp=+(_LPC.hits/nOld-_LPC.fas/nNew).toFixed(2);
  var hits=_LPC.log.filter(function(r){return r.isOld&&r.correct;});
  var avgRT=hits.length?(hits.reduce(function(a,b){return a+b.rt;},0)/hits.length).toFixed(0):'--';
  $('lpcMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+dp+'</div><div class="vm-lbl">d\'</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+_LPC.hits+'/'+nOld+'</div><div class="vm-lbl">Hits</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+avgRT+'ms</div><div class="vm-lbl">Mean RT (hits)</div></div>';
  $('lpcResultsPhase').style.display='block';updateSidebar();
}
function lpcExportCSV(){
  var log=window._lpc_log;if(!log)return;
  var blob=new Blob(['word,is_old,response,correct,rt_ms\n'+log.map(function(r){return[r.word,r.isOld?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='lpc_'+Date.now()+'.csv';a.click();
}
// ══ FRN ══════════════════════════════════════════════════
var _FRN=null;
function startFRN(isPractice){
  var N=isPractice?24:80;var points=0;
  _FRN={active:true,isPractice:isPractice,trial:0,maxTrials:N,points:0,wins:0,losses:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_FRN._timers.push(t);return t;}
  _FRN.T=T;_FRN.clear=function(){_FRN._timers.forEach(clearTimeout);_FRN._timers=[];};
  hideAll();$('frnScreen').style.display='flex';$('frnPracticeBanner').style.display=isPractice?'block':'none';
  $('frnProgressBar').style.width='0%';$('frnStimPhase').style.display='flex';$('frnResultsPhase').style.display='none';
  $('frnFeedback').textContent='';$('frnInstruct').textContent='Choose: press F or J';
  $('si-task').textContent='FRN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _FRN.clear();_FRN.active=false;$('frnStimPhase').style.display='none';$('frnProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='SCORE <span>'+_FRN.points+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._frn_log=_FRN.log;$('exportBtn').disabled=false;
    $('frnMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_FRN.points+'</div><div class="vm-lbl">Final Score</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_FRN.wins+'</div><div class="vm-lbl">Wins</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_FRN.losses+'</div><div class="vm-lbl">Losses</div></div>';
    $('frnResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_FRN.active)return;if(_FRN.trial>=N){end();return;}
    _FRN.trial++;
    $('frnProgressBar').style.width=(_FRN.trial/N*100).toFixed(1)+'%';$('frn-trial').textContent='Trial '+_FRN.trial+'/'+N;
    $('frn-score').textContent='Score: '+_FRN.points;$('frnFeedback').textContent='';$('frnFeedback').className='feedback';
    // Two decks with different win probabilities
    var deck1win=0.6;var deck2win=0.4;
    var cd=$('frnChoice');cd.innerHTML='';
    var deck1=document.createElement('div');deck1.style.cssText='padding:18px 28px;border:2px solid rgba(138,180,208,0.4);border-radius:4px;cursor:pointer;font-family:"Source Code Pro",monospace;font-size:1rem;color:var(--mid);background:#0a1620;';deck1.textContent='DECK A';
    var deck2=document.createElement('div');deck2.style.cssText=deck1.style.cssText;deck2.textContent='DECK B';
    deck1.onmouseenter=function(){deck1.style.borderColor='var(--gold)';deck1.style.color='var(--gold)';};deck1.onmouseleave=function(){deck1.style.borderColor='rgba(138,180,208,0.4)';deck1.style.color='var(--mid)';};
    deck2.onmouseenter=function(){deck2.style.borderColor='var(--gold)';deck2.style.color='var(--gold)';};deck2.onmouseleave=function(){deck2.style.borderColor='rgba(138,180,208,0.4)';deck2.style.color='var(--mid)';};
    cd.appendChild(deck1);cd.appendChild(deck2);
    triggerFlash();
    var onset=performance.now();var responded=false;
    var choose=function(deck){
      if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      var win=Math.random()<(deck===1?deck1win:deck2win);
      var pts=win?10:-10;_FRN.points+=pts;
      if(win)_FRN.wins++;else _FRN.losses++;
      cd.innerHTML='';
      var fb=$('frnFeedback');
      fb.textContent=win?'+10 WIN':'-10 LOSS';fb.className='feedback '+(win?'ok':'err');
      $('frn-score').textContent='Score: '+_FRN.points;
      _FRN.log.push({trial:_FRN.trial,deck:deck,win:win,pts:pts,rt:rt});
      document.removeEventListener('keydown',kh);T(next,800);
    };
    deck1.onclick=function(){choose(1);};deck2.onclick=function(){choose(2);};
    var kh=function(e){if(!_FRN.active)return;if(e.key==='f'||e.key==='F'){e.preventDefault();choose(1);}else if(e.key==='j'||e.key==='J'){e.preventDefault();choose(2);}};
    document.addEventListener('keydown',kh);
  }
  T(next,600);
}
function frnExportCSV(){
  var log=window._frn_log;if(!log)return;
  var blob=new Blob(['trial,deck,win,points,rt_ms\n'+log.map(function(r){return[r.trial,r.deck,r.win?1:0,r.pts,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='frn_'+Date.now()+'.csv';a.click();
}
// ══ CDA ══════════════════════════════════════════════════
var _CDA=null;
var CDA_COLOURS=['#e05c5c','#5b9fda','#81c784','#f5c842','#c891e0','#f5a742'];
function startCDA(isPractice){
  var N=isPractice?20:80;var setSizes=[2,3,4];
  _CDA={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_CDA._timers.push(t);return t;}
  _CDA.T=T;_CDA.clear=function(){_CDA._timers.forEach(clearTimeout);_CDA._timers=[];};
  hideAll();$('cdaScreen').style.display='flex';$('cdaPracticeBanner').style.display=isPractice?'block':'none';
  $('cdaProgressBar').style.width='0%';$('cdaStimPhase').style.display='flex';$('cdaResultsPhase').style.display='none';
  $('si-task').textContent='CDA'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function drawArray(side,colours,probe,changed){
    var cvs=$('cdaCanvas'),ctx=cvs.getContext('2d'),W=320,H=160;
    ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
    ctx.strokeStyle='rgba(138,180,208,0.2)';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(W/2,0);ctx.lineTo(W/2,H);ctx.stroke();
    if(!probe){
      var xs=side==='left'?[30,80,130]:[190,240,290];
      colours.forEach(function(col,i){if(xs[i]===undefined)return;ctx.fillStyle=col;ctx.fillRect(xs[i]-14,H/2-14,28,28);});
    } else {
      var pcolours=changed?colours.map(function(c,i){return i===0?CDA_COLOURS[(CDA_COLOURS.indexOf(c)+1)%CDA_COLOURS.length]:c;}):colours;
      var xs2=side==='left'?[30,80,130]:[190,240,290];
      pcolours.forEach(function(col,i){if(xs2[i]===undefined)return;ctx.fillStyle=col;ctx.fillRect(xs2[i]-14,H/2-14,28,28);});
    }
  }
  function end(){
    _CDA.clear();_CDA.active=false;$('cdaStimPhase').style.display='none';$('cdaProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_CDA.correct/_CDA.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._cda_log=_CDA.log;$('exportBtn').disabled=false;
    var by={2:[],3:[],4:[]};_CDA.log.forEach(function(r){if(by[r.setSize])by[r.setSize].push(r.correct?1:0);});
    var metr='';[2,3,4].forEach(function(sz){var a=by[sz];if(a.length)metr+='<div class="vrt-metric"><div class="vm-val">'+(a.reduce(function(x,y){return x+y;},0)/a.length*100).toFixed(0)+'%</div><div class="vm-lbl">Acc (set '+sz+')</div></div>';});
    $('cdaMetrics').innerHTML=metr;$('cdaResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_CDA.active)return;if(_CDA.trial>=N){end();return;}
    _CDA.trial++;
    $('cdaProgressBar').style.width=(_CDA.trial/N*100).toFixed(1)+'%';$('cda-trial').textContent='Trial '+_CDA.trial+'/'+N;
    $('cda-acc').textContent='Acc: '+(_CDA.trial>1?(_CDA.correct/(_CDA.trial-1)*100).toFixed(0)+'%':'--');
    var sz=setSizes[Math.floor(Math.random()*setSizes.length)];
    var side=Math.random()<0.5?'left':'right';
    var cols=CDA_COLOURS.slice().sort(function(){return Math.random()-0.5;}).slice(0,sz);
    var changed=Math.random()<0.5;
    $('cdaInstruct').textContent='Memorise the colours on the '+side+' side';$('cdaHint').textContent='';
    $('cdaFeedback').textContent='';$('cdaFeedback').className='feedback';
    drawArray(side,cols,false,false);triggerFlash();
    T(function(){
      if(!_CDA.active)return;
      var cvs=$('cdaCanvas'),ctx=cvs.getContext('2d');ctx.clearRect(0,0,320,160);ctx.fillStyle='#060d14';ctx.fillRect(0,0,320,160);ctx.strokeStyle='rgba(138,180,208,0.2)';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(160,0);ctx.lineTo(160,160);ctx.stroke();
      $('cdaInstruct').textContent='Remember...';
      T(function(){
        if(!_CDA.active)return;
        drawArray(side,cols,true,changed);$('cdaInstruct').textContent='Did any colour change?';$('cdaHint').textContent='F = same · J = changed';triggerFlash();
        var onset=performance.now();var responded=false;
        var kh=function(e){if(!_CDA.active)return;var r=e.key==='f'||e.key==='F'?false:e.key==='j'||e.key==='J'?true:null;if(r===null)return;e.preventDefault();if(responded)return;responded=true;
          var rt=+(performance.now()-onset).toFixed(1);var correct=r===changed;if(correct)_CDA.correct++;
          _CDA.log.push({trial:_CDA.trial,setSize:sz,changed:changed,response:r,correct:correct,rt:rt});
          var fb=$('cdaFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
          document.removeEventListener('keydown',kh);T(next,600);};
        document.addEventListener('keydown',kh);},900);},200);
  }
  T(next,600);
}
function cdaExportCSV(){
  var log=window._cda_log;if(!log)return;
  var blob=new Blob(['trial,set_size,changed,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.setSize,r.changed?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='cda_'+Date.now()+'.csv';a.click();
}
// ══ LDAEP ════════════════════════════════════════════════
var _LDAEP=null;
function startLDAEP(isPractice){
  var repsPerLevel=isPractice?4:16;var levels=[0.04,0.1,0.18,0.26,0.34];
  var trials=[];levels.forEach(function(lv,i){for(var r=0;r<repsPerLevel;r++)trials.push({level:lv,levelIdx:i+1});});
  trials.sort(function(){return Math.random()-0.5;});
  _LDAEP={active:true,isPractice:isPractice,trials:trials,idx:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_LDAEP._timers.push(t);return t;}
  _LDAEP.T=T;_LDAEP.clear=function(){_LDAEP._timers.forEach(clearTimeout);_LDAEP._timers=[];};
  hideAll();$('ldaepScreen').style.display='flex';$('ldaepPracticeBanner').style.display=isPractice?'block':'none';
  $('ldaepProgressBar').style.width='0%';$('ldaepStimPhase').style.display='flex';$('ldaepResultsPhase').style.display='none';
  $('si-task').textContent='LDAEP'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _LDAEP.clear();_LDAEP.active=false;$('ldaepStimPhase').style.display='none';$('ldaepProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='DONE <span>'+_LDAEP.idx+'</span> tones';hideAll();$('practiceComplete').style.display='flex';return;}
    window._ldaep_log=_LDAEP.log;$('exportBtn').disabled=false;
    $('ldaepMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_LDAEP.idx+'</div><div class="vm-lbl">Tones Presented</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+levels.length+'</div><div class="vm-lbl">Intensity Levels</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+repsPerLevel+'</div><div class="vm-lbl">Reps / Level</div></div>';
    $('ldaepResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_LDAEP.active)return;if(_LDAEP.idx>=_LDAEP.trials.length){end();return;}
    var trial=_LDAEP.trials[_LDAEP.idx];
    $('ldaepProgressBar').style.width=(_LDAEP.idx/_LDAEP.trials.length*100).toFixed(1)+'%';
    $('ldaep-trial').textContent='Tone '+(_LDAEP.idx+1)+'/'+_LDAEP.trials.length;
    $('ldaep-level').textContent='Level '+trial.levelIdx;
    for(var i=1;i<=5;i++){var bar=$('ldaepBar'+i);bar.style.height=(i*10)+'px';bar.style.background=i<=trial.levelIdx?'rgba(212,180,86,0.7)':'rgba(212,180,86,0.15)';}
    var tone=$('ldaepTone');tone.style.background='rgba(212,180,86,'+(0.1+trial.level)+')';tone.textContent='♪';tone.style.transform='scale('+(0.8+trial.level*2)+')';
    try{
      var ctx2=new (window.AudioContext||window.webkitAudioContext)();
      var osc=ctx2.createOscillator();var gain=ctx2.createGain();
      osc.connect(gain);gain.connect(ctx2.destination);osc.type='sine';osc.frequency.value=1000;
      gain.gain.setValueAtTime(0,ctx2.currentTime);gain.gain.linearRampToValueAtTime(trial.level,ctx2.currentTime+0.01);
      gain.gain.linearRampToValueAtTime(0,ctx2.currentTime+0.05);
      osc.start(ctx2.currentTime);osc.stop(ctx2.currentTime+0.1);
    }catch(e){}
    triggerFlash();_LDAEP.log.push({trial:_LDAEP.idx+1,levelIdx:trial.levelIdx,level:trial.level});_LDAEP.idx++;
    T(function(){tone.textContent='';tone.style.transform='scale(1)';tone.style.background='#060d14';T(next,400+Math.random()*300);},60);
  }
  T(next,600);
}
function ldaepExportCSV(){
  var log=window._ldaep_log;if(!log)return;
  var blob=new Blob(['trial,level_idx,level_amplitude\n'+log.map(function(r){return[r.trial,r.levelIdx,r.level].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='ldaep_'+Date.now()+'.csv';a.click();
}
// ══ RRN ══════════════════════════════════════════════════
var _RRN=null;
function startRRN(isPractice){
  var N=isPractice?30:120;
  _RRN={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,log:[],rts:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_RRN._timers.push(t);return t;}
  _RRN.T=T;_RRN.clear=function(){_RRN._timers.forEach(clearTimeout);_RRN._timers=[];};
  hideAll();$('rrnScreen').style.display='flex';$('rrnPracticeBanner').style.display=isPractice?'block':'none';
  $('rrnProgressBar').style.width='0%';$('rrnStimPhase').style.display='flex';$('rrnResultsPhase').style.display='none';
  $('rrnInstruct').textContent='Respond as fast as possible';$('rrnArrow').textContent='';$('rrnFeedback').textContent='';
  $('si-task').textContent='RRN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _RRN.clear();_RRN.active=false;$('rrnStimPhase').style.display='none';$('rrnProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_RRN.correct/_RRN.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._rrn_log=_RRN.log;$('exportBtn').disabled=false;
    var validRTs=_RRN.rts.filter(function(r){return r>100&&r<1000;});
    var meanRT=validRTs.length?(validRTs.reduce(function(a,b){return a+b;},0)/validRTs.length).toFixed(0):'--';
    var sdRT=validRTs.length>1?(Math.sqrt(validRTs.reduce(function(a,b){return a+Math.pow(b-parseFloat(meanRT),2);},0)/validRTs.length)).toFixed(0):'--';
    $('rrnMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+meanRT+'ms</div><div class="vm-lbl">Mean RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+sdRT+'ms</div><div class="vm-lbl">SD RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+(_RRN.correct/_RRN.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Accuracy</div></div>';
    $('rrnResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_RRN.active)return;if(_RRN.trial>=N){end();return;}
    _RRN.trial++;$('rrnProgressBar').style.width=(_RRN.trial/N*100).toFixed(1)+'%';$('rrn-trial').textContent='Trial '+_RRN.trial+'/'+N;
    $('rrnArrow').textContent='';$('rrnInstruct').textContent='Ready...';$('rrnFeedback').textContent='';$('rrnFeedback').className='feedback';
    // Variable foreperiod 800–1600ms
    T(function(){
      if(!_RRN.active)return;
      var dir=Math.random()<0.5?'left':'right';
      $('rrnArrow').textContent=dir==='left'?'←':'→';$('rrnInstruct').textContent='';
      triggerFlash();var onset=performance.now();var responded=false;
      var kh=function(e){if(!_RRN.active)return;var r=e.key==='f'||e.key==='F'?'left':e.key==='j'||e.key==='J'?'right':null;if(!r)return;e.preventDefault();if(responded)return;responded=true;
        var rt=+(performance.now()-onset).toFixed(1);var correct=r===dir;if(correct){_RRN.correct++;_RRN.rts.push(rt);}
        _RRN.log.push({trial:_RRN.trial,dir:dir,response:r,correct:correct,rt:rt});
        $('rrn-rt').textContent=rt+'ms';var fb=$('rrnFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ — '+dir;fb.className='feedback '+(correct?'ok':'err');
        $('rrnArrow').textContent='';document.removeEventListener('keydown',kh);T(next,400);};
      document.addEventListener('keydown',kh);
      T(function(){document.removeEventListener('keydown',kh);if(!responded){_RRN.log.push({trial:_RRN.trial,dir:dir,response:null,correct:false,rt:null});T(next,300);}},1200);
    },800+Math.random()*800);
  }
  T(next,600);
}
function rrnExportCSV(){
  var log=window._rrn_log;if(!log)return;
  var blob=new Blob(['trial,direction,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.dir,r.response||'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='rrn_'+Date.now()+'.csv';a.click();
}
// ══ C1 ═══════════════════════════════════════════════════
var _C1=null;
function c1DrawFrame(field, isTarget, showFix){
  var cvs=$('c1Canvas');if(!cvs)return;
  var ctx=cvs.getContext('2d'),W=340,H=220,cx=W/2,cy=H/2;
  ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
  // Fixation cross
  if(showFix){ctx.strokeStyle=isTarget?'rgba(212,180,86,0.9)':'rgba(138,180,208,0.7)';ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(cx-8,cy);ctx.lineTo(cx+8,cy);ctx.moveTo(cx,cy-8);ctx.lineTo(cx,cy+8);ctx.stroke();}
  // Stimulus patch
  if(field){var py=field==='upper'?cy-68:cy+68;var bright=isTarget?0.35:0.65;ctx.fillStyle='rgba(255,255,255,'+bright+')';ctx.beginPath();ctx.arc(cx,py,20,0,Math.PI*2);ctx.fill();}
}
function startC1(isPractice){
  var N=isPractice?32:128; var targetProb=0.25;
  _C1={active:true,isPractice:isPractice,trial:0,maxTrials:N,hits:0,misses:0,fas:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_C1._timers.push(t);return t;}
  _C1.T=T;_C1.clear=function(){_C1._timers.forEach(clearTimeout);_C1._timers=[];};
  hideAll();$('c1Screen').style.display='flex';
  $('c1PracticeBanner').style.display=isPractice?'block':'none';
  $('c1ProgressBar').style.width='0%';$('c1StimPhase').style.display='flex';
  $('c1ResultsPhase').style.display='none';$('c1Feedback').textContent='';
  $('si-task').textContent='C1'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  c1DrawFrame(null,false,true);
  function end(){
    _C1.clear();_C1.active=false;c1DrawFrame(null,false,false);
    $('c1StimPhase').style.display='none';$('c1ProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='HITS <span>'+_C1.hits+'</span> FA <span>'+_C1.fas+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._c1_log=_C1.log;$('exportBtn').disabled=false;
    var nT=_C1.log.filter(function(r){return r.isTarget;}).length;
    var nS=_C1.log.filter(function(r){return !r.isTarget;}).length;
    var hr=nT?(_C1.hits/nT).toFixed(2):0; var far=nS?(_C1.fas/nS).toFixed(2):0;
    var dp=(parseFloat(hr)-parseFloat(far)).toFixed(2);
    $('c1Metrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+_C1.hits+'/'+nT+'</div><div class="vm-lbl">Hits</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_C1.fas+'</div><div class="vm-lbl">False Alarms</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+dp+'</div><div class="vm-lbl">d\'</div></div>';
    $('c1ResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_C1.active)return;if(_C1.trial>=N){end();return;}
    _C1.trial++;
    $('c1ProgressBar').style.width=(_C1.trial/N*100).toFixed(1)+'%';
    $('c1-trial').textContent='Trial '+_C1.trial+'/'+N;
    $('c1-hits').textContent='Hits: '+_C1.hits;
    $('c1Feedback').textContent='';$('c1Feedback').className='feedback';
    var field=Math.random()<0.5?'upper':'lower';
    var isTarget=Math.random()<targetProb;
    c1DrawFrame(field,isTarget,true);
    triggerFlash();
    var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_C1.active)return;if(e.code!=='Space'&&e.key!==' ')return;
      e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);
      if(isTarget){_C1.hits++;$('c1Feedback').textContent=rt+'ms ✓';$('c1Feedback').className='feedback ok';}
      else{_C1.fas++;$('c1Feedback').textContent='false alarm';$('c1Feedback').className='feedback err';}
      _C1.log.push({trial:_C1.trial,field:field,isTarget:isTarget,responded:true,rt:rt});
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      c1DrawFrame(null,false,true);
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){if(isTarget)_C1.misses++;_C1.log.push({trial:_C1.trial,field:field,isTarget:isTarget,responded:false,rt:null});}
        T(next,300+Math.random()*400);
      },150);
    },100);
  }
  T(next,800);
}
function c1ExportCSV(){
  var log=window._c1_log;if(!log)return;
  var blob=new Blob(['trial,field,is_target,responded,rt_ms\n'+log.map(function(r){return[r.trial,r.field,r.isTarget?1:0,r.responded?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='c1_'+Date.now()+'.csv';a.click();
}
// ══ PMN ══════════════════════════════════════════════════
var _PMN=null;
// Items: stem, target, sensible (Y), phonMismatch (target onset unexpected)
var PMN_ITEMS=[
  {stem:'The nurse gave the patient some',target:'medicine',sensible:true,phon:false},
  {stem:'The nurse gave the patient some',target:'blankets',sensible:true,phon:true},
  {stem:'The nurse gave the patient some',target:'helicopter',sensible:false,phon:false},
  {stem:'The chef prepared a delicious',target:'meal',sensible:true,phon:false},
  {stem:'The chef prepared a delicious',target:'dinner',sensible:true,phon:true},
  {stem:'The chef prepared a delicious',target:'bicycle',sensible:false,phon:false},
  {stem:'The student studied hard for the',target:'exam',sensible:true,phon:false},
  {stem:'The student studied hard for the',target:'test',sensible:true,phon:true},
  {stem:'The student studied hard for the',target:'ocean',sensible:false,phon:false},
  {stem:'The gardener watered the',target:'plants',sensible:true,phon:false},
  {stem:'The gardener watered the',target:'garden',sensible:true,phon:true},
  {stem:'The gardener watered the',target:'thunder',sensible:false,phon:false},
  {stem:'The pilot landed the',target:'plane',sensible:true,phon:false},
  {stem:'The pilot landed the',target:'aircraft',sensible:true,phon:true},
  {stem:'The pilot landed the',target:'sandwich',sensible:false,phon:false},
  {stem:'The librarian returned the',target:'books',sensible:true,phon:false},
  {stem:'The librarian returned the',target:'borrowed',sensible:false,phon:true},
  {stem:'The librarian returned the',target:'volcano',sensible:false,phon:false},
  {stem:'The doctor examined the',target:'patient',sensible:true,phon:false},
  {stem:'The doctor examined the',target:'records',sensible:true,phon:true},
  {stem:'The doctor examined the',target:'furniture',sensible:false,phon:false},
  {stem:'The baker put the bread in the',target:'oven',sensible:true,phon:false},
  {stem:'The baker put the bread in the',target:'basket',sensible:true,phon:true},
  {stem:'The baker put the bread in the',target:'river',sensible:false,phon:false},
  {stem:'She played a song on the',target:'piano',sensible:true,phon:false},
  {stem:'She played a song on the',target:'strings',sensible:true,phon:true},
  {stem:'She played a song on the',target:'mountain',sensible:false,phon:false},
  {stem:'The carpenter fixed the broken',target:'chair',sensible:true,phon:false},
  {stem:'The carpenter fixed the broken',target:'cabinet',sensible:true,phon:true},
  {stem:'The carpenter fixed the broken',target:'language',sensible:false,phon:false},
];
function startPMN(isPractice){
  var items=PMN_ITEMS.slice().sort(function(){return Math.random()-0.5;});
  if(isPractice)items=items.slice(0,16);
  _PMN={active:true,isPractice:isPractice,items:items,idx:0,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_PMN._timers.push(t);return t;}
  _PMN.T=T;_PMN.clear=function(){_PMN._timers.forEach(clearTimeout);_PMN._timers=[];};
  hideAll();$('pmnScreen').style.display='flex';
  $('pmnPracticeBanner').style.display=isPractice?'block':'none';
  $('pmnProgressBar').style.width='0%';$('pmnStimPhase').style.display='flex';
  $('pmnResultsPhase').style.display='none';$('pmnFeedback').textContent='';
  $('si-task').textContent='PMN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  pmnNext();
}
function pmnNext(){
  if(!_PMN.active)return;if(_PMN.idx>=_PMN.items.length){pmnEnd();return;}
  var item=_PMN.items[_PMN.idx];
  $('pmn-trial').textContent=(_PMN.idx+1)+'/'+_PMN.items.length;
  $('pmnProgressBar').style.width=(_PMN.idx/_PMN.items.length*100).toFixed(1)+'%';
  $('pmn-acc').textContent='Acc: '+(_PMN.idx?(_PMN.correct/_PMN.idx*100).toFixed(0)+'%':'--');
  $('pmnStem').textContent=item.stem;
  $('pmnTarget').textContent='';$('pmnPhonHint').textContent='';
  $('pmnFeedback').textContent='';$('pmnFeedback').className='feedback';
  _PMN.T(function(){
    if(!_PMN.active)return;
    $('pmnTarget').textContent=item.target.toUpperCase();
    if(item.phon)$('pmnPhonHint').textContent='[phonological mismatch context]';
    triggerFlash();var onset=performance.now();
    var kh=function(e){
      if(!_PMN.active)return;
      var resp=e.key==='y'||e.key==='Y'?true:e.key==='n'||e.key==='N'?false:null;
      if(resp===null)return;e.preventDefault();
      var rt=+(performance.now()-onset).toFixed(1);
      var correct=resp===item.sensible;if(correct)_PMN.correct++;
      _PMN.log.push({trial:_PMN.idx+1,sensible:item.sensible,phonMismatch:item.phon,response:resp,correct:correct,rt:rt});
      var fb=$('pmnFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);_PMN.idx++;_PMN.T(pmnNext,500);
    };
    document.addEventListener('keydown',kh);
  },600);
}
function pmnEnd(){
  _PMN.clear();_PMN.active=false;
  $('pmnStimPhase').style.display='none';$('pmnProgressBar').style.width='100%';
  if(_PMN.isPractice){$('pcStats').innerHTML='ACC <span>'+(_PMN.correct/_PMN.items.length*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
  window._pmn_log=_PMN.log;$('exportBtn').disabled=false;
  var phon=_PMN.log.filter(function(r){return r.phonMismatch;});
  var nophon=_PMN.log.filter(function(r){return !r.phonMismatch&&r.sensible;});
  var pAcc=phon.length?(phon.filter(function(r){return r.correct;}).length/phon.length*100).toFixed(0)+'%':'--';
  var nAcc=nophon.length?(nophon.filter(function(r){return r.correct;}).length/nophon.length*100).toFixed(0)+'%':'--';
  $('pmnMetrics').innerHTML=
    '<div class="vrt-metric"><div class="vm-val">'+(_PMN.correct/_PMN.items.length*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+pAcc+'</div><div class="vm-lbl">Phon. Mismatch Acc.</div></div>'+
    '<div class="vrt-metric"><div class="vm-val">'+nAcc+'</div><div class="vm-lbl">Match Acc.</div></div>';
  $('pmnResultsPhase').style.display='block';updateSidebar();
}
function pmnExportCSV(){
  var log=window._pmn_log;if(!log)return;
  var blob=new Blob(['trial,sensible,phon_mismatch,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.sensible?1:0,r.phonMismatch?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='pmn_'+Date.now()+'.csv';a.click();
}
// ══ VPP ══════════════════════════════════════════════════
var _VPP=null;
function vppDrawFace(ctx,cx,cy,inverted){
  ctx.save();if(inverted){ctx.translate(cx,cy);ctx.scale(1,-1);ctx.translate(-cx,-cy);}
  // Head
  ctx.beginPath();ctx.ellipse(cx,cy,42,52,0,0,Math.PI*2);ctx.strokeStyle='rgba(212,180,86,0.7)';ctx.lineWidth=2;ctx.stroke();
  // Eyes
  [[cx-16,cy-14],[cx+16,cy-14]].forEach(function(p){ctx.beginPath();ctx.ellipse(p[0],p[1],8,5,0,0,Math.PI*2);ctx.stroke();});
  // Nose
  ctx.beginPath();ctx.moveTo(cx,cy-4);ctx.lineTo(cx-5,cy+12);ctx.lineTo(cx+5,cy+12);ctx.stroke();
  // Mouth
  ctx.beginPath();ctx.arc(cx,cy+18,14,0.2,Math.PI-0.2);ctx.stroke();
  ctx.restore();
}
function vppDrawObject(ctx,cx,cy,type){
  ctx.strokeStyle='rgba(138,180,208,0.6)';ctx.lineWidth=2;
  if(type===0){ctx.strokeRect(cx-36,cy-36,72,72);}
  else if(type===1){ctx.beginPath();ctx.moveTo(cx,cy-44);ctx.lineTo(cx+38,cy+28);ctx.lineTo(cx-38,cy+28);ctx.closePath();ctx.stroke();}
  else{ctx.beginPath();ctx.arc(cx,cy,40,0,Math.PI*2);ctx.stroke();}
}
function startVPP(isPractice){
  var N=isPractice?32:128;
  _VPP={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_VPP._timers.push(t);return t;}
  _VPP.T=T;_VPP.clear=function(){_VPP._timers.forEach(clearTimeout);_VPP._timers=[];};
  hideAll();$('vppScreen').style.display='flex';
  $('vppPracticeBanner').style.display=isPractice?'block':'none';
  $('vppProgressBar').style.width='0%';$('vppStimPhase').style.display='flex';
  $('vppResultsPhase').style.display='none';$('vppFeedback').textContent='';
  $('si-task').textContent='VPP'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _VPP.clear();_VPP.active=false;
    $('vppStimPhase').style.display='none';$('vppProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_VPP.correct/_VPP.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._vpp_log=_VPP.log;$('exportBtn').disabled=false;
    var faces=_VPP.log.filter(function(r){return r.isFace;});
    var objs=_VPP.log.filter(function(r){return !r.isFace;});
    var fAcc=faces.length?(faces.filter(function(r){return r.correct;}).length/faces.length*100).toFixed(0)+'%':'--';
    var oAcc=objs.length?(objs.filter(function(r){return r.correct;}).length/objs.length*100).toFixed(0)+'%':'--';
    var rtF=faces.filter(function(r){return r.rt;});var avgF=rtF.length?(rtF.reduce(function(a,b){return a+b.rt;},0)/rtF.length).toFixed(0):'--';
    $('vppMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+(_VPP.correct/_VPP.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+fAcc+'</div><div class="vm-lbl">Face Acc.</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+avgF+'ms</div><div class="vm-lbl">Face RT</div></div>';
    $('vppResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_VPP.active)return;if(_VPP.trial>=N){end();return;}
    _VPP.trial++;
    $('vppProgressBar').style.width=(_VPP.trial/N*100).toFixed(1)+'%';
    $('vpp-trial').textContent='Trial '+_VPP.trial+'/'+N;
    $('vpp-acc').textContent='Acc: '+(_VPP.trial>1?(_VPP.correct/(_VPP.trial-1)*100).toFixed(0)+'%':'--');
    $('vppFeedback').textContent='';$('vppFeedback').className='feedback';
    var isFace=Math.random()<0.5;var inverted=!isFace&&Math.random()<0.25;
    var objType=Math.floor(Math.random()*3);
    var cvs=$('vppCanvas'),ctx=cvs.getContext('2d'),W=200,H=200,cx=100,cy=100;
    ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
    if(isFace)vppDrawFace(ctx,cx,cy,false);
    else vppDrawObject(ctx,cx,cy,objType);
    triggerFlash();var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_VPP.active)return;
      var resp=e.key==='f'||e.key==='F'?true:e.key==='j'||e.key==='J'?false:null;
      if(resp===null)return;e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);var correct=resp===isFace;if(correct)_VPP.correct++;
      _VPP.log.push({trial:_VPP.trial,isFace:isFace,inverted:inverted,response:resp,correct:correct,rt:rt});
      var fb=$('vppFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      ctx.clearRect(0,0,W,H);ctx.fillStyle='#060d14';ctx.fillRect(0,0,W,H);
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded)_VPP.log.push({trial:_VPP.trial,isFace:isFace,inverted:inverted,response:null,correct:false,rt:null});
        T(next,350+Math.random()*300);
      },200);
    },200);
  }
  T(next,700);
}
function vppExportCSV(){
  var log=window._vpp_log;if(!log)return;
  var blob=new Blob(['trial,is_face,inverted,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.isFace?1:0,r.inverted?1:0,r.response!==null?r.response?1:0:'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='vpp_'+Date.now()+'.csv';a.click();
}
// ══ Pe ═══════════════════════════════════════════════════
var _PE=null;
var PE_FLANKERS=[
  {arr:['←','←','←','←','←'],dir:'left',congruent:true},
  {arr:['→','→','→','→','→'],dir:'right',congruent:true},
  {arr:['←','←','→','←','←'],dir:'right',congruent:false},
  {arr:['→','→','←','→','→'],dir:'left',congruent:false},
];
function startPE(isPractice){
  var N=isPractice?40:160;
  _PE={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,errors:0,noticedErrors:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_PE._timers.push(t);return t;}
  _PE.T=T;_PE.clear=function(){_PE._timers.forEach(clearTimeout);_PE._timers=[];};
  hideAll();$('peScreen').style.display='flex';
  $('pePracticeBanner').style.display=isPractice?'block':'none';
  $('peProgressBar').style.width='0%';$('peStimPhase').style.display='flex';
  $('peResultsPhase').style.display='none';$('peFeedback').textContent='';$('peAwareness').style.display='none';
  $('si-task').textContent='Pe'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _PE.clear();_PE.active=false;
    $('peStimPhase').style.display='none';$('peProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ERR <span>'+_PE.errors+'</span> NOTICED <span>'+_PE.noticedErrors+'</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._pe_log=_PE.log;$('exportBtn').disabled=false;
    var acc=(_PE.correct/_PE.trial*100).toFixed(0)+'%';
    var nRate=_PE.errors?(_PE.noticedErrors/_PE.errors*100).toFixed(0)+'%':'--';
    $('peMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+acc+'</div><div class="vm-lbl">Accuracy</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+_PE.errors+'</div><div class="vm-lbl">Errors</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+nRate+'</div><div class="vm-lbl">Error Awareness</div></div>';
    $('peResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_PE.active)return;if(_PE.trial>=N){end();return;}
    _PE.trial++;
    $('peProgressBar').style.width=(_PE.trial/N*100).toFixed(1)+'%';
    $('pe-trial').textContent='Trial '+_PE.trial+'/'+N;
    $('pe-errors').textContent='Errors: '+_PE.errors;
    $('peFeedback').textContent='';$('peFeedback').className='feedback';$('peAwareness').style.display='none';
    $('peHint').textContent='F = LEFT arrow · J = RIGHT arrow · respond fast';
    var item=PE_FLANKERS[Math.floor(Math.random()*PE_FLANKERS.length)];
    $('peFlanker').textContent=item.arr.join(' ');
    triggerFlash();var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_PE.active)return;
      var resp=e.key==='f'||e.key==='F'?'left':e.key==='j'||e.key==='J'?'right':null;
      if(!resp)return;e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);var correct=resp===item.dir;
      if(correct)_PE.correct++;else _PE.errors++;
      document.removeEventListener('keydown',kh);
      var fb=$('peFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ — made an error';fb.className='feedback '+(correct?'ok':'err');
      if(!correct){
        // Ask error awareness
        $('peAwareness').style.display='block';$('peHint').textContent='Y = noticed error · N = did not notice';
        var ak=function(e2){if(!_PE.active)return;var aw=e2.key==='y'||e2.key==='Y'?true:e2.key==='n'||e2.key==='N'?false:null;if(aw===null)return;e2.preventDefault();
          if(aw)_PE.noticedErrors++;
          _PE.log.push({trial:_PE.trial,dir:item.dir,congruent:item.congruent,response:resp,correct:correct,rt:rt,errorAware:aw});
          document.removeEventListener('keydown',ak);$('peAwareness').style.display='none';T(next,400);};
        document.addEventListener('keydown',ak);
      } else {
        _PE.log.push({trial:_PE.trial,dir:item.dir,congruent:item.congruent,response:resp,correct:correct,rt:rt,errorAware:null});
        T(next,350);
      }
    };
    document.addEventListener('keydown',kh);
    T(function(){
      $('peFlanker').textContent='';
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){_PE.log.push({trial:_PE.trial,dir:item.dir,congruent:item.congruent,response:null,correct:false,rt:null,errorAware:null});}
        if(responded)return;T(next,300);
      },150);
    },200);
  }
  T(next,700);
}
function peExportCSV(){
  var log=window._pe_log;if(!log)return;
  var blob=new Blob(['trial,direction,congruent,response,correct,rt_ms,error_aware\n'+log.map(function(r){return[r.trial,r.dir,r.congruent?1:0,r.response||'',r.correct?1:0,r.rt!=null?r.rt:'',r.errorAware!==null?(r.errorAware?1:0):''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='pe_'+Date.now()+'.csv';a.click();
}
// ══ ORN ══════════════════════════════════════════════════
var _ORN=null;
function startORN(isPractice){
  var N=isPractice?24:80;
  _ORN={active:true,isPractice:isPractice,trial:0,maxTrials:N,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_ORN._timers.push(t);return t;}
  _ORN.T=T;_ORN.clear=function(){_ORN._timers.forEach(clearTimeout);_ORN._timers=[];};
  hideAll();$('ornScreen').style.display='flex';
  $('ornPracticeBanner').style.display=isPractice?'block':'none';
  $('ornProgressBar').style.width='0%';$('ornStimPhase').style.display='flex';
  $('ornResultsPhase').style.display='none';$('ornFeedback').textContent='';
  $('si-task').textContent='ORN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function playComplex(f1,f2,mistuned,dur){
    try{
      var ac=new (window.AudioContext||window.webkitAudioContext)();
      [f1,f2].forEach(function(f,i){
        var o=ac.createOscillator();var g=ac.createGain();o.connect(g);g.connect(ac.destination);
        o.type='sine';o.frequency.value=f+(mistuned&&i===1?f*0.04:0);
        g.gain.setValueAtTime(0,ac.currentTime);g.gain.linearRampToValueAtTime(0.18,ac.currentTime+0.015);
        g.gain.linearRampToValueAtTime(0,ac.currentTime+dur);
        o.start(ac.currentTime);o.stop(ac.currentTime+dur+0.05);
      });
    }catch(e){}
  }
  function end(){
    _ORN.clear();_ORN.active=false;
    $('ornStimPhase').style.display='none';$('ornProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_ORN.correct/_ORN.trial*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._orn_log=_ORN.log;$('exportBtn').disabled=false;
    var mis=_ORN.log.filter(function(r){return r.mistuned;});var fus=_ORN.log.filter(function(r){return !r.mistuned;});
    var mAcc=mis.length?(mis.filter(function(r){return r.correct;}).length/mis.length*100).toFixed(0)+'%':'--';
    var fAcc=fus.length?(fus.filter(function(r){return r.correct;}).length/fus.length*100).toFixed(0)+'%':'--';
    $('ornMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+(_ORN.correct/_ORN.trial*100).toFixed(0)+'%</div><div class="vm-lbl">Overall Acc.</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+mAcc+'</div><div class="vm-lbl">Segregation Detect.</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+fAcc+'</div><div class="vm-lbl">Fusion Detect.</div></div>';
    $('ornResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_ORN.active)return;if(_ORN.trial>=N){end();return;}
    _ORN.trial++;
    $('ornProgressBar').style.width=(_ORN.trial/N*100).toFixed(1)+'%';
    $('orn-trial').textContent='Trial '+_ORN.trial+'/'+N;
    $('orn-acc').textContent='Acc: '+(_ORN.trial>1?(_ORN.correct/(_ORN.trial-1)*100).toFixed(0)+'%':'--');
    $('ornFeedback').textContent='';$('ornFeedback').className='feedback';
    var mistuned=Math.random()<0.5;
    var f1=440,f2=660;
    var vz=$('ornViz');vz.innerHTML='';
    var b1=document.createElement('div');b1.style.cssText='width:44px;height:44px;border-radius:50%;border:2px solid rgba(212,180,86,0.5);background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:var(--gold);font-family:"Source Code Pro",monospace;';b1.textContent='440';
    var sep=document.createElement('span');sep.style.cssText='color:var(--dim);font-size:1.2rem;';sep.textContent=mistuned?'↔':'·';
    var b2=document.createElement('div');b2.style.cssText=b1.style.cssText;b2.textContent=mistuned?'687':'660';b2.style.borderColor=mistuned?'rgba(224,92,92,0.4)':'rgba(212,180,86,0.5)';
    vz.appendChild(b1);vz.appendChild(sep);vz.appendChild(b2);
    playComplex(f1,f2,mistuned,0.3);
    triggerFlash();var onset=performance.now();
    var kh=function(e){
      if(!_ORN.active)return;
      var resp=e.key==='y'||e.key==='Y'?false:e.key==='n'||e.key==='N'?true:null; // N=two=mistuned
      if(resp===null)return;e.preventDefault();
      var rt=+(performance.now()-onset).toFixed(1);var correct=resp===mistuned;if(correct)_ORN.correct++;
      _ORN.log.push({trial:_ORN.trial,mistuned:mistuned,response:resp,correct:correct,rt:rt});
      var fb=$('ornFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗ — '+(mistuned?'two sounds':'one sound');fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);T(next,600);
    };
    document.addEventListener('keydown',kh);
  }
  T(next,700);
}
function ornExportCSV(){
  var log=window._orn_log;if(!log)return;
  var blob=new Blob(['trial,mistuned,response_two,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.mistuned?1:0,r.response?1:0,r.correct?1:0,r.rt].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='orn_'+Date.now()+'.csv';a.click();
}
// ══ MFN — Stroop-like colour-word ════════════════════════
var _MFN=null;
var MFN_ITEMS=[
  {word:'RED',ink:'red',congruent:true},
  {word:'BLUE',ink:'blue',congruent:true},
  {word:'RED',ink:'blue',congruent:false},
  {word:'BLUE',ink:'red',congruent:false},
  {word:'GREEN',ink:'red',congruent:false},
  {word:'GREEN',ink:'blue',congruent:false},
  {word:'YELLOW',ink:'red',congruent:false},
  {word:'YELLOW',ink:'blue',congruent:false},
];
var MFN_INK_STYLES={red:'#e05c5c',blue:'#5b9fda'};
function startMFN(isPractice){
  var N=isPractice?40:160;var items=[];
  while(items.length<N)items=items.concat(MFN_ITEMS.slice().sort(function(){return Math.random()-0.5;}));
  items=items.slice(0,N);
  _MFN={active:true,isPractice:isPractice,items:items,idx:0,correct:0,log:[],_timers:[]};
  function T(fn,ms){var t=setTimeout(fn,ms);_MFN._timers.push(t);return t;}
  _MFN.T=T;_MFN.clear=function(){_MFN._timers.forEach(clearTimeout);_MFN._timers=[];};
  hideAll();$('mfnScreen').style.display='flex';
  $('mfnPracticeBanner').style.display=isPractice?'block':'none';
  $('mfnProgressBar').style.width='0%';$('mfnStimPhase').style.display='flex';
  $('mfnResultsPhase').style.display='none';$('mfnFeedback').textContent='';
  $('si-task').textContent='MFN'+(isPractice?' (PRAC)':'');$('exportBtn').disabled=true;
  function end(){
    _MFN.clear();_MFN.active=false;$('mfnStimPhase').style.display='none';$('mfnProgressBar').style.width='100%';
    if(isPractice){$('pcStats').innerHTML='ACC <span>'+(_MFN.correct/_MFN.idx*100).toFixed(0)+'%</span>';hideAll();$('practiceComplete').style.display='flex';return;}
    window._mfn_log=_MFN.log;$('exportBtn').disabled=false;
    var con=_MFN.log.filter(function(r){return r.congruent;});var inc=_MFN.log.filter(function(r){return !r.congruent;});
    var cRT=con.filter(function(r){return r.rt&&r.correct;});var iRT=inc.filter(function(r){return r.rt&&r.correct;});
    var cMRT=cRT.length?(cRT.reduce(function(a,b){return a+b.rt;},0)/cRT.length).toFixed(0):'--';
    var iMRT=iRT.length?(iRT.reduce(function(a,b){return a+b.rt;},0)/iRT.length).toFixed(0):'--';
    var cAcc=con.length?(con.filter(function(r){return r.correct;}).length/con.length*100).toFixed(0)+'%':'--';
    var iAcc=inc.length?(inc.filter(function(r){return r.correct;}).length/inc.length*100).toFixed(0)+'%':'--';
    $('mfnMetrics').innerHTML=
      '<div class="vrt-metric"><div class="vm-val">'+cMRT+'ms</div><div class="vm-lbl">Congruent RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+iMRT+'ms</div><div class="vm-lbl">Incongruent RT</div></div>'+
      '<div class="vrt-metric"><div class="vm-val">'+iAcc+'</div><div class="vm-lbl">Incongruent Acc.</div></div>';
    $('mfnResultsPhase').style.display='block';updateSidebar();
  }
  function next(){
    if(!_MFN.active)return;if(_MFN.idx>=_MFN.items.length){end();return;}
    var item=_MFN.items[_MFN.idx];
    $('mfn-trial').textContent=(_MFN.idx+1)+'/'+_MFN.items.length;
    $('mfnProgressBar').style.width=(_MFN.idx/_MFN.items.length*100).toFixed(1)+'%';
    $('mfn-acc').textContent='Acc: '+(_MFN.idx?(_MFN.correct/_MFN.idx*100).toFixed(0)+'%':'--');
    $('mfnFeedback').textContent='';$('mfnFeedback').className='feedback';
    var el=$('mfnWord');el.textContent=item.word;el.style.color=MFN_INK_STYLES[item.ink];
    triggerFlash();var onset=performance.now();var responded=false;
    var kh=function(e){
      if(!_MFN.active)return;
      var resp=e.key==='f'||e.key==='F'?'red':e.key==='j'||e.key==='J'?'blue':null;
      if(!resp)return;e.preventDefault();if(responded)return;responded=true;
      var rt=+(performance.now()-onset).toFixed(1);var correct=resp===item.ink;if(correct)_MFN.correct++;
      _MFN.log.push({trial:_MFN.idx+1,word:item.word,ink:item.ink,congruent:item.congruent,response:resp,correct:correct,rt:rt});
      var fb=$('mfnFeedback');fb.textContent=correct?rt+'ms ✓':rt+'ms ✗';fb.className='feedback '+(correct?'ok':'err');
      document.removeEventListener('keydown',kh);_MFN.idx++;T(next,350);
    };
    document.addEventListener('keydown',kh);
    T(function(){
      el.textContent='';
      T(function(){
        document.removeEventListener('keydown',kh);
        if(!responded){_MFN.log.push({trial:_MFN.idx+1,word:item.word,ink:item.ink,congruent:item.congruent,response:null,correct:false,rt:null});_MFN.idx++;}
        T(next,300);
      },150);
    },200);
  }
  T(next,700);
}
function mfnExportCSV(){
  var log=window._mfn_log;if(!log)return;
  var blob=new Blob(['trial,word,ink,congruent,response,correct,rt_ms\n'+log.map(function(r){return[r.trial,r.word,r.ink,r.congruent?1:0,r.response||'',r.correct?1:0,r.rt!=null?r.rt:''].join(',');}).join('\n')],{type:'text/csv'});
  var a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='mfn_'+Date.now()+'.csv';a.click();
}</script>

<!-- ═══════ NEW TASK SCREENS ═══════ -->
<div id="p50Screen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="p50PracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">P50 SENSORY GATING</span>
    <span id="p50-trial">—</span><span id="p50-phase" style="font-size:0.75rem;letter-spacing:0.18em;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="p50ProgressBar" style="width:0%"></div></div>
  <div id="p50StimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="p50Circle" style="width:100px;height:100px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--mid);">+</div>
    <div id="p50Label" style="font-size:0.8rem;color:var(--dim);letter-spacing:0.12em;min-height:1.2rem;text-align:center;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Passive listening — no response required</div>
  </div>
  <div id="p50ResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">P50 RESULTS</div><div class="vrt-metrics" id="p50Metrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="p50ExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="n100Screen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="n100PracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">AUDITORY N100 / P200</span>
    <span id="n100-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n100ProgressBar" style="width:0%"></div></div>
  <div id="n100StimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="n100Circle" style="width:100px;height:100px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--mid);">+</div>
    <div id="n100Label" style="font-size:0.8rem;color:var(--dim);letter-spacing:0.12em;min-height:1.2rem;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Passive listening — no response required</div>
  </div>
  <div id="n100ResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">N100 RESULTS</div><div class="vrt-metrics" id="n100Metrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="n100ExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="pvepScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="pvepPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">VISUAL P100 (PVEP)</span>
    <span id="pvep-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="pvepProgressBar" style="width:0%"></div></div>
  <div id="pvepStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="pvepCvs" width="240" height="240" style="border:1px solid #1a2f44;background:#060d14;"></canvas>
    <div style="font-size:0.78rem;color:var(--dim);">Fixate the central cross — do not look away</div>
  </div>
  <div id="pvepResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">PVEP RESULTS</div><div class="vrt-metrics" id="pvepMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="pvepExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="scpScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="scpPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SLOW CORTICAL POTENTIALS</span>
    <span id="scp-trial">—</span><span id="scp-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="scpProgressBar" style="width:0%"></div></div>
  <div id="scpStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="scpBar" style="width:300px;height:24px;border:1px solid #1a2f44;background:#0a1620;position:relative;"><div id="scpBarFill" style="height:100%;background:var(--gold);width:0%;transition:width 0.1s;"></div></div>
    <div id="scpCue" style="font-size:2rem;color:var(--mid);min-height:3rem;"></div>
    <div class="key-hint">Sustain attention during the cue bar — no key press</div>
  </div>
  <div id="scpResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">SCP RESULTS</div><div class="vrt-metrics" id="scpMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="scpExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="p3aScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="p3aPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">P3a NOVELTY ODDBALL</span>
    <span id="p3a-trial">—</span><span id="p3a-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="p3aProgressBar" style="width:0%"></div></div>
  <div id="p3aStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="p3aCircle" style="width:100px;height:100px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--mid);">+</div>
    <div id="p3aLabel" style="font-size:1rem;color:var(--gold2);font-family:'EB Garamond',serif;letter-spacing:0.1em;min-height:2rem;text-align:center;"></div>
    <div class="feedback" id="p3aFeedback"></div>
    <div class="key-hint">F = TARGET tone only · ignore standards and novels</div>
  </div>
  <div id="p3aResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">P3a RESULTS</div><div class="vrt-metrics" id="p3aMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="p3aExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="assrScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="assrPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">ASSR 40Hz</span>
    <span id="assr-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="assrProgressBar" style="width:0%"></div></div>
  <div id="assrStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="assrCircle" style="width:100px;height:100px;border-radius:50%;border:2px solid #1a2f44;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--mid);">+</div>
    <div id="assrLabel" style="font-size:0.85rem;color:var(--dim);letter-spacing:0.1em;min-height:1.5rem;text-align:center;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Passive listening — no response required · use headphones</div>
  </div>
  <div id="assrResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">ASSR RESULTS</div><div class="vrt-metrics" id="assrMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="assrExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="cptScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="cptPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CPT-AX</span>
    <span id="cpt-trial">—</span><span id="cpt-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cptProgressBar" style="width:0%"></div></div>
  <div id="cptStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="cptStim" style="font-size:5rem;font-family:monospace;color:var(--mid);width:120px;height:120px;display:flex;align-items:center;justify-content:center;border:2px solid #1a2f44;"></div>
    <div class="feedback" id="cptFeedback"></div>
    <div class="key-hint">SPACE = respond only when X follows A</div>
  </div>
  <div id="cptResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">CPT RESULTS</div><div class="vrt-metrics" id="cptMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="cptExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="emotstroopScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="emotstroopPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">EMOTIONAL STROOP</span>
    <span id="emotstroop-trial">—</span><span id="emotstroop-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="emotstroopProgressBar" style="width:0%"></div></div>
  <div id="emotstroopStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="emotstroopWord" style="font-size:2.8rem;font-family:'EB Garamond',serif;min-height:4rem;text-align:center;letter-spacing:0.04em;"></div>
    <div class="feedback" id="emotstroopFeedback"></div>
    <div class="key-hint">F = RED ink · J = BLUE ink — ignore word meaning</div>
  </div>
  <div id="emotstroopResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">EMOTIONAL STROOP RESULTS</div><div class="vrt-metrics" id="emotstroopMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="emotstroopExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="taskswitchScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="taskswitchPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">TASK SWITCHING</span>
    <span id="taskswitch-trial">—</span><span id="taskswitch-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="taskswitchProgressBar" style="width:0%"></div></div>
  <div id="taskswitchStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="taskswitchCue" style="font-size:0.75rem;font-family:'Source Code Pro',monospace;letter-spacing:0.2em;color:var(--gold);min-height:1.5rem;text-align:center;"></div>
    <div id="taskswitchStim" style="font-size:4rem;font-family:monospace;color:var(--mid);width:120px;height:120px;display:flex;align-items:center;justify-content:center;border:2px solid #1a2f44;"></div>
    <div class="feedback" id="taskswitchFeedback"></div>
    <div class="key-hint">F = first option · J = second option (see cue)</div>
  </div>
  <div id="taskswitchResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">TASK SWITCH RESULTS</div><div class="vrt-metrics" id="taskswitchMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="taskswitchExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="dualtaskScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="dualtaskPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">DUAL TASK</span>
    <span id="dualtask-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="dualtaskProgressBar" style="width:0%"></div></div>
  <div id="dualtaskStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
    <div style="display:flex;gap:20px;align-items:center;">
      <div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.1em;">TASK 1 — LETTER</div>
        <div id="dualtaskLetter" style="font-size:3.5rem;font-family:monospace;color:var(--mid);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #1a2f44;"></div>
      </div>
      <div style="display:flex;flex-direction:column;align-items:center;gap:4px;">
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.1em;">TASK 2 — DOT</div>
        <canvas id="dualtaskCvs" width="120" height="80" style="border:1px solid #1a2f44;background:#060d14;"></canvas>
      </div>
    </div>
    <div class="feedback" id="dualtaskFeedback"></div>
    <div class="key-hint">F = letter target · J = dot in zone</div>
  </div>
  <div id="dualtaskResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">DUAL TASK RESULTS</div><div class="vrt-metrics" id="dualtaskMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="dualtaskExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="attblinkScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="attblinkPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">ATTENTIONAL BLINK</span>
    <span id="attblink-trial">—</span><span id="attblink-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="attblinkProgressBar" style="width:0%"></div></div>
  <div id="attblinkStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="attblinkStim" style="font-size:4.5rem;font-family:monospace;color:var(--mid);width:120px;height:120px;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="attblinkFeedback"></div>
    <div class="key-hint">SPACE = press for colored (target) letters</div>
  </div>
  <div id="attblinkResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">ATTENTIONAL BLINK RESULTS</div><div class="vrt-metrics" id="attblinkMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="attblinkExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="subitizeScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="subitizePracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SUBITIZING</span>
    <span id="subitize-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="subitizeProgressBar" style="width:0%"></div></div>
  <div id="subitizeStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="subitizeCvs" width="280" height="160" style="border:1px solid #1a2f44;background:#060d14;"></canvas>
    <div class="feedback" id="subitizeFeedback"></div>
    <div class="key-hint">1–9 keys = number of dots you see</div>
  </div>
  <div id="subitizeResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">SUBITIZING RESULTS</div><div class="vrt-metrics" id="subitizeMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="subitizeExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="lexdecScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="lexdecPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LEXICAL DECISION</span>
    <span id="lexdec-trial">—</span><span id="lexdec-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="lexdecProgressBar" style="width:0%"></div></div>
  <div id="lexdecStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="lexdecWord" style="font-size:2.8rem;font-family:'EB Garamond',serif;color:var(--text);min-height:4rem;letter-spacing:0.05em;text-align:center;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="lexdecFeedback"></div>
    <div class="key-hint">F = WORD · J = NON-WORD</div>
  </div>
  <div id="lexdecResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">LEXICAL DECISION RESULTS</div><div class="vrt-metrics" id="lexdecMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="lexdecExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="semfluencyScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="semfluencyPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SEMANTIC FLUENCY</span>
    <span id="semfluency-trial">—</span><span id="semfluency-time" style="font-size:0.9rem;color:var(--gold);font-family:'Source Code Pro',monospace;">60s</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="semfluencyProgressBar" style="width:0%"></div></div>
  <div id="semfluencyStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
    <div id="semfluencyCategory" style="font-size:1.2rem;color:var(--gold);font-family:'EB Garamond',serif;letter-spacing:0.1em;"></div>
    <div style="display:flex;gap:8px;align-items:center;">
      <input id="semfluencyInput" type="text" placeholder="type a word + ENTER" autocomplete="off" style="background:#0a1620;border:1px solid #2a4060;color:var(--text);font-family:'EB Garamond',serif;font-size:1.2rem;padding:6px 12px;width:220px;border-radius:2px;">
    </div>
    <div id="semfluencyList" style="display:flex;flex-wrap:wrap;gap:6px;max-width:460px;min-height:60px;"></div>
  </div>
  <div id="semfluencyResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">SEMANTIC FLUENCY RESULTS</div><div class="vrt-metrics" id="semfluencyMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="semfluencyExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="prosmemScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="prosmemPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PROSPECTIVE MEMORY</span>
    <span id="prosmem-trial">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="prosmemProgressBar" style="width:0%"></div></div>
  <div id="prosmemStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="prosmemTarget" style="font-size:0.72rem;font-family:'Source Code Pro',monospace;color:var(--dim);letter-spacing:0.15em;">REMEMBER: press SPACE when you see: <span id="prosmemTargetWord" style="color:var(--gold);"></span></div>
    <div id="prosmemWord" style="font-size:2.8rem;font-family:'EB Garamond',serif;color:var(--text);min-height:4rem;text-align:center;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="prosmemFeedback"></div>
    <div class="key-hint">F = vowel · J = consonant · SPACE = PM target</div>
  </div>
  <div id="prosmemResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">PROSPECTIVE MEMORY RESULTS</div><div class="vrt-metrics" id="prosmemMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="prosmemExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>

<div id="spatwmScreen" class="task-screen" style="display:none;">
  <div class="practice-banner" id="spatwmPracticeBanner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;font-size:0.88rem;color:var(--dim);">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SPATIAL WORKING MEMORY</span>
    <span id="spatwm-trial">—</span><span id="spatwm-phase" style="font-size:0.75rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="spatwmProgressBar" style="width:0%"></div></div>
  <div id="spatwmStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="spatwmCvs" width="280" height="280" style="border:1px solid #1a2f44;background:#060d14;cursor:default;"></canvas>
    <div id="spatwmInstruct" style="font-size:0.8rem;color:var(--dim);letter-spacing:0.1em;text-align:center;"></div>
    <div class="feedback" id="spatwmFeedback"></div>
  </div>
  <div id="spatwmResultsPhase" style="display:none;"><div class="vrt-results-wrap"><div class="vrt-results-title">SPATIAL WM RESULTS</div><div class="vrt-metrics" id="spatwmMetrics"></div><div style="display:flex;gap:12px;margin-top:10px;"><button class="intro-btn primary" onclick="resetAll()">↩ HOME</button><button class="intro-btn" onclick="spatwmExportCSV()">⬇ EXPORT CSV</button></div></div></div>
</div>


<div id="mocaScreen" class="task-screen" style="display:none;">
  <div id="mocaPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:12px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">MONTREAL COGNITIVE ASSESSMENT</span>
    <span style="font-size:0.78rem;color:var(--dim);letter-spacing:0.1em;">Score each domain below · check each correct item</span>
  </div>
  <div style="display:flex;gap:18px;align-items:center;margin-bottom:14px;">
    <div style="font-size:0.85rem;color:var(--dim);">Total Score:</div>
    <div id="mocaTotalScore" style="font-size:2.2rem;font-family:'Source Code Pro',monospace;color:var(--gold);line-height:1;">—</div>
    <div style="font-size:0.78rem;color:var(--dim);">/ 30</div>
    <div id="mocaInterp" style="font-size:0.82rem;color:var(--dim);letter-spacing:0.05em;"></div>
  </div>
  <div id="mocaFormPhase" style="width:100%;max-width:620px;overflow-y:auto;max-height:calc(100vh - 240px);">
    <div id="mocaItems"></div>
    <div style="display:flex;gap:12px;margin-top:8px;padding-bottom:20px;">
      <button class="intro-btn primary" onclick="mocaFinish()">✓ FINISH &amp; SCORE</button>
      <button class="intro-btn" onclick="resetAll()">↩ HOME</button>
    </div>
  </div>
  <div id="mocaResultsPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">MoCA RESULTS</div>
      <div style="display:flex;gap:20px;align-items:baseline;margin:12px 0;">
        <div id="mocaFinalScore" style="font-size:3rem;font-family:'Source Code Pro',monospace;color:var(--gold);"></div>
        <div id="mocaFinalInterp" style="font-size:0.9rem;color:var(--mid);font-family:'EB Garamond',serif;font-style:italic;max-width:280px;line-height:1.6;"></div>
      </div>
      <div style="font-size:0.78rem;color:var(--dim);line-height:1.7;max-width:500px;">
        Cut-off: ≥26 normal · 18–25 mild impairment · 10–17 moderate · &lt;10 severe.<br>
        +1 point applied for ≤12 years education.<br>
        <em>This is a screening tool — not diagnostic. Refer to a clinician for interpretation.</em>
      </div>
      <div style="display:flex;gap:12px;margin-top:12px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="mocaExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="digcanScreen" class="task-screen" style="display:none;">
  <div id="digcanPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">DIGIT CANCELLATION</span>
    <span id="digcan-target" style="font-size:1rem;font-family:'Source Code Pro',monospace;color:var(--gold);letter-spacing:0.2em;"></span>
    <span id="digcan-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="digcan-time" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">60s</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="digcanProgressBar" style="width:0%"></div></div>
  <div id="digcanStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
    <div id="digcanGrid" style="display:grid;grid-template-columns:repeat(20,28px);gap:3px;user-select:none;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Click every target digit — ignore all others</div>
  </div>
  <div id="digcanResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">DIGIT CANCELLATION RESULTS</div>
      <div class="vrt-metrics" id="digcanMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="digcanExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="abrScreen" class="task-screen" style="display:none;">
  <div id="abrPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">AUDITORY BRAINSTEM RESPONSE</span>
    <span id="abr-trial" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">—</span>
    <span id="abr-phase" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.15em;">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="abrProgressBar" style="width:0%"></div></div>
  <div id="abrStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="abrFixation" style="font-size:2.5rem;color:var(--mid);">+</div>
    <div id="abrWaveInfo" style="font-size:0.8rem;color:var(--dim);letter-spacing:0.1em;min-height:1.2rem;text-align:center;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Passive recording — relax and keep still · use headphones</div>
  </div>
  <div id="abrResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">ABR RESULTS</div>
      <div class="vrt-metrics" id="abrMetrics"></div>
      <div style="font-size:0.78rem;color:var(--dim);margin-top:8px;line-height:1.7;max-width:460px;">
        Wave V latency and I–V IPL are simulated based on normative values.<br>
        A clinical ABR requires amplified EEG recording hardware (e.g. Natus, Bio-logic).
      </div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="abrExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="symsearchScreen" class="task-screen" style="display:none;">
  <div id="symsearchPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SYMBOL SEARCH</span>
    <span id="symsearch-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="symsearch-time" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">120s</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="symsearchProgressBar" style="width:0%"></div></div>
  <div id="symsearchStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div style="display:flex;align-items:center;gap:24px;">
      <!-- Targets -->
      <div style="display:flex;flex-direction:column;align-items:center;gap:6px;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;">TARGETS</div>
        <div style="display:flex;gap:8px;" id="symsearchTargets"></div>
      </div>
      <div style="font-size:1.5rem;color:var(--dim);">|</div>
      <!-- Search array -->
      <div style="display:flex;flex-direction:column;align-items:center;gap:6px;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;">SEARCH</div>
        <div style="display:flex;gap:8px;" id="symsearchArray"></div>
      </div>
    </div>
    <div class="feedback" id="symsearchFeedback"></div>
    <div class="key-hint">F = YES (target present) · J = NO (target absent)</div>
  </div>
  <div id="symsearchResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">SYMBOL SEARCH RESULTS</div>
      <div class="vrt-metrics" id="symsearchMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="symsearchExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="phonflueScreen" class="task-screen" style="display:none;">
  <div id="phonflueanceBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PHONEMIC FLUENCY (FAS)</span>
    <span id="phonflue-letter" style="font-size:2rem;font-family:'Source Code Pro',monospace;color:var(--gold);letter-spacing:0.3em;min-width:2rem;text-align:center;">F</span>
    <span id="phonflue-time" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">60s</span>
    <span id="phonflue-count" style="font-size:0.82rem;color:var(--dim);">0 words</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="phonflueProgressBar" style="width:0%"></div></div>
  <div id="phonflueStimPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:500px;">
    <div id="phonflueInstruct" style="font-size:0.82rem;color:var(--dim);letter-spacing:0.08em;text-align:center;"></div>
    <div style="display:flex;gap:8px;align-items:center;width:100%;">
      <input id="phonflueInput" type="text" autocomplete="off" autocorrect="off" spellcheck="false"
        placeholder="type a word + Enter"
        style="flex:1;background:#0a1620;border:1px solid #2a4060;color:var(--text);
               font-family:'EB Garamond',serif;font-size:1.3rem;padding:8px 14px;border-radius:2px;">
    </div>
    <div id="phonflueWordList" style="display:flex;flex-wrap:wrap;gap:6px;width:100%;min-height:48px;"></div>
    <div id="phonflueInvalid" style="font-size:0.78rem;color:#e05c5c;min-height:1rem;"></div>
  </div>
  <div id="phonflueResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">PHONEMIC FLUENCY RESULTS</div>
      <div class="vrt-metrics" id="phonflueMetrics"></div>
      <div id="phonflueWordSummary" style="margin-top:10px;font-size:0.8rem;color:var(--dim);line-height:1.8;"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="phonflueExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="jloScreen" class="task-screen" style="display:none;">
  <div id="jloPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">JUDGMENT OF LINE ORIENTATION</span>
    <span id="jlo-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="jloProgressBar" style="width:0%"></div></div>
  <div id="jloStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <!-- Stimulus: two target lines -->
    <div style="font-size:0.72rem;color:var(--dim);letter-spacing:0.12em;">MATCH THESE TWO LINES</div>
    <canvas id="jloStimCanvas" width="200" height="120"
      style="border:1px solid #1a2f44;background:#060d14;border-radius:2px;"></canvas>
    <!-- Reference fan -->
    <div style="font-size:0.72rem;color:var(--dim);letter-spacing:0.12em;">CLICK THE TWO MATCHING LINES IN THE FAN</div>
    <canvas id="jloFanCanvas" width="320" height="200"
      style="border:1px solid #1a2f44;background:#060d14;border-radius:2px;cursor:pointer;"></canvas>
    <div id="jloSelected" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-height:1.2rem;letter-spacing:0.1em;"></div>
    <div class="feedback" id="jloFeedback"></div>
    <button id="jloConfirmBtn" class="intro-btn primary" style="display:none;" onclick="jloConfirm()">CONFIRM SELECTION</button>
  </div>
  <div id="jloResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">JLO RESULTS</div>
      <div class="vrt-metrics" id="jloMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="jloExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="resultsHistoryScreen" style="display:none;position:fixed;inset:0;background:rgba(4,10,18,0.97);z-index:200;flex-direction:column;align-items:center;padding:30px 20px;overflow-y:auto;">
  <div style="width:100%;max-width:680px;">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
      <div style="font-family:'EB Garamond',serif;font-size:1.4rem;color:var(--gold);letter-spacing:0.15em;">RESULTS HISTORY</div>
      <button class="intro-btn" onclick="hideResultsHistory()" style="padding:4px 14px;">✕ CLOSE</button>
    </div>
    <div style="display:flex;gap:10px;margin-bottom:16px;">
      <button class="sidebar-btn" onclick="exportAllResultsCSV()" style="width:auto;padding:6px 14px;font-size:0.72rem;">⬇ EXPORT ALL CSV</button>
      <button class="sidebar-btn" onclick="exportAllResultsJSON()" style="width:auto;padding:6px 14px;font-size:0.72rem;">⬇ EXPORT JSON</button>
      <button class="sidebar-btn" onclick="clearResultsHistory()" style="width:auto;padding:6px 14px;font-size:0.72rem;opacity:0.6;">✕ CLEAR ALL</button>
    </div>
    <div id="resultsHistoryList" style="display:flex;flex-direction:column;gap:8px;"></div>
    <div id="resultsHistoryEmpty" style="color:var(--dim);font-size:0.85rem;text-align:center;padding:40px 0;display:none;">No results stored yet.<br>Complete a task to see results here.</div>
  </div>
</div>

<div id="pasatScreen" class="task-screen" style="display:none;">
  <div id="pasatPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PASAT</span>
    <span id="pasat-pace" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.15em;">—</span>
    <span id="pasat-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="pasat-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">0</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="pasatProgressBar" style="width:0%"></div></div>
  <div id="pasatStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <!-- Previous digit (shown small, fading) -->
    <div style="display:flex;align-items:baseline;gap:28px;">
      <div style="text-align:center;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:4px;">PREVIOUS</div>
        <div id="pasatPrev" style="font-size:2.8rem;font-family:'Source Code Pro',monospace;color:rgba(138,180,208,0.4);min-width:2.5rem;text-align:center;">—</div>
      </div>
      <div style="font-size:1.4rem;color:var(--dim);">+</div>
      <div style="text-align:center;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:4px;">CURRENT</div>
        <div id="pasatCurr" style="font-size:3.8rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-width:2.5rem;text-align:center;">—</div>
      </div>
      <div style="font-size:1.4rem;color:var(--dim);">=</div>
      <div style="text-align:center;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:4px;">YOUR SUM</div>
        <input id="pasatInput" type="number" min="2" max="18"
          style="width:72px;font-size:2rem;font-family:'Source Code Pro',monospace;
                 text-align:center;background:#0a1620;border:2px solid #2a4060;
                 color:var(--gold);border-radius:3px;padding:4px 0;"
          autocomplete="off">
      </div>
    </div>
    <!-- Pace countdown bar -->
    <div style="width:340px;height:6px;background:#1a2f44;border-radius:3px;overflow:hidden;">
      <div id="pasatPaceBar" style="height:100%;background:var(--gold);width:100%;transition:none;"></div>
    </div>
    <div class="feedback" id="pasatFeedback"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Type sum + Enter — or Enter to skip</div>
  </div>
  <div id="pasatResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">PASAT RESULTS</div>
      <div class="vrt-metrics" id="pasatMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="pasatExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="ravltScreen" class="task-screen" style="display:none;">
  <div id="ravltPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">RAVLT</span>
    <span id="ravlt-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;letter-spacing:0.1em;">—</span>
    <span id="ravlt-status" style="font-size:0.78rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ravltProgressBar" style="width:0%"></div></div>

  <!-- STUDY phase: word being read -->
  <div id="ravltStudyPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="ravltWord" style="font-size:3rem;font-family:'EB Garamond',serif;color:var(--gold);min-height:4rem;text-align:center;letter-spacing:0.04em;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Listen carefully</div>
  </div>

  <!-- RECALL phase: type words -->
  <div id="ravltRecallPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:500px;">
    <div id="ravltRecallInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div style="display:flex;gap:8px;width:100%;">
      <input id="ravltInput" type="text" autocomplete="off" autocorrect="off" spellcheck="false"
        placeholder="type a word + Enter"
        style="flex:1;background:#0a1620;border:1px solid #2a4060;color:var(--text);
               font-family:'EB Garamond',serif;font-size:1.3rem;padding:8px 14px;border-radius:2px;">
      <button class="intro-btn primary" onclick="ravltDoneRecall()" style="padding:6px 14px;white-space:nowrap;">DONE ↵</button>
    </div>
    <div id="ravltWordList" style="display:flex;flex-wrap:wrap;gap:5px;width:100%;min-height:40px;"></div>
    <div id="ravltRecallCount" style="font-size:0.78rem;color:var(--dim);"></div>
  </div>

  <!-- DELAY countdown -->
  <div id="ravltDelayPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="font-size:0.85rem;color:var(--dim);text-align:center;max-width:380px;line-height:1.7;">
      20-minute delay period.<br>Complete other tasks — then return here for the final recall.
    </div>
    <div id="ravltDelayTimer" style="font-size:2.5rem;font-family:'Source Code Pro',monospace;color:var(--gold);">20:00</div>
    <button class="intro-btn primary" onclick="ravltStartDelayedRecall()" style="margin-top:4px;">SKIP DELAY &amp; RECALL NOW</button>
    <div style="font-size:0.72rem;color:var(--dim);">(In a real RAVLT, wait the full 20 minutes)</div>
  </div>

  <!-- Results -->
  <div id="ravltResultsPhase" style="display:none;">
    <div class="vrt-results-wrap" style="max-width:580px;">
      <div class="vrt-results-title">RAVLT RESULTS</div>
      <div class="vrt-metrics" id="ravltMetrics"></div>
      <div id="ravltTrialBreakdown" style="margin-top:12px;font-size:0.8rem;color:var(--dim);font-family:'Source Code Pro',monospace;line-height:2;"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="ravltExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="cvltScreen" class="task-screen" style="display:none;">
  <div id="cvltPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CVLT</span>
    <span id="cvlt-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;letter-spacing:0.1em;">—</span>
    <span id="cvlt-status" style="font-size:0.78rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cvltProgressBar" style="width:0%"></div></div>

  <!-- STUDY phase -->
  <div id="cvltStudyPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;">
    <div id="cvltWord" style="font-size:3rem;font-family:'EB Garamond',serif;color:var(--gold);min-height:4rem;text-align:center;"></div>
    <div id="cvltWordCat" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.15em;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Listen — this is Monday's shopping list</div>
  </div>

  <!-- FREE RECALL phase -->
  <div id="cvltFreeRecallPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:500px;">
    <div id="cvltFRInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div style="display:flex;gap:8px;width:100%;">
      <input id="cvltInput" type="text" autocomplete="off" autocorrect="off" spellcheck="false"
        placeholder="type a word + Enter"
        style="flex:1;background:#0a1620;border:1px solid #2a4060;color:var(--text);
               font-family:'EB Garamond',serif;font-size:1.3rem;padding:8px 14px;border-radius:2px;">
      <button class="intro-btn primary" onclick="cvltDoneFreeRecall()" style="padding:6px 14px;">DONE ↵</button>
    </div>
    <div id="cvltWordList" style="display:flex;flex-wrap:wrap;gap:5px;width:100%;min-height:36px;"></div>
    <div id="cvltFRCount" style="font-size:0.78rem;color:var(--dim);"></div>
  </div>

  <!-- CUED RECALL phase -->
  <div id="cvltCuedRecallPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:500px;">
    <div id="cvltCRInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div id="cvltCueList" style="display:flex;flex-direction:column;gap:10px;width:100%;"></div>
  </div>

  <!-- RECOGNITION phase -->
  <div id="cvltRecogPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:500px;">
    <div style="font-size:0.82rem;color:var(--dim);">Was this word on Monday's list? Press F=YES · J=NO</div>
    <div id="cvltRecogWord" style="font-size:3rem;font-family:'EB Garamond',serif;color:var(--text);min-height:4rem;text-align:center;"></div>
    <div class="feedback" id="cvltRecogFeedback"></div>
    <div id="cvltRecogProgress" style="font-size:0.78rem;color:var(--dim);"></div>
  </div>

  <!-- DELAY countdown -->
  <div id="cvltDelayPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="font-size:0.85rem;color:var(--dim);text-align:center;max-width:380px;line-height:1.7;">
      20-minute delay.<br>Complete other tasks, then return for the long-delay recall.
    </div>
    <div id="cvltDelayTimer" style="font-size:2.5rem;font-family:'Source Code Pro',monospace;color:var(--gold);">20:00</div>
    <button class="intro-btn primary" onclick="cvltSkipDelay()">SKIP DELAY &amp; CONTINUE</button>
  </div>

  <!-- Results -->
  <div id="cvltResultsPhase" style="display:none;">
    <div class="vrt-results-wrap" style="max-width:600px;">
      <div class="vrt-results-title">CVLT RESULTS</div>
      <div class="vrt-metrics" id="cvltMetrics"></div>
      <div id="cvltTrialBreakdown" style="margin-top:10px;font-size:0.8rem;color:var(--dim);font-family:'Source Code Pro',monospace;line-height:2;"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="cvltExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="igtScreen" class="task-screen" style="display:none;">
  <div id="igtPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">IOWA GAMBLING TASK</span>
    <span id="igt-trial" style="font-size:0.82rem;color:var(--dim);">Trial — / 100</span>
    <span id="igt-balance" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">$2000</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="igtProgressBar" style="width:0%"></div></div>
  <div id="igtStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <!-- Four decks -->
    <div style="display:flex;gap:14px;">
      <div class="igt-deck" id="igtDeckA" onclick="igtChoose('A')" data-deck="A">
        <div class="igt-deck-label">A</div>
        <div class="igt-deck-count" id="igtCountA">40</div>
      </div>
      <div class="igt-deck" id="igtDeckB" onclick="igtChoose('B')" data-deck="B">
        <div class="igt-deck-label">B</div>
        <div class="igt-deck-count" id="igtCountB">40</div>
      </div>
      <div class="igt-deck" id="igtDeckC" onclick="igtChoose('C')" data-deck="C">
        <div class="igt-deck-label">C</div>
        <div class="igt-deck-count" id="igtCountC">40</div>
      </div>
      <div class="igt-deck" id="igtDeckD" onclick="igtChoose('D')" data-deck="D">
        <div class="igt-deck-label">D</div>
        <div class="igt-deck-count" id="igtCountD">40</div>
      </div>
    </div>
    <div id="igtFeedback" style="min-height:2.5rem;text-align:center;font-family:'Source Code Pro',monospace;font-size:1rem;"></div>
    <div style="font-size:0.78rem;color:var(--dim);">Click a deck to draw — maximize earnings over 100 trials</div>
    <!-- Block scores -->
    <div id="igtBlockScores" style="display:flex;gap:16px;font-size:0.72rem;font-family:'Source Code Pro',monospace;color:var(--dim);"></div>
  </div>
  <div id="igtResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">IOWA GAMBLING TASK RESULTS</div>
      <div class="vrt-metrics" id="igtMetrics"></div>
      <canvas id="igtChart" width="380" height="100" style="margin-top:10px;border:1px solid #1a2f44;border-radius:2px;background:#060d14;"></canvas>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="igtExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<style>
.igt-deck{
  width:80px;height:110px;border:2px solid rgba(212,180,86,0.35);border-radius:6px;
  background:#0a1620;display:flex;flex-direction:column;align-items:center;
  justify-content:center;cursor:pointer;transition:all 0.12s;gap:8px;
  user-select:none;
}
.igt-deck:hover{ background:rgba(212,180,86,0.08);border-color:rgba(212,180,86,0.7); }
.igt-deck.disabled{ opacity:0.4;pointer-events:none; }
.igt-deck-label{ font-family:"Source Code Pro",monospace;font-size:1.6rem;color:var(--gold);font-weight:bold; }
.igt-deck-count{ font-family:"Source Code Pro",monospace;font-size:0.72rem;color:var(--dim); }
</style>

<div id="tolScreen" class="task-screen" style="display:none;">
  <div id="tolPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">TOWER OF LONDON</span>
    <span id="tol-problem" style="font-size:0.82rem;color:var(--dim);">Problem — / —</span>
    <span id="tol-moves" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">Moves: 0</span>
    <span id="tol-min" style="font-size:0.78rem;color:var(--dim);">Min: —</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="tolProgressBar" style="width:0%"></div></div>
  <div id="tolStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="display:flex;gap:32px;align-items:flex-end;">
      <div style="text-align:center;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:6px;">GOAL</div>
        <canvas id="tolGoalCanvas" width="220" height="130" style="border:1px solid #1a2f44;background:#060d14;border-radius:2px;"></canvas>
      </div>
      <div style="text-align:center;">
        <div style="font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;margin-bottom:6px;">CURRENT</div>
        <canvas id="tolBoardCanvas" width="220" height="130" style="border:1px solid #1a2f44;background:#060d14;border-radius:2px;cursor:pointer;"></canvas>
      </div>
    </div>
    <div id="tolInstruct" style="font-size:0.8rem;color:var(--dim);text-align:center;min-height:1.2rem;"></div>
    <div class="feedback" id="tolFeedback"></div>
    <div style="display:flex;gap:10px;">
      <button class="intro-btn" onclick="tolReset()" style="padding:5px 14px;">↺ RESET</button>
      <button class="intro-btn primary" onclick="tolGiveUp()" style="padding:5px 14px;">NEXT PROBLEM →</button>
    </div>
  </div>
  <div id="tolResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">TOWER OF LONDON RESULTS</div>
      <div class="vrt-metrics" id="tolMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="tolExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="rmetScreen" class="task-screen" style="display:none;">
  <div id="rmetPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">READING THE MIND IN THE EYES</span>
    <span id="rmet-trial" style="font-size:0.82rem;color:var(--dim);">— / 36</span>
    <span id="rmet-score" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">0</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="rmetProgressBar" style="width:0%"></div></div>
  <div id="rmetStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <!-- Eye illustration -->
    <canvas id="rmetEyeCanvas" width="320" height="120"
      style="border:1px solid #1a2f44;background:#f5f0e8;border-radius:4px;"></canvas>
    <!-- Four options -->
    <div id="rmetOptions" style="display:grid;grid-template-columns:1fr 1fr;gap:8px;width:320px;"></div>
    <div class="feedback" id="rmetFeedback"></div>
    <div style="font-size:0.78rem;color:var(--dim);">What is this person thinking or feeling?</div>
  </div>
  <div id="rmetResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">RMET RESULTS</div>
      <div class="vrt-metrics" id="rmetMetrics"></div>
      <div style="font-size:0.78rem;color:var(--dim);margin-top:8px;line-height:1.7;max-width:440px;">
        Normative mean ≈ 26/36 (adults). Below 22 may suggest ToM difficulties.<br>
        <em>Note: this version uses procedurally rendered eyes. Validated photographic stimuli require the original Baron-Cohen materials.</em>
      </div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="rmetExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="p1n1Screen" class="task-screen" style="display:none;">
  <div id="p1n1PracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">P1/N1 SPATIAL ATTENTION</span>
    <span id="p1n1-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="p1n1-attend" style="font-size:0.75rem;color:var(--gold);letter-spacing:0.2em;">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="p1n1ProgressBar" style="width:0%"></div></div>
  <div id="p1n1StimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div style="position:relative;width:400px;height:80px;display:flex;align-items:center;justify-content:center;">
      <div id="p1n1Left" style="position:absolute;left:20px;width:60px;height:60px;border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></div>
      <div id="p1n1Fix" style="font-size:1.6rem;color:var(--mid);">+</div>
      <div id="p1n1Right" style="position:absolute;right:20px;width:60px;height:60px;border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></div>
      <div id="p1n1Cue" style="font-size:1.4rem;color:var(--gold);position:absolute;"></div>
    </div>
    <div class="feedback" id="p1n1Feedback"></div>
    <div class="key-hint">F = target on LEFT · J = target on RIGHT · ignore distractors</div>
  </div>
  <div id="p1n1ResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">P1/N1 RESULTS</div>
      <div class="vrt-metrics" id="p1n1Metrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="p1n1ExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<div id="cnvwScreen" class="task-screen" style="display:none;">
  <div id="cnvwPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CNV WARNING SIGNAL</span>
    <span id="cnvw-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="cnvw-phase" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.15em;">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cnvwProgressBar" style="width:0%"></div></div>
  <div id="cnvwStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="cnvwDisplay" style="font-size:3rem;color:var(--mid);min-height:4rem;display:flex;align-items:center;justify-content:center;">+</div>
    <div id="cnvwPaceBar" style="width:300px;height:6px;background:#1a2f44;border-radius:3px;overflow:hidden;"><div id="cnvwPaceFill" style="height:100%;background:var(--gold);width:0%;transition:none;"></div></div>
    <div class="feedback" id="cnvwFeedback"></div>
    <div class="key-hint">F = respond to imperative stimulus (S2)</div>
  </div>
  <div id="cnvwResultsPhase" style="display:none;">
    <div class="vrt-results-wrap"><div class="vrt-results-title">CNV WARNING RESULTS</div>
    <div class="vrt-metrics" id="cnvwMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
      <button class="intro-btn" onclick="cnvwExportCSV()">⬇ EXPORT CSV</button>
    </div></div>
  </div>
</div>

<div id="thalphaScreen" class="task-screen" style="display:none;">
  <div id="thalphaPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">THETA / ALPHA OSCILLATIONS</span>
    <span id="thalpha-phase" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);letter-spacing:0.2em;">—</span>
    <span id="thalpha-time" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="thalphaProgressBar" style="width:0%"></div></div>
  <div id="thalphaStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="thalphaInstruct" style="font-size:2rem;color:var(--gold);letter-spacing:0.1em;min-height:3rem;text-align:center;"></div>
    <div id="thalphaFix" style="font-size:2.5rem;color:var(--mid);display:none;">+</div>
    <div style="font-size:0.78rem;color:var(--dim);" id="thalphaHint"></div>
  </div>
  <div id="thalphaResultsPhase" style="display:none;">
    <div class="vrt-results-wrap"><div class="vrt-results-title">THETA/ALPHA RESULTS</div>
    <div class="vrt-metrics" id="thalphaMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
      <button class="intro-btn" onclick="thalphaExportCSV()">⬇ EXPORT CSV</button>
    </div></div>
  </div>
</div>

<div id="lrpextScreen" class="task-screen" style="display:none;">
  <div id="lrpextPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LRP EXTENDED</span>
    <span id="lrpext-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="lrpext-compat" style="font-size:0.75rem;letter-spacing:0.15em;color:var(--gold);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="lrpextProgressBar" style="width:0%"></div></div>
  <div id="lrpextStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="lrpextArrow" style="font-size:5rem;color:var(--gold);min-height:6rem;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="lrpextFeedback"></div>
    <div class="key-hint" id="lrpextHint"></div>
  </div>
  <div id="lrpextResultsPhase" style="display:none;">
    <div class="vrt-results-wrap"><div class="vrt-results-title">LRP EXTENDED RESULTS</div>
    <div class="vrt-metrics" id="lrpextMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
      <button class="intro-btn" onclick="lrpextExportCSV()">⬇ EXPORT CSV</button>
    </div></div>
  </div>
</div>

<div id="sartScreen" class="task-screen" style="display:none;">
  <div id="sartPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SART</span>
    <span id="sart-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="sart-score" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="sartProgressBar" style="width:0%"></div></div>
  <div id="sartStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="sartDigit" style="font-size:5rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-height:7rem;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="sartFeedback"></div>
    <div class="key-hint">SPACE = respond to all digits EXCEPT 3</div>
  </div>
  <div id="sartResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">SART RESULTS</div><div class="vrt-metrics" id="sartMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="sartExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="ufovScreen" class="task-screen" style="display:none;">
  <div id="ufovPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">UFOV</span>
    <span id="ufov-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="ufov-thresh" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ufovProgressBar" style="width:0%"></div></div>
  <div id="ufovStimPhase" style="display:none;flex-direction:column;align-items:center;gap:10px;">
    <canvas id="ufovCanvas" width="300" height="300" style="border:1px solid #1a2f44;background:#060d14;cursor:pointer;border-radius:3px;"></canvas>
    <div class="feedback" id="ufovFeedback"></div>
    <div class="key-hint">Click where you saw the peripheral flash</div>
  </div>
  <div id="ufovResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">UFOV RESULTS</div><div class="vrt-metrics" id="ufovMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="ufovExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="palScreen" class="task-screen" style="display:none;">
  <div id="palPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PAIRED ASSOCIATE LEARNING</span>
    <span id="pal-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;">--</span>
    <span id="pal-trial" style="font-size:0.78rem;color:var(--dim);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="palProgressBar" style="width:0%"></div></div>
  <div id="palStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:500px;">
    <div id="palPairDisplay" style="font-size:1.8rem;font-family:'EB Garamond',serif;color:var(--gold);text-align:center;min-height:2.5rem;"></div>
    <div id="palCueDisplay" style="font-size:1.1rem;font-family:'EB Garamond',serif;color:var(--dim);text-align:center;min-height:1.8rem;"></div>
    <input id="palInput" type="text" style="display:none;background:#0a1620;border:1px solid #2a4060;color:var(--text);font-family:'EB Garamond',serif;font-size:1.3rem;padding:8px 14px;border-radius:2px;width:260px;" autocomplete="off" placeholder="type the paired word">
    <div class="feedback" id="palFeedback"></div>
  </div>
  <div id="palResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">PAL RESULTS</div><div class="vrt-metrics" id="palMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="palExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="srcmemScreen" class="task-screen" style="display:none;">
  <div id="srcmemPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SOURCE MEMORY</span>
    <span id="srcmem-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;">--</span>
    <span id="srcmem-trial" style="font-size:0.78rem;color:var(--dim);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="srcmemProgressBar" style="width:0%"></div></div>
  <div id="srcmemStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div style="display:flex;gap:40px;align-items:center;">
      <div id="srcmemLeft" style="width:140px;height:60px;border:2px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;border-radius:3px;font-family:'EB Garamond',serif;font-size:1.4rem;color:var(--mid);"></div>
      <div id="srcmemRight" style="width:140px;height:60px;border:2px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;border-radius:3px;font-family:'EB Garamond',serif;font-size:1.4rem;color:var(--mid);"></div>
    </div>
    <div style="display:flex;gap:40px;font-size:0.65rem;color:var(--dim);letter-spacing:0.12em;">
      <span style="width:140px;text-align:center;">LEFT</span>
      <span style="width:140px;text-align:center;">RIGHT</span>
    </div>
    <div id="srcmemInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div class="feedback" id="srcmemFeedback"></div>
    <div class="key-hint" id="srcmemHint"></div>
  </div>
  <div id="srcmemResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">SOURCE MEMORY RESULTS</div><div class="vrt-metrics" id="srcmemMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="srcmemExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="bntScreen" class="task-screen" style="display:none;">
  <div id="bntPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">BOSTON NAMING TEST</span>
    <span id="bnt-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="bnt-score" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">0</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="bntProgressBar" style="width:0%"></div></div>
  <div id="bntStimPhase" style="display:none;flex-direction:column;align-items:center;gap:12px;">
    <canvas id="bntCanvas" width="220" height="160" style="border:1px solid #1a2f44;background:#f5f0e8;border-radius:3px;"></canvas>
    <div id="bntCue" style="font-size:0.82rem;color:var(--dim);min-height:1.2rem;text-align:center;"></div>
    <div style="display:flex;gap:8px;width:100%;max-width:320px;">
      <input id="bntInput" type="text" autocomplete="off" spellcheck="false" placeholder="name this object"
        style="flex:1;background:#0a1620;border:1px solid #2a4060;color:var(--text);font-family:'EB Garamond',serif;font-size:1.3rem;padding:8px 14px;border-radius:2px;">
      <button class="intro-btn primary" onclick="bntSubmit()" style="padding:6px 14px;">GO</button>
    </div>
    <div class="feedback" id="bntFeedback"></div>
    <div style="display:flex;gap:10px;">
      <button class="intro-btn" onclick="bntCue('semantic')" id="bntCueBtn1" style="padding:4px 12px;font-size:0.75rem;">SEMANTIC CUE</button>
      <button class="intro-btn" onclick="bntCue('phonemic')" id="bntCueBtn2" style="padding:4px 12px;font-size:0.75rem;">PHONEMIC CUE</button>
      <button class="intro-btn" onclick="bntSkip()" style="padding:4px 12px;font-size:0.75rem;">SKIP</button>
    </div>
  </div>
  <div id="bntResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">BOSTON NAMING RESULTS</div><div class="vrt-metrics" id="bntMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="bntExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="ferScreen" class="task-screen" style="display:none;">
  <div id="ferPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">FACIAL EMOTION RECOGNITION</span>
    <span id="fer-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="fer-score" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">0</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ferProgressBar" style="width:0%"></div></div>
  <div id="ferStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="ferCanvas" width="200" height="200" style="border:1px solid #1a2f44;background:#f5f0e8;border-radius:50%;"></canvas>
    <div id="ferOptions" style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:320px;"></div>
    <div class="feedback" id="ferFeedback"></div>
  </div>
  <div id="ferResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">FACIAL EMOTION RECOGNITION RESULTS</div><div class="vrt-metrics" id="ferMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="ferExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="tojScreen" class="task-screen" style="display:none;">
  <div id="tojPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">TEMPORAL ORDER JUDGMENT</span>
    <span id="toj-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="toj-soa" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">SOA --</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="tojProgressBar" style="width:0%"></div></div>
  <div id="tojStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div style="display:flex;gap:80px;align-items:center;min-height:80px;">
      <div id="tojLeft" style="width:60px;height:60px;border:2px solid #1a2f44;background:#060d14;border-radius:4px;"></div>
      <div style="font-size:1.5rem;color:var(--dim);">+</div>
      <div id="tojRight" style="width:60px;height:60px;border:2px solid #1a2f44;background:#060d14;border-radius:4px;"></div>
    </div>
    <div class="feedback" id="tojFeedback"></div>
    <div class="key-hint">F = LEFT appeared first -- J = RIGHT appeared first</div>
  </div>
  <div id="tojResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">TEMPORAL ORDER JUDGMENT RESULTS</div><div class="vrt-metrics" id="tojMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="tojExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="matrixScreen" class="task-screen" style="display:none;">
  <div id="matrixPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">MATRIX REASONING</span>
    <span id="matrix-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="matrixProgressBar" style="width:0%"></div></div>
  <div id="matrixStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="matrixCanvas" width="280" height="200" style="border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></canvas>
    <div id="matrixOptions" style="display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:360px;"></div>
    <div class="feedback" id="matrixFeedback"></div>
  </div>
  <div id="matrixResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">MATRIX REASONING RESULTS</div><div class="vrt-metrics" id="matrixMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="matrixExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="metaScreen" class="task-screen" style="display:none;">
  <div id="metaPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">METACOGNITION</span>
    <span id="meta-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;">--</span>
    <span id="meta-trial" style="font-size:0.78rem;color:var(--dim);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="metaProgressBar" style="width:0%"></div></div>
  <div id="metaStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="metaWord" style="font-size:2.5rem;font-family:'EB Garamond',serif;color:var(--gold);min-height:3.5rem;text-align:center;"></div>
    <div id="metaRecogRow" style="display:none;flex-direction:column;align-items:center;gap:8px;">
      <div style="font-size:0.82rem;color:var(--dim);">Did you see this word? F=OLD -- J=NEW</div>
      <div class="feedback" id="metaRecogFb"></div>
    </div>
    <div id="metaConfRow" style="display:none;flex-direction:column;align-items:center;gap:8px;">
      <div style="font-size:0.82rem;color:var(--dim);">Confidence: 1=guess -- 4=certain</div>
      <div style="display:flex;gap:12px;">
        <button class="intro-btn" onclick="metaConf(1)" style="padding:6px 16px;">1</button>
        <button class="intro-btn" onclick="metaConf(2)" style="padding:6px 16px;">2</button>
        <button class="intro-btn" onclick="metaConf(3)" style="padding:6px 16px;">3</button>
        <button class="intro-btn primary" onclick="metaConf(4)" style="padding:6px 16px;">4</button>
      </div>
    </div>
  </div>
  <div id="metaResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">METACOGNITION RESULTS</div><div class="vrt-metrics" id="metaMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="metaExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>

<div id="phq9Screen" class="task-screen" style="display:none;">
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PHQ-9 DEPRESSION</span>
    <span id="phq9-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="phq9ProgressBar" style="width:0%"></div></div>
  <div id="phq9StimPhase" style="display:none;flex-direction:column;gap:0;width:100%;max-width:560px;overflow-y:auto;max-height:calc(100vh - 220px);">
    <div id="phq9Items"></div>
    <div style="display:flex;gap:10px;margin-top:12px;padding-bottom:16px;">
      <button class="intro-btn primary" onclick="phq9Finish()">SUBMIT</button>
      <button class="intro-btn" onclick="resetAll()">CANCEL</button>
    </div>
  </div>
  <div id="phq9ResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">PHQ-9 DEPRESSION RESULTS</div>
    <div class="vrt-metrics" id="phq9Metrics"></div>
    <div id="phq9Interpretation" style="margin-top:8px;font-size:0.85rem;color:var(--mid);line-height:1.7;max-width:460px;"></div>
    <div style="font-size:0.72rem;color:var(--dim);margin-top:8px;line-height:1.6;font-style:italic;">Screening tool only. Not a clinical diagnosis. Consult a qualified clinician.</div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="phq9ExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="gad7Screen" class="task-screen" style="display:none;">
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">GAD-7 ANXIETY</span>
    <span id="gad7-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="gad7ProgressBar" style="width:0%"></div></div>
  <div id="gad7StimPhase" style="display:none;flex-direction:column;gap:0;width:100%;max-width:560px;overflow-y:auto;max-height:calc(100vh - 220px);">
    <div id="gad7Items"></div>
    <div style="display:flex;gap:10px;margin-top:12px;padding-bottom:16px;">
      <button class="intro-btn primary" onclick="gad7Finish()">SUBMIT</button>
      <button class="intro-btn" onclick="resetAll()">CANCEL</button>
    </div>
  </div>
  <div id="gad7ResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">GAD-7 ANXIETY RESULTS</div>
    <div class="vrt-metrics" id="gad7Metrics"></div>
    <div id="gad7Interpretation" style="margin-top:8px;font-size:0.85rem;color:var(--mid);line-height:1.7;max-width:460px;"></div>
    <div style="font-size:0.72rem;color:var(--dim);margin-top:8px;line-height:1.6;font-style:italic;">Screening tool only. Not a clinical diagnosis. Consult a qualified clinician.</div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="gad7ExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="pcl5Screen" class="task-screen" style="display:none;">
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PCL-5 PTSD</span>
    <span id="pcl5-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="pcl5ProgressBar" style="width:0%"></div></div>
  <div id="pcl5StimPhase" style="display:none;flex-direction:column;gap:0;width:100%;max-width:560px;overflow-y:auto;max-height:calc(100vh - 220px);">
    <div id="pcl5Items"></div>
    <div style="display:flex;gap:10px;margin-top:12px;padding-bottom:16px;">
      <button class="intro-btn primary" onclick="pcl5Finish()">SUBMIT</button>
      <button class="intro-btn" onclick="resetAll()">CANCEL</button>
    </div>
  </div>
  <div id="pcl5ResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">PCL-5 PTSD RESULTS</div>
    <div class="vrt-metrics" id="pcl5Metrics"></div>
    <div id="pcl5Interpretation" style="margin-top:8px;font-size:0.85rem;color:var(--mid);line-height:1.7;max-width:460px;"></div>
    <div style="font-size:0.72rem;color:var(--dim);margin-top:8px;line-height:1.6;font-style:italic;">Screening tool only. Not a clinical diagnosis. Consult a qualified clinician.</div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="pcl5ExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="auditScreen" class="task-screen" style="display:none;">
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">AUDIT ALCOHOL</span>
    <span id="audit-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="auditProgressBar" style="width:0%"></div></div>
  <div id="auditStimPhase" style="display:none;flex-direction:column;gap:0;width:100%;max-width:560px;overflow-y:auto;max-height:calc(100vh - 220px);">
    <div id="auditItems"></div>
    <div style="display:flex;gap:10px;margin-top:12px;padding-bottom:16px;">
      <button class="intro-btn primary" onclick="auditFinish()">SUBMIT</button>
      <button class="intro-btn" onclick="resetAll()">CANCEL</button>
    </div>
  </div>
  <div id="auditResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">AUDIT ALCOHOL RESULTS</div>
    <div class="vrt-metrics" id="auditMetrics"></div>
    <div id="auditInterpretation" style="margin-top:8px;font-size:0.85rem;color:var(--mid);line-height:1.7;max-width:460px;"></div>
    <div style="font-size:0.72rem;color:var(--dim);margin-top:8px;line-height:1.6;font-style:italic;">Screening tool only. Not a clinical diagnosis. Consult a qualified clinician.</div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="auditExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="asrsScreen" class="task-screen" style="display:none;">
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">ASRS ADHD</span>
    <span id="asrs-score" style="font-size:0.9rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="asrsProgressBar" style="width:0%"></div></div>
  <div id="asrsStimPhase" style="display:none;flex-direction:column;gap:0;width:100%;max-width:560px;overflow-y:auto;max-height:calc(100vh - 220px);">
    <div id="asrsItems"></div>
    <div style="display:flex;gap:10px;margin-top:12px;padding-bottom:16px;">
      <button class="intro-btn primary" onclick="asrsFinish()">SUBMIT</button>
      <button class="intro-btn" onclick="resetAll()">CANCEL</button>
    </div>
  </div>
  <div id="asrsResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">ASRS ADHD RESULTS</div>
    <div class="vrt-metrics" id="asrsMetrics"></div>
    <div id="asrsInterpretation" style="margin-top:8px;font-size:0.85rem;color:var(--mid);line-height:1.7;max-width:460px;"></div>
    <div style="font-size:0.72rem;color:var(--dim);margin-top:8px;line-height:1.6;font-style:italic;">Screening tool only. Not a clinical diagnosis. Consult a qualified clinician.</div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="asrsExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="n1p2Screen" class="task-screen" style="display:none;">
  <div id="n1p2PracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N1-P2 AUDITORY ERP</span>
    <span id="n1p2-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="n1p2-hits" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n1p2ProgressBar" style="width:0%"></div></div>
  <div id="n1p2StimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="n1p2Tone" style="width:80px;height:80px;border-radius:50%;border:2px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:background 0.05s;"></div>
    <div id="n1p2Instruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div class="feedback" id="n1p2Feedback"></div>
    <div class="key-hint">SPACE = count target tones (higher pitch)</div>
  </div>
  <div id="n1p2ResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">N1-P2 RESULTS</div>
    <div class="vrt-metrics" id="n1p2Metrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="n1p2ExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="ronScreen" class="task-screen" style="display:none;">
  <div id="ronPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">REORIENTING NEGATIVITY (RON)</span>
    <span id="ron-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="ron-hits" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ronProgressBar" style="width:0%"></div></div>
  <div id="ronStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="ronTone" style="width:80px;height:80px;border-radius:50%;border:2px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:background 0.05s;"></div>
    <div id="ronInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;max-width:340px;"></div>
    <div class="feedback" id="ronFeedback"></div>
    <div class="key-hint">SPACE = count target tones · ignore distractors</div>
  </div>
  <div id="ronResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">RON RESULTS</div>
    <div class="vrt-metrics" id="ronMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="ronExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="lanScreen" class="task-screen" style="display:none;">
  <div id="lanPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LEFT ANTERIOR NEGATIVITY (LAN)</span>
    <span id="lan-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="lan-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="lanProgressBar" style="width:0%"></div></div>
  <div id="lanStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="lanSentence" style="font-size:1.35rem;font-family:'EB Garamond',serif;color:var(--gold);text-align:center;min-height:2rem;max-width:420px;line-height:1.6;"></div>
    <div id="lanInstruct" style="font-size:0.82rem;color:var(--dim);">Is this sentence grammatically correct?</div>
    <div class="feedback" id="lanFeedback"></div>
    <div class="key-hint">Y = grammatically correct &nbsp;·&nbsp; N = error</div>
  </div>
  <div id="lanResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">LAN RESULTS</div>
    <div class="vrt-metrics" id="lanMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="lanExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="cpsScreen" class="task-screen" style="display:none;">
  <div id="cpsPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CLOSURE POSITIVE SHIFT (CPS)</span>
    <span id="cps-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="cps-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cpsProgressBar" style="width:0%"></div></div>
  <div id="cpsStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="cpsSentence" style="font-size:1.25rem;font-family:'EB Garamond',serif;color:var(--gold);text-align:center;min-height:2.2rem;max-width:440px;line-height:1.7;"></div>
    <div style="font-size:0.8rem;color:var(--dim);text-align:center;">/ = intonation phrase boundary</div>
    <div id="cpsInstruct" style="font-size:0.82rem;color:var(--dim);">Does this phrasing sound natural?</div>
    <div class="feedback" id="cpsFeedback"></div>
    <div class="key-hint">Y = natural phrasing &nbsp;·&nbsp; N = awkward phrasing</div>
  </div>
  <div id="cpsResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">CPS RESULTS</div>
    <div class="vrt-metrics" id="cpsMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="cpsExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="n2bScreen" class="task-screen" style="display:none;">
  <div id="n2bPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">N2b TARGET ERP</span>
    <span id="n2b-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="n2b-hits" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="n2bProgressBar" style="width:0%"></div></div>
  <div id="n2bStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="n2bLetter" style="font-size:5rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-height:7rem;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="n2bFeedback"></div>
    <div class="key-hint">SPACE = press for X only · ignore all other letters</div>
  </div>
  <div id="n2bResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">N2b RESULTS</div>
    <div class="vrt-metrics" id="n2bMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="n2bExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="pdScreen" class="task-screen" style="display:none;">
  <div id="pdPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">Pd DISTRACTOR SUPPRESSION</span>
    <span id="pd-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="pd-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="pdProgressBar" style="width:0%"></div></div>
  <div id="pdStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="pdCanvas" width="300" height="200" style="border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></canvas>
    <div id="pdInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;">Find the unique shape — is it tilted left or right?</div>
    <div class="feedback" id="pdFeedback"></div>
    <div class="key-hint">F = tilted left &nbsp;·&nbsp; J = tilted right</div>
  </div>
  <div id="pdResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">Pd RESULTS</div>
    <div class="vrt-metrics" id="pdMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="pdExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="eranScreen" class="task-screen" style="display:none;">
  <div id="eranPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">ERAN — MUSIC SYNTAX</span>
    <span id="eran-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="eran-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="eranProgressBar" style="width:0%"></div></div>
  <div id="eranStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="eranChords" style="display:flex;gap:10px;align-items:flex-end;min-height:60px;"></div>
    <div id="eranInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;">Does the final chord fit the sequence?</div>
    <div class="feedback" id="eranFeedback"></div>
    <div class="key-hint">Y = chord fits &nbsp;·&nbsp; N = sounds out of place</div>
  </div>
  <div id="eranResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">ERAN RESULTS</div>
    <div class="vrt-metrics" id="eranMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="eranExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="lpcScreen" class="task-screen" style="display:none;">
  <div id="lpcPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LPC — EPISODIC RECOGNITION</span>
    <span id="lpc-phase" style="font-size:0.82rem;color:var(--gold);font-family:'Source Code Pro',monospace;">--</span>
    <span id="lpc-trial" style="font-size:0.78rem;color:var(--dim);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="lpcProgressBar" style="width:0%"></div></div>
  <div id="lpcStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="lpcWord" style="font-size:2.5rem;font-family:'EB Garamond',serif;color:var(--gold);min-height:3.5rem;text-align:center;"></div>
    <div id="lpcInstruct" style="font-size:0.82rem;color:var(--dim);"></div>
    <div class="feedback" id="lpcFeedback"></div>
    <div class="key-hint" id="lpcHint"></div>
  </div>
  <div id="lpcResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">LPC RESULTS</div>
    <div class="vrt-metrics" id="lpcMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="lpcExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="frnScreen" class="task-screen" style="display:none;">
  <div id="frnPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">FEEDBACK-RELATED NEGATIVITY</span>
    <span id="frn-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="frn-score" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="frnProgressBar" style="width:0%"></div></div>
  <div id="frnStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="frnChoice" style="display:flex;gap:20px;"></div>
    <div id="frnFeedback" class="feedback" style="font-size:1.5rem;min-height:2rem;"></div>
    <div id="frnInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div class="key-hint">F = LEFT option &nbsp;·&nbsp; J = RIGHT option</div>
  </div>
  <div id="frnResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">FRN RESULTS</div>
    <div class="vrt-metrics" id="frnMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="frnExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="cdaScreen" class="task-screen" style="display:none;">
  <div id="cdaPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">CONTRALATERAL DELAY ACTIVITY</span>
    <span id="cda-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="cda-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="cdaProgressBar" style="width:0%"></div></div>
  <div id="cdaStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <canvas id="cdaCanvas" width="320" height="160" style="border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></canvas>
    <div id="cdaInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div class="feedback" id="cdaFeedback"></div>
    <div class="key-hint" id="cdaHint"></div>
  </div>
  <div id="cdaResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">CDA RESULTS</div>
    <div class="vrt-metrics" id="cdaMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="cdaExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="ldaepScreen" class="task-screen" style="display:none;">
  <div id="ldaepPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">LDAEP — LOUDNESS DEPENDENCE</span>
    <span id="ldaep-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="ldaep-level" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ldaepProgressBar" style="width:0%"></div></div>
  <div id="ldaepStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div style="display:flex;gap:8px;align-items:flex-end;min-height:60px;">
      <div id="ldaepBar1" style="width:16px;background:rgba(212,180,86,0.2);border:1px solid #1a2f44;border-radius:2px 2px 0 0;"></div>
      <div id="ldaepBar2" style="width:16px;background:rgba(212,180,86,0.2);border:1px solid #1a2f44;border-radius:2px 2px 0 0;"></div>
      <div id="ldaepBar3" style="width:16px;background:rgba(212,180,86,0.2);border:1px solid #1a2f44;border-radius:2px 2px 0 0;"></div>
      <div id="ldaepBar4" style="width:16px;background:rgba(212,180,86,0.2);border:1px solid #1a2f44;border-radius:2px 2px 0 0;"></div>
      <div id="ldaepBar5" style="width:16px;background:rgba(212,180,86,0.2);border:1px solid #1a2f44;border-radius:2px 2px 0 0;"></div>
    </div>
    <div id="ldaepTone" style="width:60px;height:60px;border-radius:50%;border:2px solid #1a2f44;background:#060d14;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all 0.05s;"></div>
    <div id="ldaepInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;">Listen passively — no response needed</div>
    <div class="feedback" id="ldaepFeedback"></div>
  </div>
  <div id="ldaepResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">LDAEP RESULTS</div>
    <div class="vrt-metrics" id="ldaepMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="ldaepExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="rrnScreen" class="task-screen" style="display:none;">
  <div id="rrnPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">READINESS-RELATED NEGATIVITY</span>
    <span id="rrn-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="rrn-rt" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="rrnProgressBar" style="width:0%"></div></div>
  <div id="rrnStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="rrnArrow" style="font-size:4rem;color:var(--gold);min-height:5rem;display:flex;align-items:center;justify-content:center;"></div>
    <div id="rrnInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;"></div>
    <div class="feedback" id="rrnFeedback"></div>
    <div class="key-hint">F = LEFT arrow &nbsp;·&nbsp; J = RIGHT arrow · respond as fast as possible</div>
  </div>
  <div id="rrnResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">RRN RESULTS</div>
    <div class="vrt-metrics" id="rrnMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="rrnExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="c1Screen" class="task-screen" style="display:none;">
  <div id="c1PracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">C1 — FIRST CORTICAL VISUAL RESPONSE</span>
    <span id="c1-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="c1-hits" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="c1ProgressBar" style="width:0%"></div></div>
  <div id="c1StimPhase" style="display:none;flex-direction:column;align-items:center;gap:6px;">
    <canvas id="c1Canvas" width="340" height="220" style="border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></canvas>
    <div id="c1Instruct" style="font-size:0.82rem;color:var(--dim);text-align:center;">Fixate the cross — press SPACE for dimmer targets</div>
    <div class="feedback" id="c1Feedback"></div>
    <div class="key-hint">SPACE = dimmer target patch · ignore bright standards</div>
  </div>
  <div id="c1ResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">C1 RESULTS</div>
    <div class="vrt-metrics" id="c1Metrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="c1ExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="pmnScreen" class="task-screen" style="display:none;">
  <div id="pmnPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">PHONOLOGICAL MISMATCH NEGATIVITY</span>
    <span id="pmn-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="pmn-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="pmnProgressBar" style="width:0%"></div></div>
  <div id="pmnStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="pmnStem" style="font-size:1.1rem;font-family:'EB Garamond',serif;color:var(--mid);text-align:center;min-height:1.6rem;max-width:420px;"></div>
    <div id="pmnTarget" style="font-size:1.8rem;font-family:'EB Garamond',serif;color:var(--gold);min-height:2.4rem;text-align:center;letter-spacing:0.05em;"></div>
    <div id="pmnPhonHint" style="font-size:0.76rem;font-family:'Source Code Pro',monospace;color:rgba(212,180,86,0.4);min-height:1rem;text-align:center;"></div>
    <div class="feedback" id="pmnFeedback"></div>
    <div class="key-hint">Y = makes sense &nbsp;·&nbsp; N = does not make sense</div>
  </div>
  <div id="pmnResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">PMN RESULTS</div>
    <div class="vrt-metrics" id="pmnMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="pmnExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="vppScreen" class="task-screen" style="display:none;">
  <div id="vppPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">VERTEX POSITIVE POTENTIAL (VPP)</span>
    <span id="vpp-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="vpp-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="vppProgressBar" style="width:0%"></div></div>
  <div id="vppStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <canvas id="vppCanvas" width="200" height="200" style="border:1px solid #1a2f44;background:#060d14;border-radius:3px;"></canvas>
    <div id="vppInstruct" style="font-size:0.82rem;color:var(--dim);">Face or object?</div>
    <div class="feedback" id="vppFeedback"></div>
    <div class="key-hint">F = face &nbsp;·&nbsp; J = object</div>
  </div>
  <div id="vppResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">VPP RESULTS</div>
    <div class="vrt-metrics" id="vppMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="vppExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="peScreen" class="task-screen" style="display:none;">
  <div id="pePracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">Pe — ERROR POSITIVITY</span>
    <span id="pe-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="pe-errors" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="peProgressBar" style="width:0%"></div></div>
  <div id="peStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <div id="peFlanker" style="font-size:2.4rem;font-family:'Source Code Pro',monospace;color:var(--gold);min-height:3.2rem;letter-spacing:0.1em;display:flex;align-items:center;justify-content:center;"></div>
    <div id="peAwareness" style="display:none;font-size:0.82rem;color:var(--dim);text-align:center;">Did you notice making an error?</div>
    <div class="feedback" id="peFeedback"></div>
    <div class="key-hint" id="peHint">F = LEFT arrow &nbsp;·&nbsp; J = RIGHT arrow · respond fast</div>
  </div>
  <div id="peResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">Pe RESULTS</div>
    <div class="vrt-metrics" id="peMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="peExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="ornScreen" class="task-screen" style="display:none;">
  <div id="ornPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">OBJECT-RELATED NEGATIVITY (ORN)</span>
    <span id="orn-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="orn-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ornProgressBar" style="width:0%"></div></div>
  <div id="ornStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="ornViz" style="display:flex;gap:18px;align-items:center;justify-content:center;min-height:52px;"></div>
    <div id="ornInstruct" style="font-size:0.82rem;color:var(--dim);text-align:center;">One fused sound or two separate sounds?</div>
    <div class="feedback" id="ornFeedback"></div>
    <div class="key-hint">Y = one fused sound &nbsp;·&nbsp; N = two separate sounds</div>
  </div>
  <div id="ornResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">ORN RESULTS</div>
    <div class="vrt-metrics" id="ornMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="ornExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<div id="mfnScreen" class="task-screen" style="display:none;">
  <div id="mfnPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:20px;align-items:center;margin-bottom:8px;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">MEDIAL FRONTAL NEGATIVITY (MFN)</span>
    <span id="mfn-trial" style="font-size:0.82rem;color:var(--dim);">--</span>
    <span id="mfn-acc" style="font-size:0.82rem;font-family:'Source Code Pro',monospace;color:var(--gold);">--</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="mfnProgressBar" style="width:0%"></div></div>
  <div id="mfnStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <div id="mfnWord" style="font-size:2.8rem;font-family:'Source Code Pro',monospace;min-height:4rem;display:flex;align-items:center;justify-content:center;letter-spacing:0.05em;"></div>
    <div id="mfnInstruct" style="font-size:0.82rem;color:var(--dim);">Name the INK COLOUR (not the word)</div>
    <div class="feedback" id="mfnFeedback"></div>
    <div class="key-hint">F = RED ink &nbsp;·&nbsp; J = BLUE ink</div>
  </div>
  <div id="mfnResultsPhase" style="display:none;"><div class="vrt-results-wrap">
    <div class="vrt-results-title">MFN RESULTS</div>
    <div class="vrt-metrics" id="mfnMetrics"></div>
    <div style="display:flex;gap:12px;margin-top:10px;">
      <button class="intro-btn primary" onclick="resetAll()">HOME</button>
      <button class="intro-btn" onclick="mfnExportCSV()">EXPORT CSV</button>
    </div></div></div>
</div>
<script>
/* ── Stagger animation indices for task tiles. Sets a CSS custom property
      --i on each tile so the .task-select-grid .task-tile { animation-delay:
      calc(var(--i)*30ms) } rule produces a wave-in effect on first paint.
      Indices reset per grid so each section animates independently. */
(function staggerTileEntrance(){
  function apply() {
    document.querySelectorAll('.task-select-grid').forEach(function(grid){
      var tiles = grid.querySelectorAll('.task-tile');
      tiles.forEach(function(tile, i){
        tile.style.setProperty('--i', i);
      });
    });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', apply);
  } else {
    apply();
  }
})();
</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl506940'},{'dcenter':'p3'},{'cp_id':'10928901'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>
<!-- rewpScreen -->
<div id="rewpScreen" class="task-screen" style="display:none;">
  <div id="rewpPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">REWARD POSITIVITY / FRN</span>
    <span id="rewp-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
    <span id="rewp-phase" style="font-size:0.75rem;color:var(--dim);letter-spacing:0.15em;">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="rewpProgressBar" style="width:0%"></div></div>
  <div id="rewpStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="rewpFixation" style="font-size:2.5rem;color:var(--mid);">+</div>
    <div id="rewpChoice" style="display:none;flex-direction:column;align-items:center;gap:12px;">
      <div style="font-size:0.82rem;color:var(--dim);letter-spacing:0.12em;">Choose a card</div>
      <div style="display:flex;gap:20px;">
        <div id="rewpCard1" onclick="rewpChoose(0)" style="width:80px;height:110px;border:2px solid rgba(212,180,86,0.4);border-radius:6px;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all 0.15s;">🂠</div>
        <div id="rewpCard2" onclick="rewpChoose(1)" style="width:80px;height:110px;border:2px solid rgba(212,180,86,0.4);border-radius:6px;background:#0a1620;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all 0.15s;">🂠</div>
      </div>
    </div>
    <div id="rewpFeedback" style="font-size:3rem;min-height:4rem;display:flex;align-items:center;justify-content:center;"></div>
    <div class="feedback" id="rewpFeedbackText"></div>
  </div>
  <div id="rewpResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">RewP RESULTS</div>
      <div class="vrt-metrics" id="rewpMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="rewpExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>
<!-- ═══════════════════════════════════════════════════════════
     SENSORY TESTING SCREENS — Snellen / Ishihara / Seashore / Audiom
     ═══════════════════════════════════════════════════════════ -->

<!-- snellenScreen -->
<div id="snellenScreen" class="task-screen" style="display:none;">
  <div id="snellenPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">VISUAL ACUITY · SNELLEN</span>
    <span id="snellen-line" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="snellenProgressBar" style="width:0%"></div></div>

  <div id="snellenStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">

    <!-- Calibration row -->
    <div style="display:flex;gap:24px;align-items:flex-start;background:#0a1620;border:1px solid #1a2f44;padding:14px 18px;border-radius:4px;">
      <div>
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:6px;">Card calibration</div>
        <div style="font-size:0.72rem;color:var(--dim);max-width:240px;line-height:1.5;margin-bottom:8px;">Drag the right edge of the rectangle to match a real credit card (85.6&nbsp;mm wide).</div>
        <div id="snellenCardCalib" style="display:flex;align-items:center;gap:10px;">
          <div id="snellenCardRect" style="width:240px;height:152px;border:2px dashed rgba(212,180,86,0.6);background:rgba(212,180,86,0.04);position:relative;">
            <div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.62rem;color:var(--gold-dim);letter-spacing:0.2em;">DRAG ▶</div>
            <div id="snellenCardHandle" style="position:absolute;right:-8px;top:0;width:16px;height:100%;cursor:ew-resize;background:linear-gradient(90deg,transparent,var(--gold));opacity:0.6;"></div>
          </div>
          <div>
            <div style="font-size:0.66rem;color:var(--dim);">PPI</div>
            <div id="snellenPPI" style="font-size:1.4rem;color:var(--gold-lt);font-family:'EB Garamond',serif;font-style:italic;">96</div>
          </div>
        </div>
      </div>
      <div>
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:6px;">Distance</div>
        <input type="number" id="snellenDist" value="24" min="6" max="200" step="1" style="width:90px;background:#060d14;border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro',monospace;padding:6px 8px;font-size:0.9rem;">
        <div style="font-size:0.66rem;color:var(--dim);margin-top:4px;">inches (arm ≈ 24)</div>
      </div>
    </div>

    <!-- Snellen letter card -->
    <div style="background:#f4eedd;color:#0a0a0a;padding:30px 24px;text-align:center;min-width:340px;border-radius:2px;font-family:'Courier New',monospace;font-weight:700;user-select:none;">
      <div id="snellenLineLabel" style="font-family:'Source Code Pro',monospace;font-size:0.7rem;color:#5a5a5a;letter-spacing:0.18em;margin-bottom:10px;">LINE 1 · 20/200</div>
      <div id="snellenLetters" style="letter-spacing:0.2em;line-height:1;font-size:80px;">E</div>
      <input id="snellenInput" type="text" maxlength="8" placeholder="type the letters" autocomplete="off" style="margin-top:14px;text-align:center;text-transform:uppercase;letter-spacing:0.2em;font-family:'Source Code Pro',monospace;font-size:1rem;background:#fff;color:#000;border:1px solid #888;padding:6px 10px;width:240px;">
    </div>

    <!-- Navigation buttons -->
    <div style="display:flex;gap:10px;">
      <button class="intro-btn" onclick="snellenPrev()">◀ PREV</button>
      <button class="intro-btn primary" onclick="snellenNext()">NEXT ▶</button>
      <button class="intro-btn" onclick="snellenRecord()">✓ RECORD &amp; FINISH</button>
    </div>
  </div>

  <div id="snellenResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">SNELLEN RESULTS</div>
      <div class="vrt-metrics" id="snellenMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="sensoryGo('prev','SNELLEN')">◀ PREV TASK</button>
        <button class="intro-btn" onclick="sensoryGo('next','SNELLEN')">NEXT TASK ▶</button>
        <button class="intro-btn" onclick="snellenExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ishiharaScreen -->
<div id="ishiharaScreen" class="task-screen" style="display:none;">
  <div id="ishiharaPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">COLOR VISION · ISHIHARA-STYLE</span>
    <span id="ishihara-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="ishiharaProgressBar" style="width:0%"></div></div>

  <div id="ishiharaStimPhase" style="display:none;flex-direction:column;align-items:center;gap:16px;">
    <canvas id="ishiharaCanvas" width="360" height="360" style="background:#060d14;border-radius:50%;"></canvas>
    <div style="font-family:'EB Garamond',serif;font-style:italic;font-size:1.15rem;color:var(--gold-lt);">What numeral do you see?</div>
    <input id="ishiharaInput" type="text" maxlength="3" placeholder="?" autocomplete="off" style="text-align:center;font-family:'Source Code Pro',monospace;font-size:1.3rem;background:#060d14;color:var(--text);border:1px solid #2a4060;padding:8px 12px;width:110px;letter-spacing:0.1em;">
    <div style="display:flex;gap:10px;">
      <button class="intro-btn primary" onclick="ishiharaSubmit()">SUBMIT ↵</button>
      <button class="intro-btn" onclick="ishiharaSkip()">CAN'T SEE</button>
    </div>
  </div>

  <div id="ishiharaResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">COLOR VISION RESULTS</div>
      <div class="vrt-metrics" id="ishiharaMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="sensoryGo('prev','ISHIHARA')">◀ PREV TASK</button>
        <button class="intro-btn" onclick="sensoryGo('next','ISHIHARA')">NEXT TASK ▶</button>
        <button class="intro-btn" onclick="ishiharaExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- seashoreScreen -->
<div id="seashoreScreen" class="task-screen" style="display:none;">
  <div id="seashorePracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">SEASHORE RHYTHM</span>
    <span id="seashore-trial" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="seashoreProgressBar" style="width:0%"></div></div>

  <div id="seashoreStimPhase" style="display:none;flex-direction:column;align-items:center;gap:18px;">
    <div id="seashorePrompt" style="font-family:'EB Garamond',serif;font-style:italic;font-size:1.35rem;color:var(--gold-lt);min-height:2rem;">Ready when you are.</div>
    <div id="seashorePulses" style="min-height:1.6rem;display:flex;gap:6px;align-items:center;justify-content:center;"></div>
    <div id="seashoreJudge" style="display:none;gap:14px;">
      <button class="intro-btn primary" onclick="seashoreAnswer('same')">SAME (S)</button>
      <button class="intro-btn primary" onclick="seashoreAnswer('different')">DIFFERENT (D)</button>
    </div>
    <div id="seashoreFeedback" style="min-height:1.5em;font-size:0.92rem;color:var(--mid);"></div>
    <button id="seashoreStartBtn" class="intro-btn primary" onclick="seashoreNextTrial()">▶ START TRIAL</button>
  </div>

  <div id="seashoreResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">SEASHORE RHYTHM RESULTS</div>
      <div class="vrt-metrics" id="seashoreMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="sensoryGo('prev','SEASHORE')">◀ PREV TASK</button>
        <button class="intro-btn" onclick="sensoryGo('next','SEASHORE')">NEXT TASK ▶</button>
        <button class="intro-btn" onclick="seashoreExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- audiomScreen -->
<div id="audiomScreen" class="task-screen" style="display:none;">
  <div id="audiomPracticeBanner" class="practice-banner" style="display:none">PRACTICE MODE</div>
  <div style="display:flex;gap:24px;align-items:center;">
    <span style="color:var(--gold);font-size:0.9rem;letter-spacing:0.2em;font-family:'EB Garamond',serif;">AUDITORY THRESHOLD</span>
    <span id="audiom-status" style="font-size:0.82rem;color:var(--dim);">—</span>
  </div>
  <div class="progress-bar-wrap" style="width:380px"><div class="progress-bar" id="audiomProgressBar" style="width:0%"></div></div>

  <div id="audiomStimPhase" style="display:none;flex-direction:column;align-items:center;gap:14px;">
    <!-- Setup -->
    <div style="display:flex;gap:24px;align-items:flex-end;background:#0a1620;border:1px solid #1a2f44;padding:14px 18px;border-radius:4px;">
      <div>
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:4px;">Ear</div>
        <select id="audiomEar" style="background:#060d14;border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro',monospace;padding:5px 8px;font-size:0.9rem;">
          <option value="right">Right</option>
          <option value="left">Left</option>
        </select>
      </div>
      <div>
        <div style="font-size:0.7rem;color:var(--dim);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:4px;">Ref dBFS</div>
        <input type="number" id="audiomRef" value="-50" min="-80" max="0" step="5" style="width:80px;background:#060d14;border:1px solid #2a4060;color:var(--text);font-family:'Source Code Pro',monospace;padding:5px 8px;font-size:0.9rem;">
      </div>
    </div>

    <div style="display:flex;gap:24px;align-items:baseline;padding:10px 0;">
      <span id="audiomFreq" style="font-family:'EB Garamond',serif;font-style:italic;font-size:2rem;color:var(--gold);">— Hz</span>
      <span id="audiomLevel" style="font-family:'Source Code Pro',monospace;font-size:0.95rem;color:var(--mid);letter-spacing:0.1em;">— dB</span>
    </div>

    <div style="display:flex;gap:10px;">
      <button id="audiomPlayBtn" class="intro-btn primary" onclick="audiomPlay()">▶ PLAY TONE (Space)</button>
      <button id="audiomHeardBtn" class="intro-btn" onclick="audiomRespond(true)" disabled>HEARD (Y)</button>
      <button id="audiomNotHeardBtn" class="intro-btn" onclick="audiomRespond(false)" disabled>DIDN'T HEAR (N)</button>
    </div>

    <canvas id="audiogramCanvas" width="640" height="280" style="background:#060d14;border:1px solid #1a2f44;margin-top:12px;"></canvas>
  </div>

  <div id="audiomResultsPhase" style="display:none;">
    <div class="vrt-results-wrap">
      <div class="vrt-results-title">AUDIOGRAM RESULTS</div>
      <div class="vrt-metrics" id="audiomMetrics"></div>
      <div style="display:flex;gap:12px;margin-top:10px;">
        <button class="intro-btn primary" onclick="resetAll()">↩ HOME</button>
        <button class="intro-btn" onclick="sensoryGo('prev','AUDIOM')">◀ PREV TASK</button>
        <button class="intro-btn" onclick="sensoryGo('next','AUDIOM')">NEXT TASK ▶</button>
        <button class="intro-btn" onclick="audiomExportCSV()">⬇ EXPORT CSV</button>
      </div>
    </div>
  </div>
</div>

<!-- ═══════════════════════════════════════════════════════════
     SENSORY TESTING JAVASCRIPT — task logic
     ═══════════════════════════════════════════════════════════ -->
<script>
(function(){
'use strict';

// ─────────────────────────────────────────────────────────────
// SENSORY BATTERY NAVIGATION
// Jumps directly from one task's results screen to the next/previous
// task's stim phase (skips the intro screen entirely).
// ─────────────────────────────────────────────────────────────
var SENSORY_ORDER = ['SNELLEN', 'ISHIHARA', 'SEASHORE', 'AUDIOM'];
var SENSORY_START_FNS = {
  SNELLEN:  function(){ window.startSnellen(false); },
  ISHIHARA: function(){ window.startIshihara(false); },
  SEASHORE: function(){ window.startSeashore(false); },
  AUDIOM:   function(){ window.startAudiom(false); },
};
window.sensoryGo = function(direction, fromTask){
  var idx = SENSORY_ORDER.indexOf(fromTask);
  if (idx < 0) return;
  var nextIdx;
  if (direction === 'next')      nextIdx = (idx + 1) % SENSORY_ORDER.length;
  else if (direction === 'prev') nextIdx = (idx - 1 + SENSORY_ORDER.length) % SENSORY_ORDER.length;
  else return;
  var nextKey = SENSORY_ORDER[nextIdx];
  var fn = SENSORY_START_FNS[nextKey];
  if (typeof fn === 'function') fn();
};

// ─────────────────────────────────────────────────────────────
// SNELLEN
// ─────────────────────────────────────────────────────────────
var SNELLEN_LINES = [
  { denom: 200, letters: 'E',        arcmin: 50 },
  { denom: 100, letters: 'FP',       arcmin: 25 },
  { denom: 70,  letters: 'TOZ',      arcmin: 17.5 },
  { denom: 50,  letters: 'LPED',     arcmin: 12.5 },
  { denom: 40,  letters: 'PECFD',    arcmin: 10 },
  { denom: 30,  letters: 'EDFCZP',   arcmin: 7.5 },
  { denom: 25,  letters: 'FELOPZD',  arcmin: 6.25 },
  { denom: 20,  letters: 'DEFPOTEC', arcmin: 5 },
  { denom: 15,  letters: 'LEFODPCT', arcmin: 3.75 },
  { denom: 13,  letters: 'FDPLTCEO', arcmin: 3.25 },
];
var SNELLEN = { idx: 0, ppi: 96, lastCorrectIdx: -1, log: [], isPractice: false };

function snellenLetterHeightPx(arcmin, distIn) {
  var rad = arcmin * Math.PI / (180 * 60);
  return distIn * Math.tan(rad) * SNELLEN.ppi;
}
function snellenRender() {
  var line = SNELLEN_LINES[SNELLEN.idx];
  var dist = parseFloat(document.getElementById('snellenDist').value) || 24;
  var px = snellenLetterHeightPx(line.arcmin, dist);
  document.getElementById('snellenLineLabel').textContent = 'LINE ' + (SNELLEN.idx + 1) + ' · 20/' + line.denom;
  var L = document.getElementById('snellenLetters');
  L.textContent = line.letters;
  L.style.fontSize = Math.max(8, px) + 'px';
  document.getElementById('snellen-line').textContent = (SNELLEN.idx + 1) + '/' + SNELLEN_LINES.length;
  document.getElementById('snellenProgressBar').style.width =
    ((SNELLEN.idx + 1) / SNELLEN_LINES.length * 100).toFixed(0) + '%';
  document.getElementById('snellenInput').value = '';
  setTimeout(function(){ document.getElementById('snellenInput').focus(); }, 50);
}
window.snellenNext = function(){
  // Check current input
  var line = SNELLEN_LINES[SNELLEN.idx];
  var guess = document.getElementById('snellenInput').value.trim().toUpperCase();
  var correct = (guess === line.letters);
  SNELLEN.log.push({ line: SNELLEN.idx + 1, denom: line.denom, target: line.letters, response: guess, correct: correct });
  if (correct) SNELLEN.lastCorrectIdx = SNELLEN.idx;
  if (SNELLEN.idx < SNELLEN_LINES.length - 1) {
    SNELLEN.idx++;
    snellenRender();
  } else {
    snellenRecord();
  }
};
window.snellenPrev = function(){
  if (SNELLEN.idx > 0) { SNELLEN.idx--; snellenRender(); }
};
window.snellenRecord = function(){
  // Check current input before finishing
  var line = SNELLEN_LINES[SNELLEN.idx];
  var guess = document.getElementById('snellenInput').value.trim().toUpperCase();
  if (guess === line.letters) SNELLEN.lastCorrectIdx = SNELLEN.idx;
  var dist = parseFloat(document.getElementById('snellenDist').value) || 24;
  var acuity = SNELLEN.lastCorrectIdx >= 0
    ? '20/' + SNELLEN_LINES[SNELLEN.lastCorrectIdx].denom
    : 'no line read';
  document.getElementById('snellenStimPhase').style.display = 'none';
  document.getElementById('snellenResultsPhase').style.display = 'block';
  document.getElementById('snellenMetrics').innerHTML =
    '<div class="vrt-metric"><div class="vm-val">' + acuity + '</div><div class="vm-lbl">Acuity</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + dist + '"</div><div class="vm-lbl">Distance</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + SNELLEN.ppi.toFixed(0) + '</div><div class="vm-lbl">PPI calibrated</div></div>';
  document.getElementById('snellenProgressBar').style.width = '100%';
};
window.snellenExportCSV = function(){
  if (!SNELLEN.log.length) return;
  var rows = ['line,denom,target,response,correct'];
  SNELLEN.log.forEach(function(r){
    rows.push([r.line, r.denom, r.target, r.response, r.correct].join(','));
  });
  var blob = new Blob([rows.join('\n')], { type: 'text/csv' });
  var a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'snellen_' + Date.now() + '.csv';
  a.click();
};
function snellenInitCardCalib(){
  var rect = document.getElementById('snellenCardRect');
  var handle = document.getElementById('snellenCardHandle');
  var readout = document.getElementById('snellenPPI');
  if (!rect || !handle) return;
  var dragging = false;
  function commit(w){
    var width = Math.max(80, Math.min(600, w));
    rect.style.width = width + 'px';
    SNELLEN.ppi = width / 3.37;          // ISO 7810 ID-1 = 85.6mm = 3.37 in
    readout.textContent = SNELLEN.ppi.toFixed(0);
    snellenRender();
  }
  handle.addEventListener('mousedown', function(e){ dragging = true; e.preventDefault(); });
  document.addEventListener('mousemove', function(e){
    if (!dragging) return;
    commit(e.clientX - rect.getBoundingClientRect().left);
  });
  document.addEventListener('mouseup', function(){ dragging = false; });
  handle.addEventListener('touchstart', function(e){ dragging = true; e.preventDefault(); }, { passive: false });
  document.addEventListener('touchmove', function(e){
    if (!dragging) return;
    var t = e.touches[0]; if (!t) return;
    commit(t.clientX - rect.getBoundingClientRect().left);
  }, { passive: false });
  document.addEventListener('touchend', function(){ dragging = false; });
}
window.startSnellen = function(isPractice){
  SNELLEN.idx = 0; SNELLEN.lastCorrectIdx = -1; SNELLEN.log = []; SNELLEN.isPractice = isPractice;
  hideAll();
  document.getElementById('snellenScreen').style.display = 'flex';
  document.getElementById('snellenPracticeBanner').style.display = isPractice ? 'block' : 'none';
  document.getElementById('snellenStimPhase').style.display = 'flex';
  document.getElementById('snellenResultsPhase').style.display = 'none';
  if (!SNELLEN._calibInit) { SNELLEN._calibInit = true; snellenInitCardCalib(); }
  document.getElementById('snellenDist').addEventListener('input', snellenRender);
  document.getElementById('snellenInput').addEventListener('keydown', function(e){
    if (e.key === 'Enter') snellenNext();
  });
  snellenRender();
};

// ─────────────────────────────────────────────────────────────
// ISHIHARA-STYLE
// ─────────────────────────────────────────────────────────────
var ISH_PLATES = [
  { type: 'rg', answer: '12' },
  { type: 'rg', answer: '8' },
  { type: 'rg', answer: '5' },
  { type: 'rg', answer: '74' },
  { type: 'by', answer: '3' },
  { type: 'by', answer: '6' },
  { type: 'rg', answer: '29' },
  { type: 'by', answer: '9' },
];
var ISH = { idx: 0, log: [], isPractice: false };

function ishiharaPalette(type){
  if (type === 'rg') {
    return {
      figure: ['#d6724e','#c8593a','#e08a5d','#b6483a','#d27855','#cc6648'],
      bg:     ['#7a8a3a','#92964a','#8a9c4e','#a09858','#9aa066','#88904e','#a0a050'],
    };
  }
  return {
    figure: ['#3a7ac8','#4f6da8','#3d92b8','#5070a0','#3878a8'],
    bg:     ['#c8a850','#d8b260','#b89848','#c0a040','#d0b860','#b8a458'],
  };
}
function ishiharaPack(D, rMin, rMax){
  var cx = D/2, cy = D/2, R = D/2 - 4;
  var circles = [];
  var attempts = 0;
  while (attempts < 10000 && circles.length < 1500) {
    attempts++;
    var r = rMin + Math.random()*(rMax-rMin);
    var a = Math.random()*Math.PI*2;
    var rr = Math.sqrt(Math.random())*(R - r - 1);
    var x = cx + rr*Math.cos(a), y = cy + rr*Math.sin(a);
    var ok = true;
    for (var i = circles.length-1; i >= 0 && ok; i--) {
      var c = circles[i];
      var dx = c.x - x, dy = c.y - y;
      var dm = c.r + r + 1.2;
      if (dx*dx + dy*dy < dm*dm) ok = false;
    }
    if (ok) circles.push({ x: x, y: y, r: r });
  }
  return circles;
}
function ishiharaRender(){
  var plate = ISH_PLATES[ISH.idx];
  var c = document.getElementById('ishiharaCanvas');
  var ctx = c.getContext('2d');
  var W = c.width, H = c.height;
  ctx.fillStyle = '#060d14'; ctx.fillRect(0,0,W,H);
  // Build digit mask
  var mask = document.createElement('canvas');
  mask.width = W; mask.height = H;
  var mc = mask.getContext('2d');
  mc.fillStyle = '#000'; mc.fillRect(0,0,W,H);
  mc.fillStyle = '#fff';
  mc.font = 'bold ' + Math.round(H*0.55) + 'px "Courier New", monospace';
  mc.textAlign = 'center'; mc.textBaseline = 'middle';
  mc.fillText(plate.answer, W/2, H/2 + 4);
  var md = mc.getImageData(0,0,W,H).data;
  function onFig(x, y){
    var ix = Math.round(x), iy = Math.round(y);
    if (ix < 0 || iy < 0 || ix >= W || iy >= H) return false;
    return md[(iy*W + ix)*4] > 128;
  }
  var circles = ishiharaPack(W, 3.5, 8);
  var pal = ishiharaPalette(plate.type);
  ctx.save();
  ctx.beginPath();
  ctx.arc(W/2, H/2, W/2 - 4, 0, Math.PI*2);
  ctx.clip();
  ctx.fillStyle = '#13202e'; ctx.fillRect(0,0,W,H);
  for (var i = 0; i < circles.length; i++) {
    var cc = circles[i];
    var palArr = onFig(cc.x, cc.y) ? pal.figure : pal.bg;
    ctx.fillStyle = palArr[Math.floor(Math.random()*palArr.length)];
    ctx.beginPath();
    ctx.arc(cc.x, cc.y, cc.r, 0, Math.PI*2);
    ctx.fill();
  }
  ctx.restore();
  // Subtle ring
  ctx.strokeStyle = 'rgba(212,180,86,0.3)';
  ctx.lineWidth = 1;
  ctx.beginPath();
  ctx.arc(W/2, H/2, W/2 - 2, 0, Math.PI*2);
  ctx.stroke();

  document.getElementById('ishihara-trial').textContent = 'Plate ' + (ISH.idx + 1) + '/' + ISH_PLATES.length;
  document.getElementById('ishiharaProgressBar').style.width =
    ((ISH.idx + 1) / ISH_PLATES.length * 100).toFixed(0) + '%';
  document.getElementById('ishiharaInput').value = '';
  setTimeout(function(){ document.getElementById('ishiharaInput').focus(); }, 50);
}
function ishiharaAdvance(resp){
  var plate = ISH_PLATES[ISH.idx];
  ISH.log.push({ plate: ISH.idx + 1, type: plate.type, target: plate.answer, response: resp, correct: resp === plate.answer });
  if (ISH.idx < ISH_PLATES.length - 1) {
    ISH.idx++;
    ishiharaRender();
  } else {
    ishiharaFinish();
  }
}
function ishiharaFinish(){
  var total = ISH.log.length;
  var correct = ISH.log.filter(function(r){ return r.correct; }).length;
  var rg = ISH.log.filter(function(r){ return r.type === 'rg'; });
  var by = ISH.log.filter(function(r){ return r.type === 'by'; });
  var rgC = rg.filter(function(r){ return r.correct; }).length;
  var byC = by.filter(function(r){ return r.correct; }).length;
  var interp = 'Normal screening result';
  if (rg.length && rgC/rg.length < 0.5) interp = 'Possible red-green deficit';
  if (by.length && byC/by.length < 0.5) {
    interp = interp.indexOf('Possible') === 0 ? 'Possible R-G + B-Y deficit' : 'Possible blue-yellow deficit';
  }
  document.getElementById('ishiharaStimPhase').style.display = 'none';
  document.getElementById('ishiharaResultsPhase').style.display = 'block';
  document.getElementById('ishiharaMetrics').innerHTML =
    '<div class="vrt-metric"><div class="vm-val">' + correct + '/' + total + '</div><div class="vm-lbl">Correct</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + rgC + '/' + rg.length + '</div><div class="vm-lbl">Red-Green</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + byC + '/' + by.length + '</div><div class="vm-lbl">Blue-Yellow</div></div>' +
    '<div class="vrt-metric" style="grid-column:span 3;"><div class="vm-val" style="font-size:0.95rem;">' + interp + '</div><div class="vm-lbl">Interpretation</div></div>';
  document.getElementById('ishiharaProgressBar').style.width = '100%';
}
window.ishiharaSubmit = function(){
  ishiharaAdvance(document.getElementById('ishiharaInput').value.trim());
};
window.ishiharaSkip = function(){ ishiharaAdvance(''); };
window.ishiharaExportCSV = function(){
  if (!ISH.log.length) return;
  var rows = ['plate,type,target,response,correct'];
  ISH.log.forEach(function(r){
    rows.push([r.plate, r.type, r.target, r.response, r.correct].join(','));
  });
  var blob = new Blob([rows.join('\n')], { type: 'text/csv' });
  var a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'ishihara_' + Date.now() + '.csv';
  a.click();
};
window.startIshihara = function(isPractice){
  ISH.idx = 0; ISH.log = []; ISH.isPractice = isPractice;
  hideAll();
  document.getElementById('ishiharaScreen').style.display = 'flex';
  document.getElementById('ishiharaPracticeBanner').style.display = isPractice ? 'block' : 'none';
  document.getElementById('ishiharaStimPhase').style.display = 'flex';
  document.getElementById('ishiharaResultsPhase').style.display = 'none';
  document.getElementById('ishiharaInput').onkeydown = function(e){
    if (e.key === 'Enter') ishiharaSubmit();
  };
  ishiharaRender();
};

// ─────────────────────────────────────────────────────────────
// SEASHORE RHYTHM
// ─────────────────────────────────────────────────────────────
var SH = { trials: [], current: null, trialStart: 0, isPractice: false, maxTrials: 10 };
var SH_AUDIO = null;
function ensureAudioCtx(){
  if (!SH_AUDIO) SH_AUDIO = new (window.AudioContext || window.webkitAudioContext)();
  if (SH_AUDIO.state === 'suspended') SH_AUDIO.resume();
  return SH_AUDIO;
}
function seashoreGenRhythm(n){
  var iv = [];
  for (var i = 0; i < n - 1; i++) iv.push(180 + Math.random()*240);
  return iv;
}
function seashorePlayRhythm(intervals){
  var ctx = ensureAudioCtx();
  var t = ctx.currentTime + 0.05;
  function beep(when){
    var o = ctx.createOscillator();
    var g = ctx.createGain();
    o.type = 'sine'; o.frequency.value = 880;
    g.gain.setValueAtTime(0, when);
    g.gain.linearRampToValueAtTime(0.4, when + 0.005);
    g.gain.exponentialRampToValueAtTime(0.001, when + 0.05);
    o.connect(g).connect(ctx.destination);
    o.start(when); o.stop(when + 0.07);
  }
  beep(t);
  var visEl = document.getElementById('seashorePulses');
  visEl.innerHTML = '<span style="width:10px;height:10px;border-radius:50%;background:var(--gold);display:inline-block;"></span>';
  for (var i = 0; i < intervals.length; i++) {
    t += intervals[i] / 1000;
    beep(t);
    (function(idx){
      setTimeout(function(){
        visEl.innerHTML += '<span style="width:10px;height:10px;border-radius:50%;background:var(--gold);display:inline-block;"></span>';
      }, intervals.slice(0, idx + 1).reduce(function(a,b){return a+b;}, 0));
    })(i);
  }
  var totalMs = intervals.reduce(function(a,b){return a+b;}, 0) + 80;
  return new Promise(function(r){ setTimeout(r, totalMs); });
}
window.seashoreNextTrial = async function(){
  if (SH.trials.length >= SH.maxTrials) {
    seashoreFinish();
    return;
  }
  document.getElementById('seashoreStartBtn').style.display = 'none';
  document.getElementById('seashoreJudge').style.display = 'none';
  document.getElementById('seashoreFeedback').textContent = '';
  var prompt = document.getElementById('seashorePrompt');
  prompt.textContent = 'Listen…';
  document.getElementById('seashorePulses').innerHTML = '';
  var n = 5 + Math.floor(Math.random()*4);
  var a = seashoreGenRhythm(n);
  var same = Math.random() < 0.5;
  var b = a.slice();
  if (!same) {
    var idx = Math.floor(Math.random()*b.length);
    var sign = Math.random() < 0.5 ? -1 : 1;
    b[idx] = Math.max(120, b[idx] + sign*(80 + Math.random()*80));
  }
  SH.current = { same: same };
  await seashorePlayRhythm(a);
  prompt.textContent = '— pause —';
  await new Promise(function(r){ setTimeout(r, 500); });
  document.getElementById('seashorePulses').innerHTML = '';
  prompt.textContent = 'Listen…';
  await seashorePlayRhythm(b);
  prompt.textContent = 'Were the rhythms the same or different?';
  document.getElementById('seashoreJudge').style.display = 'flex';
  SH.trialStart = performance.now();
};
window.seashoreAnswer = function(ans){
  if (!SH.current) return;
  var rt = performance.now() - SH.trialStart;
  var correct = (ans === 'same') === SH.current.same;
  SH.trials.push({ trial: SH.trials.length + 1, ground: SH.current.same ? 'same' : 'different', response: ans, rt: rt, correct: correct });
  SH.current = null;
  document.getElementById('seashoreJudge').style.display = 'none';
  var fb = document.getElementById('seashoreFeedback');
  fb.style.color = correct ? 'var(--ok, #6db38a)' : 'var(--err, #c46b6b)';
  fb.textContent = (correct ? '✓ Correct' : '✗ Incorrect') + ' (' + rt.toFixed(0) + ' ms) · ' + SH.trials.length + '/' + SH.maxTrials;
  document.getElementById('seashore-trial').textContent = SH.trials.length + '/' + SH.maxTrials;
  document.getElementById('seashoreProgressBar').style.width = (SH.trials.length / SH.maxTrials * 100).toFixed(0) + '%';
  if (SH.trials.length >= SH.maxTrials) {
    setTimeout(seashoreFinish, 800);
  } else {
    document.getElementById('seashoreStartBtn').style.display = '';
    document.getElementById('seashoreStartBtn').textContent = '▶ NEXT TRIAL';
  }
};
function seashoreFinish(){
  var total = SH.trials.length;
  var correct = SH.trials.filter(function(t){return t.correct;}).length;
  var meanRT = total ? SH.trials.reduce(function(a,t){return a+t.rt;}, 0) / total : 0;
  document.getElementById('seashoreStimPhase').style.display = 'none';
  document.getElementById('seashoreResultsPhase').style.display = 'block';
  document.getElementById('seashoreMetrics').innerHTML =
    '<div class="vrt-metric"><div class="vm-val">' + total + '</div><div class="vm-lbl">Trials</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + correct + '</div><div class="vm-lbl">Correct</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + (total ? (correct/total*100).toFixed(0) : 0) + '%</div><div class="vm-lbl">Accuracy</div></div>' +
    '<div class="vrt-metric"><div class="vm-val">' + meanRT.toFixed(0) + ' ms</div><div class="vm-lbl">Mean RT</div></div>';
  document.getElementById('seashoreProgressBar').style.width = '100%';
}
window.seashoreExportCSV = function(){
  if (!SH.trials.length) return;
  var rows = ['trial,ground,response,rt_ms,correct'];
  SH.trials.forEach(function(t){
    rows.push([t.trial, t.ground, t.response, t.rt.toFixed(0), t.correct].join(','));
  });
  var blob = new Blob([rows.join('\n')], { type: 'text/csv' });
  var a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'seashore_' + Date.now() + '.csv';
  a.click();
};
window.startSeashore = function(isPractice){
  SH.trials = []; SH.current = null; SH.isPractice = isPractice;
  SH.maxTrials = isPractice ? 5 : 20;
  hideAll();
  document.getElementById('seashoreScreen').style.display = 'flex';
  document.getElementById('seashorePracticeBanner').style.display = isPractice ? 'block' : 'none';
  document.getElementById('seashoreStimPhase').style.display = 'flex';
  document.getElementById('seashoreResultsPhase').style.display = 'none';
  document.getElementById('seashorePulses').innerHTML = '';
  document.getElementById('seashoreFeedback').textContent = '';
  document.getElementById('seashoreStartBtn').style.display = '';
  document.getElementById('seashoreStartBtn').textContent = '▶ START TRIAL';
  document.getElementById('seashorePrompt').textContent = 'Ready when you are.';
  document.getElementById('seashore-trial').textContent = '0/' + SH.maxTrials;
  document.getElementById('seashoreProgressBar').style.width = '0%';
};

// ─────────────────────────────────────────────────────────────
// AUDIOMETRY (Hughson-Westlake lite)
// ─────────────────────────────────────────────────────────────
var AUD_FREQS = [250, 500, 1000, 2000, 4000, 8000];
var AUD = null;
function audiomRefresh(){
  document.getElementById('audiomFreq').textContent = AUD_FREQS[AUD.freqIdx] + ' Hz';
  document.getElementById('audiomLevel').textContent = AUD.levelDb.toFixed(0) + ' dB ref';
  document.getElementById('audiom-status').textContent =
    'Freq ' + (AUD.freqIdx + 1) + '/' + AUD_FREQS.length + ' · ' + (AUD.direction === 'down' ? '▼ desc' : '▲ asc');
  document.getElementById('audiomProgressBar').style.width =
    (AUD.freqIdx / AUD_FREQS.length * 100).toFixed(0) + '%';
}
window.audiomPlay = function(){
  if (!AUD) return;
  var ctx = ensureAudioCtx();
  var refDb = parseFloat(document.getElementById('audiomRef').value) || -50;
  var effective = refDb + AUD.levelDb;
  var amp = Math.max(0.0001, Math.pow(10, effective / 20));
  var freq = AUD_FREQS[AUD.freqIdx];
  var dur = 0.3;
  var t0 = ctx.currentTime + 0.02;
  var o = ctx.createOscillator();
  var g = ctx.createGain();
  var p = ctx.createStereoPanner();
  p.pan.value = AUD.ear === 'left' ? -1 : 1;
  o.type = 'sine'; o.frequency.value = freq;
  g.gain.setValueAtTime(0, t0);
  g.gain.linearRampToValueAtTime(amp, t0 + 0.02);
  g.gain.setValueAtTime(amp, t0 + dur - 0.02);
  g.gain.linearRampToValueAtTime(0, t0 + dur);
  o.connect(g).connect(p).connect(ctx.destination);
  o.start(t0); o.stop(t0 + dur + 0.02);
  document.getElementById('audiomHeardBtn').disabled = false;
  document.getElementById('audiomNotHeardBtn').disabled = false;
  if (AUD._respTimer) clearTimeout(AUD._respTimer);
  AUD._respTimer = setTimeout(function(){
    document.getElementById('audiomHeardBtn').disabled = true;
    document.getElementById('audiomNotHeardBtn').disabled = true;
  }, 3000);
};
window.audiomRespond = function(heard){
  if (!AUD) return;
  document.getElementById('audiomHeardBtn').disabled = true;
  document.getElementById('audiomNotHeardBtn').disabled = true;
  if (AUD._respTimer) clearTimeout(AUD._respTimer);
  AUD.log.push({ freq: AUD_FREQS[AUD.freqIdx], level: AUD.levelDb, dir: AUD.direction, heard: heard });
  if (AUD.direction === 'down') {
    if (heard) {
      AUD.levelDb -= 10;
      if (AUD.levelDb < -40) { audiomFinishFreq(AUD.levelDb + 10); return; }
    } else {
      AUD.direction = 'up';
      AUD.levelDb += 5;
      AUD.upCount = 0; AUD.heardCount = 0;
    }
  } else {
    AUD.upCount++;
    if (heard) AUD.heardCount++;
    if (AUD.upCount >= 3) {
      if (AUD.heardCount >= 2) { audiomFinishFreq(AUD.levelDb); return; }
      AUD.levelDb += 5;
      AUD.upCount = 0; AUD.heardCount = 0;
    }
  }
  audiomRefresh();
};
function audiomFinishFreq(thresholdDb){
  AUD.threshold[AUD_FREQS[AUD.freqIdx]] = thresholdDb;
  audiomDrawGram();
  AUD.freqIdx++;
  if (AUD.freqIdx >= AUD_FREQS.length) {
    audiomFinish();
    return;
  }
  AUD.levelDb = -50;
  AUD.direction = 'down';
  AUD.upCount = 0; AUD.heardCount = 0;
  audiomRefresh();
}
function audiomDrawGram(){
  if (!AUD) return;
  var c = document.getElementById('audiogramCanvas');
  var ctx = c.getContext('2d');
  var W = c.width, H = c.height;
  ctx.fillStyle = '#060d14'; ctx.fillRect(0,0,W,H);
  var ml = 50, mt = 26, mr = 22, mb = 40;
  var pw = W - ml - mr, ph = H - mt - mb;
  var dbMin = -40, dbMax = 10;
  function xForFreq(f){
    var i = AUD_FREQS.indexOf(f);
    return ml + (i / (AUD_FREQS.length - 1)) * pw;
  }
  function yForDb(db){
    return mt + (1 - (db - dbMin) / (dbMax - dbMin)) * ph;
  }
  ctx.strokeStyle = 'rgba(212,180,86,0.12)';
  ctx.lineWidth = 1;
  ctx.font = '10px "Source Code Pro", monospace';
  ctx.fillStyle = '#7a8a96';
  for (var db = dbMin; db <= dbMax; db += 10) {
    var y = yForDb(db);
    ctx.beginPath(); ctx.moveTo(ml, y); ctx.lineTo(W - mr, y); ctx.stroke();
    ctx.fillText(db.toString(), 10, y + 4);
  }
  AUD_FREQS.forEach(function(f){
    var x = xForFreq(f);
    ctx.beginPath(); ctx.moveTo(x, mt); ctx.lineTo(x, H - mb); ctx.stroke();
    var lbl = f >= 1000 ? (f/1000) + 'k' : f.toString();
    ctx.fillText(lbl, x - 10, H - mb + 15);
  });
  ctx.fillStyle = '#d4a520';
  ctx.font = 'italic 12px "EB Garamond", serif';
  ctx.fillText('Audiogram · ' + (AUD.ear === 'right' ? 'Right (O)' : 'Left (X)'), ml, 18);

  var col = AUD.ear === 'right' ? '#d4a520' : '#6db3c8';
  var sym = AUD.ear === 'right' ? 'O' : 'X';
  ctx.fillStyle = col; ctx.strokeStyle = col; ctx.lineWidth = 2;
  ctx.font = 'bold 16px "Source Code Pro", monospace';
  ctx.textAlign = 'center';
  var prev = null;
  AUD_FREQS.forEach(function(f){
    if (AUD.threshold[f] == null) return;
    var x = xForFreq(f), y = yForDb(AUD.threshold[f]);
    if (prev) { ctx.beginPath(); ctx.moveTo(prev.x, prev.y); ctx.lineTo(x, y); ctx.stroke(); }
    ctx.fillText(sym, x, y + 5);
    prev = { x: x, y: y };
  });
  ctx.textAlign = 'left';
}
function audiomFinish(){
  document.getElementById('audiomStimPhase').style.display = 'none';
  document.getElementById('audiomResultsPhase').style.display = 'block';
  document.getElementById('audiomProgressBar').style.width = '100%';
  var rows = AUD_FREQS.map(function(f){
    var t = AUD.threshold[f];
    return '<div class="vrt-metric"><div class="vm-val">' + (t != null ? t.toFixed(0) : '—') + '</div><div class="vm-lbl">' + (f >= 1000 ? (f/1000) + 'k Hz' : f + ' Hz') + '</div></div>';
  }).join('');
  document.getElementById('audiomMetrics').innerHTML = rows;
}
window.audiomExportCSV = function(){
  if (!AUD || !AUD.log.length) return;
  var rows = ['freq_hz,level_db,direction,heard'];
  AUD.log.forEach(function(r){
    rows.push([r.freq, r.level, r.dir, r.heard].join(','));
  });
  rows.push('');
  rows.push('# THRESHOLDS');
  rows.push('freq_hz,threshold_db');
  AUD_FREQS.forEach(function(f){
    rows.push([f, AUD.threshold[f] != null ? AUD.threshold[f] : 'NA'].join(','));
  });
  var blob = new Blob([rows.join('\n')], { type: 'text/csv' });
  var a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'audiogram_' + Date.now() + '.csv';
  a.click();
};
window.startAudiom = function(isPractice){
  AUD = {
    ear: document.getElementById('audiomEar').value,
    freqIdx: 0, levelDb: -50, direction: 'down',
    upCount: 0, heardCount: 0,
    threshold: {}, log: [], isPractice: isPractice,
    _respTimer: null,
  };
  hideAll();
  document.getElementById('audiomScreen').style.display = 'flex';
  document.getElementById('audiomPracticeBanner').style.display = isPractice ? 'block' : 'none';
  document.getElementById('audiomStimPhase').style.display = 'flex';
  document.getElementById('audiomResultsPhase').style.display = 'none';
  document.getElementById('audiomEar').onchange = function(){
    if (AUD) { AUD.ear = this.value; audiomRefresh(); audiomDrawGram(); }
  };
  audiomRefresh();
  audiomDrawGram();
};

// ─────────────────────────────────────────────────────────────
// Keyboard shortcuts (only when a sensory screen is active)
// ─────────────────────────────────────────────────────────────
document.addEventListener('keydown', function(e){
  if (e.target.tagName === 'INPUT' || e.target.tagName === 'SELECT') return;
  // Seashore
  if (document.getElementById('seashoreScreen').style.display !== 'none' &&
      document.getElementById('seashoreJudge').style.display !== 'none') {
    if (e.key === 's' || e.key === 'S') seashoreAnswer('same');
    if (e.key === 'd' || e.key === 'D') seashoreAnswer('different');
  }
  // Audiometry
  if (document.getElementById('audiomScreen').style.display !== 'none') {
    if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); audiomPlay(); }
    if ((e.key === 'y' || e.key === 'Y') && !document.getElementById('audiomHeardBtn').disabled) audiomRespond(true);
    if ((e.key === 'n' || e.key === 'N') && !document.getElementById('audiomNotHeardBtn').disabled) audiomRespond(false);
  }
});

})();
</script>

<!-- ═══════════════════════════════════════════════════════════
     INTRO-SCREEN ANIMATIONS for sensory testing tasks.
     Hooked via ANIM_MAP entries: SNELLEN, ISHIHARA, SEASHORE, AUDIOM.
     Each draws on #introAnim (520×110) using requestAnimationFrame.
     ═══════════════════════════════════════════════════════════ -->
<script>
(function(){
  'use strict';
  var GOLD = '#d4a520', MID = '#7a8a96', BG = '#060d14', DIM = 'rgba(212,165,32,0.25)';

  function getIntroCtx(){
    var c = document.getElementById('introAnim');
    if (!c) return null;
    c.width = c.offsetWidth > 0 ? c.offsetWidth : 520;
    c.height = 110;
    return c.getContext('2d');
  }
  function clearBG(ctx){ ctx.fillStyle = BG; ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height); }
  function caption(ctx, txt, col){
    ctx.font = '10px "Source Code Pro", monospace';
    ctx.fillStyle = col || MID;
    ctx.textAlign = 'center';
    ctx.fillText(txt, ctx.canvas.width / 2, ctx.canvas.height - 10);
    ctx.textAlign = 'left';
  }

  // ── SNELLEN — shows a single letter shrinking through Snellen lines ──
  window.animSnellen = function tick(){
    if (window._stopIntroAnim_called) return;
    window._snellenAnimRAF = requestAnimationFrame(tick);
    var ctx = getIntroCtx(); if (!ctx) return;
    var W = ctx.canvas.width, H = ctx.canvas.height;
    clearBG(ctx);

    // Cycle through letter sizes — analogous to the Snellen progression
    var phase = (Date.now() / 1100) % 5;
    var sizes = [62, 44, 30, 22, 14];
    var labels = ['20/200', '20/100', '20/50', '20/30', '20/20'];
    var size = sizes[Math.floor(phase)];
    var lbl  = labels[Math.floor(phase)];
    var letters = ['E', 'FP', 'TOZ', 'LPED', 'PECFD'];

    // Cream-coloured Snellen card
    ctx.fillStyle = '#f4eedd';
    ctx.fillRect(W/2 - 100, 8, 200, H - 28);
    ctx.fillStyle = '#0a0a0a';
    ctx.font = 'bold ' + size + 'px "Courier New", monospace';
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    ctx.fillText(letters[Math.floor(phase)], W/2, H/2 - 4);
    ctx.textBaseline = 'alphabetic';

    // Side label in gold
    ctx.font = '10px "Source Code Pro", monospace';
    ctx.fillStyle = GOLD; ctx.textAlign = 'left';
    ctx.fillText(lbl, W/2 + 108, H/2);

    caption(ctx, 'shrinking lines · smallest line correctly read = acuity', GOLD);
  };

  // ── ISHIHARA — animated dot field with a digit cycling ──
  var ishCircles = null;
  var ishLastDigit = -1;
  function ishPack(W, H){
    var pts = [];
    var cx = W/2, cy = H/2 - 8, R = Math.min(W, H) / 2 - 14;
    var attempts = 0;
    while (attempts < 2500 && pts.length < 220) {
      attempts++;
      var r = 2 + Math.random()*3;
      var a = Math.random()*Math.PI*2;
      var rr = Math.sqrt(Math.random())*(R - r - 1);
      var x = cx + rr*Math.cos(a), y = cy + rr*Math.sin(a);
      var ok = true;
      for (var i = pts.length-1; i >= 0 && ok; i--) {
        var c = pts[i];
        var dx = c.x-x, dy = c.y-y, dm = c.r+r+0.8;
        if (dx*dx+dy*dy < dm*dm) ok = false;
      }
      if (ok) pts.push({x:x, y:y, r:r});
    }
    return pts;
  }
  window.animIshihara = function tick(){
    if (window._stopIntroAnim_called) return;
    window._ishihAnimRAF = requestAnimationFrame(tick);
    var ctx = getIntroCtx(); if (!ctx) return;
    var W = ctx.canvas.width, H = ctx.canvas.height;
    clearBG(ctx);

    // Cycle digit every ~1.6 s
    var digits = ['12', '8', '5', '74', '3'];
    var phase = Math.floor((Date.now() / 1600) % digits.length);
    var digit = digits[phase];
    var isBY = (phase === 4);  // last plate is blue-yellow

    if (!ishCircles) ishCircles = ishPack(W, H);

    // Digit mask via temporary canvas
    var mask = document.createElement('canvas');
    mask.width = W; mask.height = H;
    var mc = mask.getContext('2d');
    mc.fillStyle = '#fff';
    mc.font = 'bold ' + Math.round(H * 0.7) + 'px "Courier New", monospace';
    mc.textAlign = 'center'; mc.textBaseline = 'middle';
    mc.fillText(digit, W/2, H/2 - 8);
    var md = mc.getImageData(0, 0, W, H).data;
    function onFig(x, y){
      var ix = Math.round(x), iy = Math.round(y);
      if (ix < 0 || iy < 0 || ix >= W || iy >= H) return false;
      return md[(iy*W+ix)*4] > 128;
    }

    var figPal = isBY ? ['#3a7ac8', '#4f6da8', '#3d92b8'] : ['#d6724e', '#c8593a', '#e08a5d'];
    var bgPal  = isBY ? ['#c8a850', '#d8b260', '#b89848'] : ['#7a8a3a', '#92964a', '#8a9c4e'];

    // Clip to disc
    ctx.save();
    ctx.beginPath();
    ctx.arc(W/2, H/2 - 8, Math.min(W, H)/2 - 14, 0, Math.PI*2);
    ctx.clip();
    ctx.fillStyle = '#13202e';
    ctx.fillRect(0, 0, W, H);
    for (var i = 0; i < ishCircles.length; i++) {
      var c = ishCircles[i];
      var pal = onFig(c.x, c.y) ? figPal : bgPal;
      ctx.fillStyle = pal[i % pal.length];
      ctx.beginPath();
      ctx.arc(c.x, c.y, c.r, 0, Math.PI*2);
      ctx.fill();
    }
    ctx.restore();

    caption(ctx, isBY ? 'blue-yellow plate · tritan axis' : 'red-green plate · protan/deutan axis',
            isBY ? '#6db3c8' : GOLD);
  };

  // ── SEASHORE — visualises beat sequence with pulses ──
  window.animSeashore = function tick(){
    if (window._stopIntroAnim_called) return;
    window._seashAnimRAF = requestAnimationFrame(tick);
    var ctx = getIntroCtx(); if (!ctx) return;
    var W = ctx.canvas.width, H = ctx.canvas.height;
    clearBG(ctx);

    // Two rhythm rows, cycling every ~3 seconds
    var cycle = (Date.now() / 3000) % 1;
    var rowY1 = H/2 - 18, rowY2 = H/2 + 18;
    var rhythm = [0, 0.18, 0.30, 0.55, 0.72, 0.88]; // 6-beat pattern (normalized)
    var pulseDur = 0.04;

    function drawRow(yy, intervals, gold){
      ctx.fillStyle = MID; ctx.font = '9px "Source Code Pro", monospace'; ctx.textAlign = 'left';
      ctx.fillText(gold ? 'A' : 'B', 20, yy + 4);
      // baseline
      ctx.strokeStyle = 'rgba(122,138,150,0.2)'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.moveTo(40, yy); ctx.lineTo(W - 40, yy); ctx.stroke();
      // beat markers
      for (var i = 0; i < intervals.length; i++) {
        var x = 40 + intervals[i] * (W - 80);
        var active = Math.abs(intervals[i] - cycle) < pulseDur;
        ctx.fillStyle = active ? GOLD : 'rgba(122,138,150,0.45)';
        ctx.beginPath();
        ctx.arc(x, yy, active ? 6 : 3, 0, Math.PI*2);
        ctx.fill();
      }
    }
    drawRow(rowY1, rhythm, true);
    // Row B differs at one position (perturbed beat)
    var rhythmB = rhythm.slice();
    rhythmB[3] = 0.62;  // perturbed
    drawRow(rowY2, rhythmB, false);

    var sameOrDiff = cycle > 0.6 ? 'JUDGE: same or different?' : 'two rhythms · attend';
    caption(ctx, sameOrDiff, GOLD);
  };

  // ── AUDIOMETRY — animated audiogram with descending/ascending markers ──
  window.animAudiom = function tick(){
    if (window._stopIntroAnim_called) return;
    window._audAnimRAF = requestAnimationFrame(tick);
    var ctx = getIntroCtx(); if (!ctx) return;
    var W = ctx.canvas.width, H = ctx.canvas.height;
    clearBG(ctx);

    var ml = 50, mr = 16, mt = 10, mb = 26;
    var pw = W - ml - mr, ph = H - mt - mb;
    var freqs = [250, 500, 1000, 2000, 4000, 8000];

    // Animated thresholds — looks like the staircase converging
    var phase = (Date.now() / 80) % freqs.length;
    var thresholds = freqs.map(function(f, i){
      // Settled values for "left ear normal hearing" feel
      var base = [5, 0, -5, -10, -5, 0][i];
      // Add a wobble for the currently-active frequency
      var active = (i === Math.floor(phase));
      if (active) {
        // staircase descend/ascend pattern
        var sub = (Date.now() / 100) % 8;
        return base + Math.sin(sub) * 5;
      }
      return base;
    });

    // Grid
    ctx.strokeStyle = 'rgba(212,165,32,0.12)'; ctx.lineWidth = 1;
    ctx.font = '8px "Source Code Pro", monospace'; ctx.fillStyle = MID;
    for (var db = -20; db <= 10; db += 10) {
      var y = mt + (1 - (db + 20) / 30) * ph;
      ctx.beginPath(); ctx.moveTo(ml, y); ctx.lineTo(W - mr, y); ctx.stroke();
      ctx.fillText(db, 28, y + 3);
    }
    for (var i = 0; i < freqs.length; i++) {
      var x = ml + (i / (freqs.length - 1)) * pw;
      ctx.beginPath(); ctx.moveTo(x, mt); ctx.lineTo(x, H - mb); ctx.stroke();
      var lbl = freqs[i] >= 1000 ? (freqs[i]/1000) + 'k' : freqs[i];
      ctx.fillText(lbl, x - 7, H - mb + 10);
    }

    // Threshold line
    ctx.strokeStyle = GOLD; ctx.lineWidth = 1.5;
    ctx.beginPath();
    thresholds.forEach(function(t, i){
      var x = ml + (i / (freqs.length - 1)) * pw;
      var y = mt + (1 - (t + 20) / 30) * ph;
      if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);
    });
    ctx.stroke();
    // O markers
    ctx.fillStyle = GOLD; ctx.font = 'bold 12px "Source Code Pro", monospace';
    ctx.textAlign = 'center';
    thresholds.forEach(function(t, i){
      var x = ml + (i / (freqs.length - 1)) * pw;
      var y = mt + (1 - (t + 20) / 30) * ph;
      ctx.fillText('O', x, y + 4);
    });
    ctx.textAlign = 'left';

    caption(ctx, 'Hughson-Westlake · 6 frequencies · ▼ 10dB / ▲ 5dB', GOLD);
  };

  // Stop hooks for all four anims — _stopIntroAnim already exists and cancels animRAF
  // for the main animation system, but my window-scoped RAFs aren't in that registry.
  // Hook them too so leaving the intro screen stops drawing.
  var origStop = window._stopIntroAnim;
  window._stopIntroAnim = function(){
    if (typeof origStop === 'function') origStop();
    [window._snellenAnimRAF, window._ishihAnimRAF, window._seashAnimRAF, window._audAnimRAF].forEach(function(id){
      if (id) cancelAnimationFrame(id);
    });
    window._snellenAnimRAF = null;
    window._ishihAnimRAF = null;
    window._seashAnimRAF = null;
    window._audAnimRAF = null;
  };
})();
</script>

<!-- ═══════════════════════════════════════════════════════════
     ABORT BUTTON — floating button to bail out of any task and
     return to the main home grid. Works across all 80+ tasks.
     ═══════════════════════════════════════════════════════════ -->
<style>
  #abortFab {
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 99999;
    background: rgba(196, 107, 107, 0.12);
    border: 1px solid rgba(196, 107, 107, 0.7);
    color: #c46b6b;
    font-family: 'Source Code Pro', monospace;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.18s ease-out;
    display: none;
    backdrop-filter: blur(6px);
  }
  #abortFab.show {
    display: inline-block;
    animation: abortFadeIn 0.25s ease-out;
  }
  #abortFab:hover {
    background: #c46b6b;
    color: #0a0a0a;
    border-color: #c46b6b;
    transform: translateY(-1px);
  }
  #abortFab:active {
    transform: translateY(0);
  }
  @keyframes abortFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @media (prefers-reduced-motion: reduce) {
    #abortFab { transition: none !important; animation: none !important; }
    #abortFab:hover, #abortFab:active { transform: none !important; }
  }
</style>

<script>
/* The abort button is injected into <body> on DOMContentLoaded (not at end of
   file in case the file appends content after </body>). It uses .show class
   instead of body class to avoid CSS specificity issues. */
(function(){
  'use strict';

  // Inject the button into <body> as soon as the DOM is parsed
  function injectButton() {
    if (document.getElementById('abortFab')) return; // already injected
    var btn = document.createElement('button');
    btn.id = 'abortFab';
    btn.title = 'Abort task and return to home (Esc)';
    btn.textContent = '✕ ABORT';
    btn.onclick = function() { window.cognosAbort(); };
    // Try body, fall back to html element
    var parent = document.body || document.documentElement;
    parent.appendChild(btn);
  }

  function getHomeEl() { return document.getElementById('home'); }
  function getLoginEl() { return document.getElementById('loginScreen'); }
  function getDashboardEl() { return document.getElementById('researcherDashboard'); }

  function isVisibleEl(el) {
    if (!el) return false;
    var s = window.getComputedStyle(el);
    return s.display !== 'none' && s.visibility !== 'hidden';
  }

  // The button is visible whenever the home screen is NOT visible.
  // (Login and dashboard screens, if present, also count as "not in a task".)
  function updateAbortVisibility() {
    var btn = document.getElementById('abortFab');
    if (!btn) { injectButton(); btn = document.getElementById('abortFab'); }
    if (!btn) return;
    var onHome = isVisibleEl(getHomeEl());
    var onLogin = isVisibleEl(getLoginEl());
    var onDash = isVisibleEl(getDashboardEl());
    var shouldShow = !onHome && !onLogin && !onDash;
    btn.classList.toggle('show', shouldShow);
  }

  // Wrap hideAll so we re-check visibility after every navigation
  function wrapHideAll() {
    if (typeof window.hideAll !== 'function') return false;
    if (window.hideAll._abortWrapped) return true;
    var orig = window.hideAll;
    window.hideAll = function() {
      var r = orig.apply(this, arguments);
      // Defer so the subsequent .style.display='flex' on the new screen lands first
      setTimeout(updateAbortVisibility, 0);
      return r;
    };
    window.hideAll._abortWrapped = true;
    return true;
  }

  // Also poll periodically as a safety net — some code paths might
  // toggle screen visibility without going through hideAll.
  function pollLoop() {
    updateAbortVisibility();
    setTimeout(pollLoop, 500);
  }

  // Public abort handler
  window.cognosAbort = function() {
    if (typeof window.resetAll === 'function') {
      try { window.resetAll(); } catch (e) { console.error('[abort] resetAll failed:', e); }
    } else if (typeof window.hideAll === 'function') {
      try { window.hideAll(); } catch (e) {}
      var home = getHomeEl();
      if (home) home.style.display = 'flex';
    }
    updateAbortVisibility();
  };

  // Esc key shortcut
  document.addEventListener('keydown', function(e) {
    if (e.key !== 'Escape') return;
    var btn = document.getElementById('abortFab');
    if (!btn || !btn.classList.contains('show')) return;
    var ae = document.activeElement;
    if (ae && (ae.tagName === 'INPUT' || ae.tagName === 'TEXTAREA' || ae.tagName === 'SELECT')) return;
    e.preventDefault();
    window.cognosAbort();
  });

  function boot() {
    injectButton();
    var wrapped = wrapHideAll();
    if (!wrapped) {
      // hideAll not defined yet — retry shortly
      setTimeout(function(){ wrapHideAll(); }, 100);
      setTimeout(function(){ wrapHideAll(); }, 500);
    }
    pollLoop();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }
})();
</script>