{"id":1443,"date":"2025-11-14T17:28:24","date_gmt":"2025-11-14T17:28:24","guid":{"rendered":"https:\/\/pouriaakbari.com\/?p=1443"},"modified":"2025-11-14T19:33:26","modified_gmt":"2025-11-14T19:33:26","slug":"smooth-persuit-simulator","status":"publish","type":"post","link":"https:\/\/pouriaakbari.com\/index.php\/2025\/11\/14\/smooth-persuit-simulator\/","title":{"rendered":"Smooth Persuit Simulator"},"content":{"rendered":"\n<div class=\"vt-3d-wrapper\">\n\n  <!-- RADIO BUTTONS (CSS-only control) -->\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-normal\" checked>\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-parkinson\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-cerebellum\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-frontal\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-mt\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-vestibular\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-adhd\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-autism\">\n  <input type=\"radio\" name=\"vt3d\" id=\"vt-ld\">\n\n  <div class=\"vt-3d-layout\">\n\n    <!-- LEFT: EYE SIMULATOR + BRAIN -->\n    <div class=\"vt-left\">\n      <h3 class=\"vt-title\">Educational Vision Pursuit Simulator<\/h3>\n\n      <div class=\"vt-eyes-zone\">\n        <!-- TARGET -->\n        <div class=\"vt-target\"><\/div>\n\n        <!-- LEFT EYE -->\n        <div class=\"eye eye-left\">\n          <div class=\"eye-white\">\n            <div class=\"pupil\">\n              <div class=\"pupil-highlight\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- RIGHT EYE -->\n        <div class=\"eye eye-right\">\n          <div class=\"eye-white\">\n            <div class=\"pupil\">\n              <div class=\"pupil-highlight\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- BRAIN NETWORK -->\n      <div class=\"vt-brain-card\">\n        <h4 class=\"vt-brain-title\">Brain network (schematic)<\/h4>\n        <svg class=\"vt-brain-svg\" viewBox=\"0 0 260 160\">\n          <!-- Brain outline -->\n          <path d=\"M30 80 Q30 20 130 20 Q230 20 230 80 Q230 140 130 140 Q30 140 30 80\"\n                fill=\"#f1f5f9\" stroke=\"#94a3b8\" stroke-width=\"2\"><\/path>\n\n          <!-- Base edges (grey) -->\n          <g class=\"brain-base\">\n            <line x1=\"40\"  y1=\"80\"  x2=\"75\"  y2=\"55\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"75\"  y1=\"55\"  x2=\"110\" y2=\"45\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"45\"  x2=\"150\" y2=\"55\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"150\" y1=\"55\"  x2=\"185\" y2=\"75\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"185\" y1=\"75\"  x2=\"205\" y2=\"105\" stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"205\" y1=\"105\" x2=\"160\" y2=\"120\" stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"160\" y1=\"120\" x2=\"120\" y2=\"120\" stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n\n            <line x1=\"110\" y1=\"45\" x2=\"110\" y2=\"80\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"110\" y1=\"80\" x2=\"85\"  y2=\"105\" stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n            <line x1=\"95\"  y1=\"35\" x2=\"150\" y2=\"35\"  stroke=\"#d1d5db\" stroke-width=\"2\"\/>\n          <\/g>\n\n          <!-- Base nodes (grey) -->\n          <g class=\"brain-base-nodes\">\n            <circle cx=\"40\"  cy=\"80\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- Retina -->\n            <circle cx=\"75\"  cy=\"55\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- LGN\/Magno -->\n            <circle cx=\"110\" cy=\"45\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- MT\/MST -->\n            <circle cx=\"150\" cy=\"55\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- FEF -->\n            <circle cx=\"185\" cy=\"75\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- Pons -->\n            <circle cx=\"205\" cy=\"105\" r=\"6\" fill=\"#e2e8f0\"\/> <!-- Cerebellum -->\n            <circle cx=\"160\" cy=\"120\" r=\"6\" fill=\"#e2e8f0\"\/> <!-- Vestibular nucleus -->\n            <circle cx=\"120\" cy=\"120\" r=\"6\" fill=\"#e2e8f0\"\/> <!-- Eye muscles -->\n            <circle cx=\"110\" cy=\"80\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- Basal ganglia -->\n            <circle cx=\"85\"  cy=\"105\" r=\"6\" fill=\"#e2e8f0\"\/> <!-- Parietal -->\n            <circle cx=\"95\"  cy=\"35\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- PFC -->\n            <circle cx=\"150\" cy=\"35\"  r=\"6\" fill=\"#e2e8f0\"\/> <!-- SEF \/ higher control -->\n          <\/g>\n\n          <!-- HIGHLIGHT GROUPS FOR EACH CONDITION -->\n\n          <!-- Normal -->\n          <g class=\"brain-highlight brain-normal\">\n            <line x1=\"40\" y1=\"80\"  x2=\"75\"  y2=\"55\"  stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"75\" y1=\"55\"  x2=\"110\" y2=\"45\"  stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"110\" y1=\"45\" x2=\"150\" y2=\"55\"  stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"150\" y1=\"55\" x2=\"185\" y2=\"75\"  stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"185\" y1=\"75\" x2=\"205\" y2=\"105\" stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"205\" y1=\"105\"x2=\"160\" y2=\"120\" stroke=\"#2563eb\" stroke-width=\"3\"\/>\n            <line x1=\"160\" y1=\"120\"x2=\"120\" y2=\"120\" stroke=\"#2563eb\" stroke-width=\"3\"\/>\n\n            <circle cx=\"40\"  cy=\"80\"  r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"75\"  cy=\"55\"  r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"110\" cy=\"45\"  r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"150\" cy=\"55\"  r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"185\" cy=\"75\"  r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"205\" cy=\"105\" r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"160\" cy=\"120\" r=\"6\" fill=\"#2563eb\"\/>\n            <circle cx=\"120\" cy=\"120\" r=\"6\" fill=\"#2563eb\"\/>\n          <\/g>\n\n          <!-- Parkinson -->\n          <g class=\"brain-highlight brain-parkinson\">\n            <line x1=\"75\" y1=\"55\" x2=\"110\" y2=\"45\" stroke=\"#16a34a\" stroke-width=\"3\"\/>\n            <line x1=\"110\" y1=\"45\"x2=\"110\" y2=\"80\" stroke=\"#16a34a\" stroke-width=\"3\"\/>\n\n            <circle cx=\"110\" cy=\"45\" r=\"6\" fill=\"#16a34a\"\/> <!-- MT -->\n            <circle cx=\"110\" cy=\"80\" r=\"6\" fill=\"#16a34a\"\/> <!-- BG -->\n          <\/g>\n\n          <!-- Cerebellum -->\n          <g class=\"brain-highlight brain-cerebellum\">\n            <line x1=\"185\" y1=\"75\" x2=\"205\" y2=\"105\" stroke=\"#f97316\" stroke-width=\"3\"\/>\n            <line x1=\"205\" y1=\"105\"x2=\"160\" y2=\"120\" stroke=\"#f97316\" stroke-width=\"3\"\/>\n\n            <circle cx=\"205\" cy=\"105\" r=\"6\" fill=\"#f97316\"\/>\n            <circle cx=\"160\" cy=\"120\" r=\"6\" fill=\"#f97316\"\/>\n          <\/g>\n\n          <!-- Frontal \/ FEF -->\n          <g class=\"brain-highlight brain-frontal\">\n            <line x1=\"95\"  y1=\"35\" x2=\"150\" y2=\"35\" stroke=\"#ec4899\" stroke-width=\"3\"\/>\n            <line x1=\"150\" y1=\"35\" x2=\"150\" y2=\"55\" stroke=\"#ec4899\" stroke-width=\"3\"\/>\n\n            <circle cx=\"95\"  cy=\"35\" r=\"6\" fill=\"#ec4899\"\/> <!-- PFC -->\n            <circle cx=\"150\" cy=\"35\" r=\"6\" fill=\"#ec4899\"\/> <!-- SEF -->\n            <circle cx=\"150\" cy=\"55\" r=\"6\" fill=\"#ec4899\"\/> <!-- FEF -->\n          <\/g>\n\n          <!-- MT\/MST -->\n          <g class=\"brain-highlight brain-mt\">\n            <line x1=\"40\" y1=\"80\" x2=\"75\" y2=\"55\" stroke=\"#7c3aed\" stroke-width=\"3\"\/>\n            <line x1=\"75\" y1=\"55\" x2=\"110\" y2=\"45\" stroke=\"#7c3aed\" stroke-width=\"3\"\/>\n\n            <circle cx=\"75\"  cy=\"55\" r=\"6\" fill=\"#7c3aed\"\/> <!-- LGN\/Magno -->\n            <circle cx=\"110\" cy=\"45\" r=\"6\" fill=\"#7c3aed\"\/> <!-- MT\/MST -->\n          <\/g>\n\n          <!-- Vestibular -->\n          <g class=\"brain-highlight brain-vestibular\">\n            <line x1=\"205\" y1=\"105\"x2=\"160\" y2=\"120\" stroke=\"#10b981\" stroke-width=\"3\"\/>\n            <line x1=\"160\" y1=\"120\"x2=\"120\" y2=\"120\" stroke=\"#10b981\" stroke-width=\"3\"\/>\n\n            <circle cx=\"205\" cy=\"105\" r=\"6\" fill=\"#10b981\"\/>\n            <circle cx=\"160\" cy=\"120\" r=\"6\" fill=\"#10b981\"\/>\n            <circle cx=\"120\" cy=\"120\" r=\"6\" fill=\"#10b981\"\/>\n          <\/g>\n\n          <!-- ADHD -->\n          <g class=\"brain-highlight brain-adhd\">\n            <line x1=\"95\" y1=\"35\" x2=\"110\" y2=\"45\" stroke=\"#0ea5e9\" stroke-width=\"3\"\/>\n            <line x1=\"110\" y1=\"45\"x2=\"150\" y2=\"55\" stroke=\"#0ea5e9\" stroke-width=\"3\"\/>\n\n            <circle cx=\"95\"  cy=\"35\" r=\"6\" fill=\"#0ea5e9\"\/>  <!-- PFC -->\n            <circle cx=\"150\" cy=\"55\" r=\"6\" fill=\"#0ea5e9\"\/>  <!-- FEF -->\n          <\/g>\n\n          <!-- Autism -->\n          <g class=\"brain-highlight brain-autism\">\n            <line x1=\"95\" y1=\"35\" x2=\"110\" y2=\"45\" stroke=\"#f97373\" stroke-width=\"3\"\/>\n            <line x1=\"110\" y1=\"45\"x2=\"205\" y2=\"105\" stroke=\"#f97373\" stroke-width=\"3\"\/>\n\n            <circle cx=\"95\"  cy=\"35\" r=\"6\" fill=\"#f97373\"\/>  <!-- PFC -->\n            <circle cx=\"110\" cy=\"45\" r=\"6\" fill=\"#f97373\"\/>  <!-- MT\/MST -->\n            <circle cx=\"205\" cy=\"105\" r=\"6\" fill=\"#f97373\"\/> <!-- Cerebellum -->\n          <\/g>\n\n          <!-- Learning disorder \/ Dyslexia -->\n          <g class=\"brain-highlight brain-ld\">\n            <line x1=\"75\" y1=\"55\" x2=\"110\" y2=\"45\" stroke=\"#22c55e\" stroke-width=\"3\"\/>\n            <line x1=\"110\" y1=\"45\"x2=\"150\" y2=\"55\" stroke=\"#22c55e\" stroke-width=\"3\"\/>\n\n            <circle cx=\"75\"  cy=\"55\" r=\"6\" fill=\"#22c55e\"\/>  <!-- Magno -->\n            <circle cx=\"110\" cy=\"45\" r=\"6\" fill=\"#22c55e\"\/>  <!-- MT -->\n            <circle cx=\"150\" cy=\"55\" r=\"6\" fill=\"#22c55e\"\/>  <!-- FEF -->\n          <\/g>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: BUTTONS + TEXT DESCRIPTION -->\n    <div class=\"vt-right\">\n      <p class=\"vt-label\">Select condition:<\/p>\n      <div class=\"vt-buttons\">\n        <label class=\"vt-btn\" for=\"vt-normal\">Normal<\/label>\n        <label class=\"vt-btn\" for=\"vt-parkinson\">Parkinson<\/label>\n        <label class=\"vt-btn\" for=\"vt-cerebellum\">Cerebellum<\/label>\n        <label class=\"vt-btn\" for=\"vt-frontal\">Frontal<\/label>\n        <label class=\"vt-btn\" for=\"vt-mt\">MT\/MST<\/label>\n        <label class=\"vt-btn\" for=\"vt-vestibular\">Vestibular<\/label>\n        <label class=\"vt-btn\" for=\"vt-adhd\">ADHD<\/label>\n        <label class=\"vt-btn\" for=\"vt-autism\">Autism<\/label>\n        <label class=\"vt-btn\" for=\"vt-ld\">Learning disorder<\/label>\n      <\/div>\n\n      <!-- TEXT DESCRIPTIONS -->\n      <div class=\"vt-desc-blocks\">\n        <div class=\"vt-desc vt-desc-normal\">\n          <h4>Normal smooth pursuit<\/h4>\n          <p>Both pupils follow the target smoothly with minimal lag. No drift, no overshoot, no sudden jumps.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-parkinson\">\n          <h4>Parkinson (basal ganglia)<\/h4>\n          <p>Pursuit starts late and is slow. The eyes stay behind the target and occasionally make clear catch-up saccades.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-cerebellum\">\n          <h4>Cerebellar disorder<\/h4>\n          <p>Pupils can follow the target but drift back toward center and then correct again, creating a wavy, unstable tracking pattern.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-frontal\">\n          <h4>Frontal \/ FEF dysfunction<\/h4>\n          <p>Around reversals, the eyes briefly move in the wrong direction or hesitate, then recover and follow the target again.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-mt\">\n          <h4>MT \/ MST motion pathway<\/h4>\n          <p>Motion is underestimated. The eyes always lag behind the target with a clear constant offset, never fully catching up.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-vestibular\">\n          <h4>Vestibular \/ brainstem<\/h4>\n          <p>The eyes track the target, but a slow baseline drift pulls gaze to one side, shifting the whole pursuit path.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-adhd\">\n          <h4>ADHD<\/h4>\n          <p>Pursuit is mostly normal, but brief lapses of attention create small jumps (micro-saccades) away from the target and back.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-autism\">\n          <h4>Autism spectrum<\/h4>\n          <p>Tracking is rigid. After each reversal the eyes freeze briefly before shifting, leading to visible delay in changing direction.<\/p>\n        <\/div>\n        <div class=\"vt-desc vt-desc-ld\">\n          <h4>Learning disorder \/ dyslexia<\/h4>\n          <p>Eyes follow the target but overshoot and then undershoot, producing small oscillations around the target path.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.vt-3d-wrapper{\n  max-width:900px;\n  margin:0 auto;\n  font-family:\"Segoe UI\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;\n}\n\n.vt-3d-layout{\n  display:flex;\n  gap:24px;\n  flex-wrap:wrap;\n}\n\n.vt-left{\n  flex:1 1 58%;\n  min-width:280px;\n}\n.vt-right{\n  flex:1 1 38%;\n  min-width:260px;\n}\n\n.vt-title{\n  margin:0 0 12px;\n  font-size:1.15rem;\n  color:#111827;\n}\n\n\/* EYE AREA *\/\n.vt-eyes-zone{\n  position:relative;\n  height:210px;\n  background:#f3f4f6;\n  border-radius:20px;\n  overflow:hidden;\n  box-shadow:0 6px 18px rgba(15,23,42,0.15);\n}\n\n\/* TARGET *\/\n.vt-target{\n  position:absolute;\n  top:32px;\n  left:50%;\n  width:16px;\n  height:16px;\n  margin-left:-8px;\n  border-radius:50%;\n  background:#38bdf8;\n  box-shadow:0 0 8px rgba(56,189,248,0.9);\n  animation:vt-target-move 4s ease-in-out infinite;\n}\n\n\/* EYES 3D *\/\n.eye{\n  position:absolute;\n  top:95px;\n  width:130px;\n  height:90px;\n  border-radius:60% 60% 70% 70% \/ 75% 75% 60% 60%;\n  overflow:hidden;\n}\n.eye-left { left:70px; }\n.eye-right{ right:70px; }\n\n.eye-white{\n  width:100%;\n  height:100%;\n  border-radius:inherit;\n  background:radial-gradient(circle at 50% 60%, #ffffff 45%, #e3eaf7 100%);\n  box-shadow:\n    inset 0 12px 18px rgba(0,0,0,0.18),\n    inset 0 -10px 15px rgba(0,0,0,0.10),\n    0 4px 12px rgba(0,0,0,0.18);\n}\n\n\/* PUPIL *\/\n.pupil{\n  width:34px;\n  height:34px;\n  position:absolute;\n  top:50%;\n  left:50%;\n  margin-left:-17px;\n  margin-top:-17px;\n  border-radius:50%;\n  background:radial-gradient(circle at 40% 40%, #000000 65%, #111111 100%);\n  box-shadow:\n    inset -6px -6px 10px rgba(0,0,0,0.8),\n    inset 3px 3px 6px rgba(255,255,255,0.2);\n  transform:translateX(0);\n}\n\n.pupil-highlight{\n  width:12px;\n  height:12px;\n  background:rgba(255,255,255,0.85);\n  border-radius:50%;\n  position:absolute;\n  top:7px;\n  left:7px;\n  box-shadow:0 0 6px rgba(255,255,255,0.8);\n}\n\n\/* BRAIN CARD *\/\n.vt-brain-card{\n  margin-top:14px;\n  background:#ffffff;\n  border-radius:16px;\n  padding:10px 12px;\n  border:1px solid #e5e7eb;\n}\n.vt-brain-title{\n  margin:0 0 6px;\n  font-size:0.95rem;\n  color:#111827;\n}\n.vt-brain-svg{\n  width:100%;\n  height:auto;\n  max-height:190px;\n}\n.brain-highlight{ display:none; }\n\n\/* RIGHT SIDE: BUTTONS + TEXT *\/\n.vt-label{\n  margin:0 0 8px;\n  font-size:0.85rem;\n  color:#475569;\n}\n.vt-buttons{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:8px;\n}\n.vt-btn{\n  padding:7px 10px;\n  border-radius:8px;\n  border:1px solid #d1d5db;\n  background:#f8fafc;\n  cursor:pointer;\n  text-align:center;\n  font-size:0.8rem;\n  transition:0.2s;\n}\n.vt-btn:hover{\n  background:#e0ecff;\n}\n\n\/* hide radios *\/\n#vt-normal,#vt-parkinson,#vt-cerebellum,#vt-frontal,#vt-mt,\n#vt-vestibular,#vt-adhd,#vt-autism,#vt-ld{\n  position:absolute;\n  opacity:0;\n  pointer-events:none;\n}\n\n\/* TEXT DESCRIPTIONS *\/\n.vt-desc-blocks{\n  margin-top:12px;\n  background:#ffffff;\n  border-radius:12px;\n  border:1px solid #e5e7eb;\n  padding:10px 12px;\n}\n.vt-desc{\n  display:none;\n}\n.vt-desc h4{\n  margin:0 0 4px;\n  font-size:0.95rem;\n  color:#111827;\n}\n.vt-desc p{\n  margin:0;\n  font-size:0.8rem;\n  color:#4b5563;\n  line-height:1.5;\n}\n\n\/* -------------------- TARGET PATH (LIMITED RANGE) ----------------- *\/\n@keyframes vt-target-move{\n  0%{ transform:translateX(-70px); }\n  25%{ transform:translateX(10px); }\n  50%{ transform:translateX(70px); }\n  75%{ transform:translateX(10px); }\n  100%{ transform:translateX(-70px); }\n}\n\n\/* ====================== PUPIL MOTION PATTERNS ===================== *\/\n\/* \u0647\u0645\u0647\u0654 \u0627\u06cc\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 \u0631\u0648\u06cc \u0647\u0631 \u062f\u0648 \u0686\u0634\u0645 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u061b\n   \u0645\u0631\u062f\u0645\u06a9\u200c\u0647\u0627 \u0647\u0645\u06cc\u0634\u0647 \u0647\u0645\u0632\u0645\u0627\u0646 \u062d\u0631\u06a9\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. *\/\n\n\/* NORMAL *\/\n#vt-normal:checked ~ .vt-3d-layout .pupil{\n  animation:vt-norm 4s ease-in-out infinite;\n}\n@keyframes vt-norm{\n  0%  { transform:translateX(-50px); }\n  20% { transform:translateX(-20px); }\n  40% { transform:translateX(20px); }\n  50% { transform:translateX(40px); }\n  70% { transform:translateX(10px); }\n  100%{ transform:translateX(-50px); }\n}\n\n\/* PARKINSON \u2013 delay + catch-up jumps *\/\n#vt-parkinson:checked ~ .vt-3d-layout .pupil{\n  animation:vt-parkinson 4s ease-in-out infinite;\n}\n@keyframes vt-parkinson{\n  0%  { transform:translateX(-55px); }\n  20% { transform:translateX(-50px); }  \/* delay *\/\n  35% { transform:translateX(-25px); }  \/* slow pursuit *\/\n  45% { transform:translateX(10px); }   \/* catch-up *\/\n  55% { transform:translateX(30px); }   \/* still lagging *\/\n  80% { transform:translateX(5px); }\n  100%{ transform:translateX(-55px); }\n}\n\n\/* CEREBELLUM \u2013 drift + correction *\/\n#vt-cerebellum:checked ~ .vt-3d-layout .pupil{\n  animation:vt-cereb 4s linear infinite;\n}\n@keyframes vt-cereb{\n  0%  { transform:translateX(-45px); }\n  20% { transform:translateX(-15px); }  \/* follow *\/\n  30% { transform:translateX(5px); }    \/* drift inward *\/\n  40% { transform:translateX(25px); }   \/* correction overshoot *\/\n  55% { transform:translateX(40px); }\n  70% { transform:translateX(10px); }   \/* drift back *\/\n  100%{ transform:translateX(-45px); }\n}\n\n\/* FRONTAL \u2013 wrong way blips *\/\n#vt-frontal:checked ~ .vt-3d-layout .pupil{\n  animation:vt-frontal 4s ease-in-out infinite;\n}\n@keyframes vt-frontal{\n  0%  { transform:translateX(-45px); }\n  15% { transform:translateX(-20px); }\n  25% { transform:translateX(-35px); }  \/* wrong way *\/\n  35% { transform:translateX(5px); }\n  50% { transform:translateX(35px); }\n  65% { transform:translateX(10px); }\n  75% { transform:translateX(25px); }   \/* second wrong-way *\/\n  100%{ transform:translateX(-45px); }\n}\n\n\/* MT\/MST \u2013 constant lag *\/\n#vt-mt:checked ~ .vt-3d-layout .pupil{\n  animation:vt-mt 4s linear infinite;\n}\n@keyframes vt-mt{\n  0%  { transform:translateX(-50px); }\n  25% { transform:translateX(-20px); }\n  50% { transform:translateX(10px); }\n  75% { transform:translateX(30px); }\n  100%{ transform:translateX(-50px); }\n}\n\n\/* VESTIBULAR \u2013 baseline drift *\/\n#vt-vestibular:checked ~ .vt-3d-layout .pupil{\n  animation:vt-vest 4s ease-in-out infinite;\n}\n@keyframes vt-vest{\n  0%  { transform:translateX(-30px); }\n  25% { transform:translateX(0px); }\n  50% { transform:translateX(25px); }\n  75% { transform:translateX(35px); }\n  100%{ transform:translateX(15px); } \/* shifted baseline *\/\n}\n\n\/* ADHD \u2013 micro-saccadic jitter *\/\n#vt-adhd:checked ~ .vt-3d-layout .pupil{\n  animation:vt-adhd 2.6s linear infinite;\n}\n@keyframes vt-adhd{\n  0%  { transform:translateX(-40px); }\n  15% { transform:translateX(-15px); }\n  25% { transform:translateX(-25px); } \/* micro-saccade *\/\n  35% { transform:translateX(0px); }\n  45% { transform:translateX(20px); }\n  55% { transform:translateX(30px); }\n  65% { transform:translateX(15px); }  \/* micro-saccade *\/\n  80% { transform:translateX(5px); }\n  100%{ transform:translateX(-40px); }\n}\n\n\/* AUTISM \u2013 freeze near reversals *\/\n#vt-autism:checked ~ .vt-3d-layout .pupil{\n  animation:vt-autism 4s ease-in-out infinite;\n}\n@keyframes vt-autism{\n  0%  { transform:translateX(-45px); }\n  20% { transform:translateX(-15px); }\n  35% { transform:translateX(-15px); } \/* freeze *\/\n  50% { transform:translateX(10px); }\n  65% { transform:translateX(30px); }\n  80% { transform:translateX(30px); }  \/* freeze *\/\n  100%{ transform:translateX(-45px); }\n}\n\n\/* LEARNING DISORDER \u2013 overshoot\/undershoot *\/\n#vt-ld:checked ~ .vt-3d-layout .pupil{\n  animation:vt-ld 4s ease-in-out infinite;\n}\n@keyframes vt-ld{\n  0%  { transform:translateX(-45px); }\n  20% { transform:translateX(-15px); }\n  35% { transform:translateX(15px); }  \/* overshoot *\/\n  50% { transform:translateX(35px); }\n  65% { transform:translateX(10px); }  \/* correction *\/\n  80% { transform:translateX(-10px); } \/* undershoot *\/\n  100%{ transform:translateX(-45px); }\n}\n\n\/* ---------------------- BUTTON ACTIVE STATES ---------------------- *\/\n#vt-normal:checked     ~ .vt-3d-layout .vt-btn[for=\"vt-normal\"],\n#vt-parkinson:checked  ~ .vt-3d-layout .vt-btn[for=\"vt-parkinson\"],\n#vt-cerebellum:checked ~ .vt-3d-layout .vt-btn[for=\"vt-cerebellum\"],\n#vt-frontal:checked    ~ .vt-3d-layout .vt-btn[for=\"vt-frontal\"],\n#vt-mt:checked         ~ .vt-3d-layout .vt-btn[for=\"vt-mt\"],\n#vt-vestibular:checked ~ .vt-3d-layout .vt-btn[for=\"vt-vestibular\"],\n#vt-adhd:checked       ~ .vt-3d-layout .vt-btn[for=\"vt-adhd\"],\n#vt-autism:checked     ~ .vt-3d-layout .vt-btn[for=\"vt-autism\"],\n#vt-ld:checked         ~ .vt-3d-layout .vt-btn[for=\"vt-ld\"]{\n  background:#2563eb;\n  color:#ffffff;\n  border-color:#2563eb;\n}\n\n\/* ---------------------- DESCRIPTION VISIBILITY -------------------- *\/\n\n#vt-normal:checked     ~ .vt-3d-layout .vt-desc-normal{display:block;}\n#vt-parkinson:checked  ~ .vt-3d-layout .vt-desc-parkinson{display:block;}\n#vt-cerebellum:checked ~ .vt-3d-layout .vt-desc-cerebellum{display:block;}\n#vt-frontal:checked    ~ .vt-3d-layout .vt-desc-frontal{display:block;}\n#vt-mt:checked         ~ .vt-3d-layout .vt-desc-mt{display:block;}\n#vt-vestibular:checked ~ .vt-3d-layout .vt-desc-vestibular{display:block;}\n#vt-adhd:checked       ~ .vt-3d-layout .vt-desc-adhd{display:block;}\n#vt-autism:checked     ~ .vt-3d-layout .vt-desc-autism{display:block;}\n#vt-ld:checked         ~ .vt-3d-layout .vt-desc-ld{display:block;}\n\n\/* ---------------------- BRAIN HIGHLIGHT VISIBILITY ---------------- *\/\n\n#vt-normal:checked     ~ .vt-3d-layout .brain-normal{display:inline;}\n#vt-parkinson:checked  ~ .vt-3d-layout .brain-parkinson{display:inline;}\n#vt-cerebellum:checked ~ .vt-3d-layout .brain-cerebellum{display:inline;}\n#vt-frontal:checked    ~ .vt-3d-layout .brain-frontal{display:inline;}\n#vt-mt:checked         ~ .vt-3d-layout .brain-mt{display:inline;}\n#vt-vestibular:checked ~ .vt-3d-layout .brain-vestibular{display:inline;}\n#vt-adhd:checked       ~ .vt-3d-layout .brain-adhd{display:inline;}\n#vt-autism:checked     ~ .vt-3d-layout .brain-autism{display:inline;}\n#vt-ld:checked         ~ .vt-3d-layout .brain-ld{display:inline;}\n\n\/* ---------------------- RESPONSIVE ---------------------- *\/\n@media(max-width:768px){\n  .vt-3d-layout{\n    flex-direction:column;\n  }\n  .eye-left{ left:50px; }\n  .eye-right{ right:50px; }\n}\n<\/style>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Educational Vision Pursuit Simulator Brain network (schematic) Select condition: Normal Parkinson Cerebellum Frontal MT\/MST Vestibular ADHD Autism Learning disorder Normal smooth pursuit Both pupils follow the target smoothly with minimal lag. No drift, no overshoot, no sudden jumps. Parkinson (basal ganglia) Pursuit starts late and is slow. The eyes stay behind the target and occasionally [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1443","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/posts\/1443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/comments?post=1443"}],"version-history":[{"count":12,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/posts\/1443\/revisions"}],"predecessor-version":[{"id":1460,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/posts\/1443\/revisions\/1460"}],"wp:attachment":[{"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/media?parent=1443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/categories?post=1443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pouriaakbari.com\/index.php\/wp-json\/wp\/v2\/tags?post=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}