Update index.html

index.html

@@ -6,6 +6,7 @@
 <title>World Model Bench (WM Bench) 2026 — Embodied AI Benchmark</title>
 <meta name="description" content="The first benchmark measuring cognitive abilities of World Models. Beyond FID — Measuring Intelligence, Not Just Motion. By VIDRAFT / FINAL Bench Family.">
 <meta name="keywords" content="world model benchmark, embodied AI, WM Bench, VIDRAFT, PROMETHEUS, cognitive AI, embodied intelligence, motion generation, AI benchmark 2026">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
 <link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 *{margin:0;padding:0;box-sizing:border-box;}
@@ -210,7 +211,7 @@ body.dark thead{background:var(--surface-alt)!important;}
 
 <!-- ===== STATS ===== -->
 <div class="stats">
-  <div class="st"><div class="stn">1</div><div class="stl">Models</div></div>
+  <div class="st"><div class="stn">20</div><div class="stl">Models</div></div>
   <div class="st"><div class="stn">3</div><div class="stl">Pillars</div></div>
   <div class="st"><div class="stn">10</div><div class="stl">Categories</div></div>
   <div class="st"><div class="stn">100</div><div class="stl">Scenarios</div></div>
@@ -221,7 +222,7 @@ body.dark thead{background:var(--surface-alt)!important;}
 <!-- ===== TABS ===== -->
 <div class="tab-bar" id="WM_TAB_BAR">
   <div class="tab on" data-tab="lb">🏆 Leaderboard</div>
-  <div class="tab" data-tab="cats">📊 Categories</div>
+  <div class="tab" data-tab="cats">📋 Categories</div>
   <div class="tab" data-tab="structure">📐 Structure</div>
   <div class="tab" data-tab="submit">📝 Submit</div>
   <div class="tab" data-tab="about">ℹ️ About</div>
@@ -269,63 +270,290 @@ body.dark thead{background:var(--surface-alt)!important;}
   </div>
 </div>
 
+<!-- ── Charts (leaderboard 하단) ── -->
+<!-- ===== TAB: CHARTS ===== -->
+<div>
+  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;">
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
+      <div style="font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.7px;">🏆 WM Score — 8 Models</div>
+      <p style="font-size:9px;color:var(--text-muted);margin-bottom:12px;">✓ = 공식 검증 &nbsp;·&nbsp; est. = 논문 기반 추정</p>
+      <canvas id="cBar" height="220"></canvas>
+      <div style="margin-top:10px;padding:8px 10px;background:var(--ac-bg);border-radius:6px;font-size:8.5px;color:var(--text-sec);line-height:1.7;border-left:2px solid var(--ac)"><b>PROMETHEUS</b> 유일한 공식 Track C 검증 (726/1000 · B등급). 나머지 7개는 추정치입니다.</div>
+    </div>
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
+      <div style="font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.7px;">🕸️ Pillar Radar — Top 5</div>
+      <p style="font-size:9px;color:var(--text-muted);margin-bottom:12px;">Perception · Cognition · Embodiment 정규화 (%, 100점 기준)</p>
+      <canvas id="cRadar" height="220"></canvas>
+    </div>
+  </div>
+  <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);margin-bottom:16px;">
+    <div style="font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.7px;">📊 Category Breakdown — 8 Models × 10 Categories</div>
+    <p style="font-size:9px;color:var(--text-muted);margin-bottom:12px;">C04 위협차별·C05 감정에스컬레이션에서 PROMETHEUS 압도적 우위 · V-JEPA 2는 C03 예측 강세 · GAIA-3는 주행 특화로 C01·C03 높음</p>
+    <div style="overflow-x:auto;"><canvas id="cCats" style="min-width:780px;height:260px;"></canvas></div>
+    <div style="margin-top:10px;padding:8px 10px;background:rgba(212,160,68,.07);border-radius:6px;font-size:8.5px;color:var(--text-sec);line-height:1.7;border-left:2px solid var(--p3)"><b>핵심 차별점:</b> C05·C10은 선행 연구 전무. DreamerV3는 C06 기억 강세. V-JEPA 2는 C10 신체 교체 강세 (zero-shot robot).</div>
+  </div>
+  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
+      <div style="font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.7px;">🧠 Cognition Gap (P2, 450점)</div>
+      <p style="font-size:9px;color:var(--text-muted);margin-bottom:12px;">WM Bench의 핵심 차별 기준 — PROMETHEUS 압도적 1위</p>
+      <canvas id="cCognition" height="200"></canvas>
+    </div>
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
+      <div style="font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.7px;">🌐 Perception vs Cognition</div>
+      <p style="font-size:9px;color:var(--text-muted);margin-bottom:12px;">산점도 — 우상단(높은 인식 + 높은 인지)이 이상적</p>
+      <canvas id="cScatter" height="200"></canvas>
+    </div>
+  </div>
+</div>
+
+
+
 <!-- ===== TAB: CATEGORIES ===== -->
 <div id="cats" class="tpane">
-  <!-- P1 -->
-  <div class="pillar-box pillar-p1" style="margin-bottom:12px">
-    <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
-      <span style="font-size:1.6rem">👁</span>
-      <div>
-        <div style="font-size:12px;font-weight:800;color:var(--p1)">P1 · Perception (인식)</div>
-        <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono)">비중 25% · 최대 250점 · 환경을 얼마나 정확하게 인식하는가</div>
-      </div>
-      <div style="margin-left:auto;text-align:right">
-        <div style="font-family:var(--mono);font-size:22px;font-weight:800;color:var(--p1)">140</div>
-        <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS / 250</div>
-      </div>
-    </div>
-    <div id="bars-p1"></div>
+
+<!-- P1 Header -->
+<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;background:rgba(123,143,212,.06);border:1px solid rgba(123,143,212,.2);border-radius:var(--radius-sm);">
+  <span style="font-size:1.8rem">👁</span>
+  <div style="flex:1">
+    <div style="font-size:12px;font-weight:800;color:var(--p1)">P1 · Perception — 25% · 250 pts</div>
+    <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono);margin-top:2px">How accurately does the model perceive its environment? · Covers areas analogous to existing metrics (Occupancy Grid, BABEL)</div>
+  </div>
+  <div style="text-align:right;flex-shrink:0">
+    <div style="font-family:var(--mono);font-size:24px;font-weight:800;color:var(--p1)">140<span style="font-size:11px;color:var(--text-muted)">/250</span></div>
+    <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS</div>
   </div>
+</div>
 
-  <!-- P2 -->
-  <div class="pillar-box pillar-p2" style="margin-bottom:12px">
-    <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
-      <span style="font-size:1.6rem">🧠</span>
-      <div>
-        <div style="font-size:12px;font-weight:800;color:var(--p2)">P2 · Cognition (인지)</div>
-        <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono)">비중 45% · 최대 450점 · 인식 정보로 얼마나 지능적으로 판단하는가</div>
-      </div>
-      <div style="margin-left:auto;text-align:right">
-        <div style="font-family:var(--mono);font-size:22px;font-weight:800;color:var(--p2)">390</div>
-        <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS / 450</div>
-      </div>
-    </div>
-    <div id="bars-p2"></div>
+<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;">
+<!-- C01 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--p1);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--p1);font-size:13px">C01</span>
+    <span style="font-weight:700;font-size:11px">Environmental Awareness</span>
+    <span style="margin-left:auto;font-size:7.5px;background:#e2e5f0;color:#64748b;padding:1px 6px;border-radius:4px;font-family:var(--mono)">existing</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    Measures whether the model correctly identifies <b>walls, obstacles, and terrain</b> in all four directions (left, right, forward, back). Unlike occupancy grids which only check if space is free, WM Bench requires understanding of <b>distance-aware danger classification</b>.
   </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div style="color:var(--text-muted)">Example scene:</div>
+    <div>walls: front=3.0m, left=null, right=null</div>
+    <div style="color:var(--p1)">Expected → fwd=danger(wall), others=safe</div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:var(--text-muted)">Analogous: Occupancy Grid evaluation</span>
+    <span style="font-family:var(--mono);font-weight:700;color:var(--p1);font-size:11px">PROM: 65/100</span>
+  </div>
+</div>
 
-  <!-- P3 -->
-  <div class="pillar-box pillar-p3" style="margin-bottom:12px">
-    <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px">
-      <span style="font-size:1.6rem">🔥</span>
-      <div>
-        <div style="font-size:12px;font-weight:800;color:var(--p3)">P3 · Embodiment (구현)</div>
-        <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono)">비중 30% · 최대 300점 · 판단이 얼마나 자연스럽게 신체로 표현되는가</div>
-      </div>
-      <div style="margin-left:auto;text-align:right">
-        <div style="font-family:var(--mono);font-size:22px;font-weight:800;color:var(--p3)">196</div>
-        <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS / 300</div>
-      </div>
+<!-- C02 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--p1);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--p1);font-size:13px">C02</span>
+    <span style="font-weight:700;font-size:11px">Entity Recognition & Classification</span>
+    <span style="margin-left:auto;font-size:7.5px;background:#e2e5f0;color:#64748b;padding:1px 6px;border-radius:4px;font-family:var(--mono)">existing</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    Tests whether the model correctly classifies <b>NPC type (beast / woman / man)</b>, behavior state (stop / approach / charge / wander), and translates this into appropriate danger assessment. A beast charging from 3m vs a woman waving from 3m must produce <b>completely different responses</b>.
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div style="color:var(--text-muted)">Example scene:</div>
+    <div>npc_type:"beast", behavior:"charge", dist:3.0m</div>
+    <div style="color:var(--p1)">Expected → fwd=danger(beast), sprint away</div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:var(--text-muted)">Analogous: BABEL action recognition</span>
+    <span style="font-family:var(--mono);font-weight:700;color:var(--p1);font-size:11px">PROM: 75/100</span>
+  </div>
+</div>
+</div>
+
+<!-- P2 Header -->
+<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;background:rgba(232,89,60,.05);border:1px solid rgba(232,89,60,.2);border-radius:var(--radius-sm);">
+  <span style="font-size:1.8rem">🧠</span>
+  <div style="flex:1">
+    <div style="font-size:12px;font-weight:800;color:var(--p2)">P2 · Cognition — 45% · 450 pts · Core Differentiator</div>
+    <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono);margin-top:2px">Does the model judge intelligently? · ALL 5 categories are first-ever definitions — no prior benchmark measures these</div>
+  </div>
+  <div style="text-align:right;flex-shrink:0">
+    <div style="font-family:var(--mono);font-size:24px;font-weight:800;color:var(--p2)">390<span style="font-size:11px;color:var(--text-muted)">/450</span></div>
+    <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS</div>
+  </div>
+</div>
+
+<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;">
+<!-- C03 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--ac);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--ac);font-size:13px">C03</span>
+    <span style="font-weight:700;font-size:11px">Prediction-Based Reasoning</span>
+    <span style="margin-left:auto;font-size:7.5px;background:rgba(232,89,60,.12);color:var(--ac);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦ NEW</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    Tests <b>4-directional future state prediction</b>. Given a scene, the model must predict which directions will become dangerous and choose the optimal escape route. This requires understanding of <b>NPC movement trajectories, wall proximity over time, and compound threat interactions</b>. No existing benchmark evaluates this.
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div style="color:var(--text-muted)">Example — approaching beast from left + wall on right:</div>
+    <div style="color:var(--ac)">PREDICT: left=danger(beast), right=danger(wall), fwd=safe, back=safe</div>
+    <div style="color:var(--p3)">MOTION: a person sprinting forward in fear</div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:var(--ac);font-weight:600">✦ World first — no prior benchmark</span>
+    <span style="font-family:var(--mono);font-weight:700;color:var(--ac);font-size:11px">PROM: 85/100</span>
+  </div>
+</div>
+
+<!-- C04 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--ac);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--ac);font-size:13px">C04</span>
+    <span style="font-weight:700;font-size:11px">Threat-Type Differentiated Response</span>
+    <span style="margin-left:auto;font-size:7.5px;background:rgba(232,89,60,.12);color:var(--ac);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦ NEW</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    A charging beast and a charging human at equal distance are <b>fundamentally different threats</b>. This category measures whether the model responds with <b>proportional, context-aware reactions</b>: sprint from a beast, cautiously step back from a human. Generic danger detection is insufficient — the quality of differentiation is scored.
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div>beast charge → <span style="color:var(--ac)">sprint in desperate terror</span></div>
+    <div>human charge → <span style="color:var(--p1)">dodge sideways, defensive posture</span></div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:var(--ac);font-weight:600">✦ World first — no prior benchmark</span>
+    <span style="font-family:var(--mono);font-weight:700;color:var(--ac);font-size:11px">PROM: 90/100</span>
+  </div>
+</div>
+
+<!-- C05 -->
+<div style="background:var(--surface);border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-sm);padding:14px;border-left:3px solid #d97706;">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:#d97706;font-size:13px">C05</span>
+    <span style="font-weight:700;font-size:11px">Autonomous Emotion Escalation</span>
+    <span style="margin-left:auto;font-size:7.5px;background:rgba(217,119,6,.15);color:#d97706;padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦✦ NO PRIOR RESEARCH</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    As a threat persists and closes in, the character's emotional state must <b>autonomously escalate</b>: alert → fear → panic → despair. This is not programmed animation switching — the model must infer emotional intensity from scene context and express it through increasingly urgent motion. <b>Zero prior benchmark or paper has attempted to measure this.</b>
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div>dist 12m → <span style="color:var(--p1)">cautious alert stance</span></div>
+    <div>dist 6m → <span style="color:#d97706">backing away in fear</span></div>
+    <div>dist 2m → <span style="color:var(--ac)">sprinting in full panic</span></div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:#d97706;font-weight:700">✦✦ No prior research exists anywhere</span>
+    <span style="font-family:var(--mono);font-weight:700;color:#d97706;font-size:11px">PROM: 85/100</span>
+  </div>
+</div>
+
+<!-- C06 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--ac);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--ac);font-size:13px">C06</span>
+    <span style="font-weight:700;font-size:11px">Contextual Memory Utilization</span>
+    <span style="margin-left:auto;font-size:7.5px;background:rgba(232,89,60,.12);color:var(--ac);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦ NEW</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    The model receives <b>recent_decisions[]</b> — a short history of past actions — and must incorporate this into its current judgment. If the model previously hit a wall going left, it should avoid that direction. If a beast repeatedly attacked from the front, it should pre-emptively guard that angle. <b>Stateless models will fail this entirely.</b>
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8;margin-bottom:8px">
+    <div style="color:var(--text-muted)">recent_decisions: ["hit_wall_front", "turned_right"]</div>
+    <div style="color:var(--ac)">Expected: avoid front, continue right — not reset</div>
+  </div>
+  <div style="display:flex;align-items:center;justify-content:space-between">
+    <span style="font-size:8px;color:var(--ac);font-weight:600">✦ World first — no prior benchmark</span>
+    <span style="font-family:var(--mono);font-weight:700;color:var(--ac);font-size:11px">PROM: 60/100</span>
+  </div>
+</div>
+
+<!-- C07 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--ac);grid-column:1/-1;">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--ac);font-size:13px">C07</span>
+    <span style="font-weight:700;font-size:11px">Post-Threat Adaptive Recovery</span>
+    <span style="margin-left:auto;font-size:7.5px;background:rgba(232,89,60,.12);color:var(--ac);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦ NEW</span>
+  </div>
+  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px">
+    <div style="font-size:9px;color:var(--text-sec);line-height:1.7">
+      When a threat disappears, the model must <b>gradually de-escalate</b> — not instantly reset to neutral. A character that was sprinting in panic should slow to a cautious jog, scan the surroundings, then gradually relax over multiple frames. Abrupt state resets are penalized. The recovery curve must be proportional to prior threat intensity.
+    </div>
+    <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.9">
+      <div>threat gone → <span style="color:var(--p3)">slow jog, scan surroundings</span></div>
+      <div>2s later → <span style="color:var(--p1)">walk cautiously, still alert</span></div>
+      <div>5s later → <span style="color:var(--green)">relaxed walk, recovered</span></div>
+      <div style="color:var(--ac);margin-top:4px">PROM: 70/100</div>
     </div>
-    <div id="bars-p3"></div>
   </div>
+</div>
+</div>
 
-  <div class="insight">
-    <b>왜 Cognition이 45%인가?</b><br>
-    기존 월드모델 벤치마크(HumanML3D, BABEL)는 모션 품질(FID)만 측정한다. 기존 모델들은 "인식"과 "모션"은 있지만 "판단"이 없다.
-    WM Bench는 예측·위협차별·감정에스컬레이션·맥락기억·위협해제 — 어떤 기존 벤치마크도 측정하지 않는 능력을 가장 높은 비중으로 평가한다.
+<!-- P3 Header -->
+<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;background:rgba(212,160,68,.05);border:1px solid rgba(212,160,68,.25);border-radius:var(--radius-sm);">
+  <span style="font-size:1.8rem">🔥</span>
+  <div style="flex:1">
+    <div style="font-size:12px;font-weight:800;color:var(--p3)">P3 · Embodiment — 30% · 300 pts</div>
+    <div style="font-size:9px;color:var(--text-muted);font-family:var(--mono);margin-top:2px">Does judgment translate naturally into physical expression? · C08 (new) · C09 (existing/FVD) · C10 (new, no prior research)</div>
+  </div>
+  <div style="text-align:right;flex-shrink:0">
+    <div style="font-family:var(--mono);font-size:24px;font-weight:800;color:var(--p3)">196<span style="font-size:11px;color:var(--text-muted)">/300</span></div>
+    <div style="font-size:8px;color:var(--text-muted)">PROMETHEUS</div>
+  </div>
+</div>
+
+<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;">
+<!-- C08 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--p3);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--p3);font-size:13px">C08</span>
+    <span style="font-weight:700;font-size:11px">Motion-Emotion Expression</span>
+    <span style="font-size:7.5px;background:rgba(232,89,60,.12);color:var(--ac);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦ NEW</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    The MOTION line must convey <b>emotional richness proportional to the scene</b>. "A person walks" scores 0. "A person sprinting right, arms flailing in desperate terror" scores 100. Scored against a keyword taxonomy of 80+ motion-emotion descriptors mapped to each scenario type.
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8">
+    <div style="color:var(--text-muted)">Low: "a person moves left"</div>
+    <div style="color:var(--p3)">High: "a person lunging left in blind panic"</div>
+  </div>
+  <div style="margin-top:8px;text-align:right"><span style="font-family:var(--mono);font-weight:700;color:var(--p3);font-size:11px">PROM: 80/100</span></div>
+</div>
+
+<!-- C09 -->
+<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--p3);">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;">
+    <span style="font-family:var(--mono);font-weight:800;color:var(--p3);font-size:13px">C09</span>
+    <span style="font-weight:700;font-size:11px">Real-Time Cognitive Performance</span>
+    <span style="font-size:7.5px;background:#e2e5f0;color:#64748b;padding:1px 6px;border-radius:4px;font-family:var(--mono)">existing</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    Measures <b>inference latency and FPS</b> under cognitive load. A model that thinks correctly but takes 10 seconds per frame cannot power a real-time agent. Track B/C submitters report measured FPS and latency; Track A submitters receive N/A for this category (max 750 pts).
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8">
+    <div>≥30 FPS → full marks</div>
+    <div>&lt;1 FPS → 0 pts</div>
+    <div style="color:var(--p3)">PROMETHEUS: 47 FPS ✓</div>
+  </div>
+  <div style="margin-top:8px;text-align:right"><span style="font-family:var(--mono);font-weight:700;color:var(--p3);font-size:11px">PROM: 85/100</span></div>
+</div>
+
+<!-- C10 -->
+<div style="background:var(--surface);border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-sm);padding:14px;border-left:3px solid #d97706;">
+  <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;">
+    <span style="font-family:var(--mono);font-weight:800;color:#d97706;font-size:13px">C10</span>
+    <span style="font-weight:700;font-size:11px">Body-Swap Extensibility</span>
+    <span style="font-size:7.5px;background:rgba(217,119,6,.15);color:#d97706;padding:1px 6px;border-radius:4px;font-family:var(--mono);font-weight:700">✦✦ NO PRIOR RESEARCH</span>
+  </div>
+  <div style="font-size:9px;color:var(--text-sec);line-height:1.7;margin-bottom:8px">
+    The <b>same cognitive brain must drive different body types</b> without retraining: humanoid, quadruped, robotic arm, winged body. Cognitive decisions (left=danger) must translate into body-appropriate motion (bipedal sidestep vs quadruped pivot). This is the key capability gap for real-world robot deployment.
+  </div>
+  <div style="background:var(--bg2);border-radius:6px;padding:8px;font-family:var(--mono);font-size:8px;color:var(--text-sec);line-height:1.8">
+    <div>human body → "sidestep right"</div>
+    <div>robot body → "servo-driven pivot right"</div>
+    <div style="color:#d97706">PROMETHEUS: 35/100 (Phase 3 target)</div>
   </div>
+  <div style="margin-top:8px;text-align:right"><span style="font-family:var(--mono);font-weight:700;color:#d97706;font-size:11px">PROM: 35/100</span></div>
+</div>
 </div>
 
+</div>
 <!-- ===== TAB: STRUCTURE ===== -->
 <div id="structure" class="tpane">
   <div class="grid2" style="margin-bottom:14px">
@@ -371,17 +599,44 @@ body.dark thead{background:var(--surface-alt)!important;}
     </div>
   </div>
 
+  <!-- 기존 vs 신규 비교 요약 -->
+  <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;">
+    <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;">
+      <div style="font-size:10px;font-weight:800;color:#64748b;margin-bottom:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;">📐 기존 벤치마크 계열 · 4개</div>
+      <div style="font-size:8.5px;color:var(--text-muted);margin-bottom:8px;line-height:1.6">FID · FVD · HumanML3D · BABEL이 측정하던 영역</div>
+      <div style="display:flex;flex-direction:column;gap:5px;">
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#7b8fd4;width:28px">C01</span>환경 인식 — Occupancy Grid 계열</div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#7b8fd4;width:28px">C02</span>개체 인식 — BABEL 동작 인식 계열</div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#d4a044;width:28px">C08</span>모션 표현 — FID 품질 계열</div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#d4a044;width:28px">C09</span>실시간 성능 — FVD 실시간성 계열</div>
+      </div>
+    </div>
+    <div style="background:linear-gradient(135deg,rgba(232,89,60,.05),rgba(212,160,68,.03));border:1px solid rgba(232,89,60,.2);border-radius:var(--radius-sm);padding:14px;">
+      <div style="font-size:10px;font-weight:800;color:var(--ac);margin-bottom:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;">⚡ VIDRAFT 신규 정의 · 6개</div>
+      <div style="font-size:8.5px;color:var(--text-muted);margin-bottom:8px;line-height:1.6">세계 어느 벤치마크도 측정하지 않던 능력</div>
+      <div style="display:flex;flex-direction:column;gap:5px;">
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#e8593c;width:28px">C03</span>예측 기반 추론 <span style="color:var(--ac);font-size:8px">✦ 최초</span></div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#e8593c;width:28px">C04</span>위협 유형별 차별 반응 <span style="color:var(--ac);font-size:8px">✦ 최초</span></div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#e8593c;width:28px">C05</span>자율 감정 에스컬레이션 <span style="color:#d97706;font-size:8px">✦✦ 선행연구 無</span></div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#e8593c;width:28px">C06</span>맥락 기억 및 활용 <span style="color:var(--ac);font-size:8px">✦ 최초</span></div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#e8593c;width:28px">C07</span>위협 해제 후 적응 <span style="color:var(--ac);font-size:8px">✦ 최초</span></div>
+        <div style="display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-sec)"><span style="font-family:var(--mono);font-weight:700;color:#d4a044;width:28px">C10</span>신체 교체 확장성 <span style="color:#d97706;font-size:8px">✦✦ 선행연구 無</span></div>
+      </div>
+    </div>
+  </div>
+
   <!-- 10 카테고리 표 -->
   <div class="tw" style="margin-bottom:14px">
   <table>
     <thead>
       <tr>
-        <th style="text-align:left;padding-left:12px;min-width:60px">Cat</th>
-        <th style="text-align:left;min-width:180px">카테고리</th>
+        <th style="text-align:left;padding-left:12px;min-width:50px">Cat</th>
+        <th style="text-align:left;min-width:180px">카테고리 / 측정 내용</th>
         <th style="text-align:left">Pillar</th>
-        <th>만점</th>
-        <th style="text-align:left">세계 최초?</th>
-        <th style="text-align:left;min-width:220px">측정 내용</th>
+        <th style="text-align:center;min-width:70px">구분</th>
+        <th style="text-align:left;min-width:150px">기존 유사 지표</th>
+        <th style="text-align:center;min-width:100px">세계 최초?</th>
+        <th style="text-align:center">만점</th>
       </tr>
     </thead>
     <tbody id="CAT_TABLE"></tbody>
@@ -467,6 +722,8 @@ body.dark thead{background:var(--surface-alt)!important;}
   </div>
 </div>
 
+
+
 <!-- ===== TAB: ABOUT ===== -->
 <div id="about" class="tpane">
   <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px">
@@ -480,7 +737,7 @@ body.dark thead{background:var(--surface-alt)!important;}
     </div>
     <div class="card">
       <h3>📊 VIDRAFT PROMETHEUS</h3>
-      <p>현재 기준점(Baseline). Kimi K2.5 두뇌 + FloodDiffusion Tiny 모션. L40S 48GB GPU. 47 FPS. WM Score 726/1000 (B등급).</p>
+      <p>현재 기준점(Baseline). 개방형 LLM 두뇌(어떤 LLM이든 연결 가능) + FloodDiffusion-VIDRAFT 모션. RTX5070 (local/16GB). 47 FPS. WM Score 726/1000 (B등급).</p>
     </div>
     <div class="card">
       <h3>📋 버전 이력</h3>
@@ -516,38 +773,65 @@ body.dark thead{background:var(--surface-alt)!important;}
 (function(){
   /* ── 데이터 ── */
   var LB_DATA = [
-    {model:"PROMETHEUS v1.0",org:"VIDRAFT",date:"2026-03",
-     wm:726,grade:"B",p1:140,p2:390,p3:196,fps:47.0,lat:3100,track:"C",
-     brain:"Kimi K2.5",motion:"FloodDiffusion Tiny",gpu:"L40S 48GB",est:false,
+    // ── TRACK C VERIFIED ──────────────────────────────────────
+    {model:"PROMETHEUS v1.0",org:"VIDRAFT",date:"2026-03",wm:726,grade:"B",p1:140,p2:390,p3:196,fps:47.0,lat:3100,track:"C",brain:"Any LLM (Open)",motion:"FloodDiffusion-VIDRAFT",gpu:"RTX5070 (local/16GB)",est:false,
      cats:{C01:65,C02:75,C03:85,C04:90,C05:85,C06:60,C07:70,C08:80,C09:85,C10:35}},
-    {model:"NC AI WFM v1.0",org:"NC AI",date:"2026-03",
-     wm:522,grade:"B",p1:150,p2:252,p3:120,fps:null,lat:null,track:"A",
-     brain:"NC WFM",motion:"Latent-Action",gpu:"A100 (25% SOTA)",est:true,
+
+    // ── TRACK A ESTIMATED — EMBODIED / ROBOTICS ───────────────
+    {model:"Meta V-JEPA 2-AC",org:"Meta AI",date:"2025-06",wm:554,grade:"C",p1:200,p2:214,p3:140,fps:null,lat:null,track:"A",brain:"ViT-g (1.2B)",motion:"Latent JEPA",gpu:"Multi-A100",est:true,
+     cats:{C01:82,C02:78,C03:88,C04:35,C05:5,C06:72,C07:38,C08:15,C09:70,C10:55}},
+    {model:"Wayve GAIA-3",org:"Wayve",date:"2025-12",wm:550,grade:"C",p1:206,p2:221,p3:123,fps:null,lat:null,track:"A",brain:"Proprietary",motion:"Multi-cam Video",gpu:"H100 cluster",est:true,
+     cats:{C01:85,C02:80,C03:82,C04:42,C05:8,C06:65,C07:48,C08:10,C09:68,C10:45}},
+    {model:"NC AI WFM v1.0",org:"NC AI",date:"2026-03",wm:522,grade:"C",p1:150,p2:252,p3:120,fps:null,lat:null,track:"A",brain:"NC WFM",motion:"Latent-Action",gpu:"A100 (25% SOTA)",est:true,
      cats:{C01:74,C02:76,C03:70,C04:60,C05:22,C06:52,C07:48,C08:40,C09:65,C10:15}},
-    {model:"NVIDIA Cosmos v1.0",org:"NVIDIA",date:"2025-01",
-     wm:498,grade:"C",p1:158,p2:222,p3:118,fps:null,lat:null,track:"A",
-     brain:"Cosmos Tokenizer",motion:"Video Diffusion",gpu:"H100 cluster",est:true,
+    {model:"NVIDIA Cosmos v1.0",org:"NVIDIA",date:"2025-01",wm:498,grade:"C",p1:158,p2:222,p3:118,fps:null,lat:null,track:"A",brain:"Cosmos Tokenizer",motion:"Video Diffusion",gpu:"H100 cluster",est:true,
      cats:{C01:78,C02:80,C03:72,C04:38,C05:8,C06:62,C07:42,C08:18,C09:72,C10:28}},
-    {model:"DreamerV3 XL",org:"Google DeepMind",date:"2025-04",
-     wm:441,grade:"C",p1:132,p2:229,p3:80,fps:null,lat:null,track:"A",
-     brain:"RSSM (200M)",motion:"Latent Rollout",gpu:"A100",est:true,
+    {model:"NAVER LABS SWM",org:"NAVER LABS Europe",date:"2025-06",wm:470,grade:"C",p1:165,p2:198,p3:107,fps:null,lat:null,track:"A",brain:"Foundation Model",motion:"3D Navigation",gpu:"Research cluster",est:true,
+     cats:{C01:80,C02:85,C03:72,C04:22,C05:5,C06:68,C07:35,C08:10,C09:62,C10:18}},
+    {model:"DeepMind Genie 2",org:"Google DeepMind",date:"2024-12",wm:449,grade:"C",p1:179,p2:140,p3:130,fps:24,lat:null,track:"A",brain:"Foundation WM",motion:"3D Video Gen",gpu:"TPU v5",est:true,
+     cats:{C01:75,C02:68,C03:60,C04:15,C05:5,C06:45,C07:30,C08:20,C09:72,C10:38}},
+    {model:"DreamerV3 XL",org:"Google DeepMind",date:"2025-04",wm:441,grade:"C",p1:132,p2:229,p3:80,fps:null,lat:null,track:"A",brain:"RSSM (200M)",motion:"Latent Rollout",gpu:"A100",est:true,
      cats:{C01:70,C02:62,C03:80,C04:28,C05:6,C06:75,C07:40,C08:12,C09:60,C10:8}},
-    {model:"DIAMOND v1.0",org:"EPFL",date:"2024-05",
-     wm:312,grade:"D",p1:103,p2:138,p3:71,fps:null,lat:null,track:"A",
-     brain:"DDPM Latent",motion:"Diffusion",gpu:"A100",est:true,
-     cats:{C01:55,C02:48,C03:48,C04:20,C05:5,C06:35,C07:30,C08:25,C09:40,C10:6}}
+
+    // ── TRACK A ESTIMATED — GENERAL / VIDEO ──────────────────
+    {model:"OpenAI Sora 2",org:"OpenAI",date:"2025-09",wm:381,grade:"D",p1:175,p2:85,p3:121,fps:null,lat:null,track:"A",brain:"Diffusion Transformer",motion:"Video Diffusion",gpu:"Proprietary",est:true,
+     cats:{C01:72,C02:68,C03:40,C04:10,C05:5,C06:25,C07:20,C08:35,C09:55,C10:31}},
+    {model:"World Labs Marble",org:"World Labs",date:"2025-11",wm:362,grade:"D",p1:180,p2:72,p3:110,fps:null,lat:null,track:"A",brain:"Spatial Intelligence",motion:"3D Gen",gpu:"Proprietary",est:true,
+     cats:{C01:88,C02:72,C03:35,C04:8,C05:5,C06:22,C07:18,C08:28,C09:60,C10:24}},
+    {model:"UniSim",org:"Google Research",date:"2024-01",wm:338,grade:"D",p1:148,p2:118,p3:72,fps:null,lat:null,track:"A",brain:"Diffusion",motion:"Video Diffusion",gpu:"TPU",est:true,
+     cats:{C01:72,C02:58,C03:58,C04:18,C05:4,C06:42,C07:22,C08:18,C09:48,C10:6}},
+    {model:"DIAMOND v1.0",org:"EPFL",date:"2024-05",wm:312,grade:"D",p1:103,p2:138,p3:71,fps:null,lat:null,track:"A",brain:"DDPM Latent",motion:"Diffusion",gpu:"A100",est:true,
+     cats:{C01:55,C02:48,C03:48,C04:20,C05:5,C06:35,C07:30,C08:25,C09:40,C10:6}},
+    {model:"Oasis AI",org:"Decart / Etched",date:"2024-10",wm:285,grade:"D",p1:98,p2:98,p3:89,fps:20,lat:null,track:"A",brain:"Diffusion Transformer",motion:"Interactive Video",gpu:"Sohu chip",est:true,
+     cats:{C01:50,C02:48,C03:42,C04:12,C05:4,C06:28,C07:18,C08:35,C09:48,C10:4}},
+
+    // ── NOT YET EVALUATED — NAME REGISTERED ──────────────────
+    {model:"DeepMind Genie 3",org:"Google DeepMind",date:"2025-08",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:24,lat:null,track:"-",brain:"Foundation WM",motion:"3D Video Gen",gpu:"TPU v5",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"Wayve GAIA-2",org:"Wayve",date:"2025-03",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:null,lat:null,track:"-",brain:"Proprietary",motion:"Multi-cam Video",gpu:"H100 cluster",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"Hyundai AI Robotics WM",org:"Hyundai Motor Group",date:"2026-01",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:null,lat:null,track:"-",brain:"NVIDIA Omniverse",motion:"Humanoid",gpu:"AI Factory",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"Odyssey-2",org:"Odyssey",date:"2025-12",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:20,lat:40,track:"-",brain:"Causal Video Model",motion:"Interactive Video",gpu:"Proprietary",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"Physical Intelligence π0",org:"Physical Intelligence",date:"2024-10",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:null,lat:null,track:"-",brain:"VLA Flow Model",motion:"Robot Dexterity",gpu:"Proprietary",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"LG CLOiD VLA",org:"LG Electronics",date:"2025-12",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:null,lat:null,track:"-",brain:"VLM+VLA",motion:"Household Robot",gpu:"Proprietary",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}},
+    {model:"Runway GWM-1",org:"Runway",date:"2025-10",wm:null,grade:"?",p1:null,p2:null,p3:null,fps:null,lat:null,track:"-",brain:"Autoregressive",motion:"Real-time Video",gpu:"Proprietary",est:true,
+     cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}}
   ];
   var CAT_DATA = [
-    {id:"C01",name:"환경 인식 정확도",pillar:"P1",max:100,score:65,first:"",desc:"주변 벽·장애물·지형을 정확히 파악"},
-    {id:"C02",name:"개체 인식 및 분류",pillar:"P1",max:100,score:75,first:"",desc:"NPC를 맹수/사람/환경으로 정확히 분류"},
-    {id:"C03",name:"예측 기반 추론",pillar:"P2",max:100,score:85,first:"✦",desc:"4방향 미래 결과 예측 → 최선 선택"},
-    {id:"C04",name:"위협 유형별 차별 반응",pillar:"P2",max:100,score:90,first:"✦",desc:"맹수→전력질주 vs 사람→걸어서 회피"},
-    {id:"C05",name:"자율 감정 에스컬레이션",pillar:"P2",max:100,score:85,first:"✦✦",desc:"위협 지속 시 감정 자율 격화"},
-    {id:"C06",name:"맥락 기억 및 활용",pillar:"P2",max:100,score:60,first:"✦",desc:"이전 실패 기억 → 다음 판단 반영"},
-    {id:"C07",name:"위협 해제 후 적응",pillar:"P2",max:100,score:70,first:"✦",desc:"위협 소멸 후 서서히 정상화+경계"},
-    {id:"C08",name:"모션 감정 표현력",pillar:"P3",max:100,score:80,first:"✦",desc:"판단 감정이 모션에 반영되는 풍부함"},
-    {id:"C09",name:"실시간 인지-행동 성능",pillar:"P3",max:100,score:85,first:"",desc:"인지 루프 FPS + 지연시간"},
-    {id:"C10",name:"신체 교체 확장성",pillar:"P3",max:100,score:35,first:"✦✦",desc:"동일 두뇌로 다른 신체(로봇/드론) 적용"}
+    {id:"C01",name:"환경 인식 정확도",pillar:"P1",max:100,score:65,first:"",type:"existing",ref:"Occupancy Grid 계열",desc:"주변 벽·장애물·지형을 정확히 파악"},
+    {id:"C02",name:"개체 인식 및 분류",pillar:"P1",max:100,score:75,first:"",type:"existing",ref:"BABEL 동작 인식 계열",desc:"NPC를 맹수/사람/환경으로 정확히 분류"},
+    {id:"C03",name:"예측 기반 추론",pillar:"P2",max:100,score:85,first:"✦",type:"new",ref:"",desc:"4방향 미래 결과 예측 → 최선 선택"},
+    {id:"C04",name:"위협 유형별 차별 반응",pillar:"P2",max:100,score:90,first:"✦",type:"new",ref:"",desc:"맹수→전력질주 vs 사람→걸어서 회피"},
+    {id:"C05",name:"자율 감정 에스컬레이션",pillar:"P2",max:100,score:85,first:"✦✦",type:"new",ref:"",desc:"위협 지속 시 감정 자율 격화"},
+    {id:"C06",name:"맥락 기억 및 활용",pillar:"P2",max:100,score:60,first:"✦",type:"new",ref:"",desc:"이전 실패 기억 → 다음 판단 반영"},
+    {id:"C07",name:"위협 해제 후 적응",pillar:"P2",max:100,score:70,first:"✦",type:"new",ref:"",desc:"위협 소멸 후 서서히 정상화+경계"},
+    {id:"C08",name:"모션 감정 표현력",pillar:"P3",max:100,score:80,first:"✦",type:"new",ref:"",desc:"판단 감정이 모션에 반영되는 풍부함"},
+    {id:"C09",name:"실시간 인지-행동 성능",pillar:"P3",max:100,score:85,first:"",type:"existing",ref:"FVD 실시간성 계열",desc:"인지 루프 FPS + 지연시간"},
+    {id:"C10",name:"신체 교체 확장성",pillar:"P3",max:100,score:35,first:"✦✦",type:"new",ref:"",desc:"동일 두뇌로 다른 신체(로봇/드론) 적용"}
   ];
   var PC = {P1:"#7b8fd4",P2:"#e8593c",P3:"#d4a044"};
 
@@ -566,11 +850,11 @@ body.dark thead{background:var(--surface-alt)!important;}
         +'<td class="c-model"><div class="mc"><div class="mn">'
         +'<span style="display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#e8593c,#d4a044);color:#fff;font-size:9px;font-weight:800;flex-shrink:0">'+(i+1)+'</span>'
         +r.model+(r.est?'<span style="font-size:8px;background:#444;color:#aaa;padding:1px 5px;border-radius:4px;margin-left:5px">est.</span>':'<span style="font-size:9px;color:#4caf50;margin-left:5px">✓</span>')+'</div><div class="mp">'+r.org+' · '+r.date+'</div></div></td>'
-        +'<td>'+scoreBar(r.wm,1000,'#e8593c')+'</td>'
-        +'<td><span class="gr gr-'+r.grade+'">'+r.grade+'</span></td>'
+        +'<td>'+(r.wm!=null?scoreBar(r.wm,1000,'#e8593c'):'<div style="font-size:9px;color:var(--text-muted);font-family:var(--mono);padding:4px 8px">Pending</div>')+'</td>'
+        +'<td>'+(r.grade!='?'?'<span class="gr gr-'+r.grade+'">'+r.grade+'</span>':'<span style="font-size:9px;color:var(--text-muted);font-family:var(--mono)">—</span>')+'</td>'
         +'<td class="p1-col">'+scoreBar(r.p1,200,PC.P1)+'</td>'
         +'<td class="p2-col">'+scoreBar(r.p2,500,PC.P2)+'</td>'
-        +'<td class="p3-col">'+scoreBar(r.p3,300,PC.P3)+'</td>'
+        +'<td class="p3-col">'+(r.p3!=null?scoreBar(r.p3,300,PC.P3):'<span style="color:var(--text-muted);font-size:9px">—</span>')+'</td>'
         +'<td><span style="font-family:var(--mono);font-size:11px;font-weight:700">'+(r.fps!=null?r.fps:'—')+'</span></td>'
         +'<td><span style="font-family:var(--mono);font-size:11px;font-weight:700">'+(r.lat!=null?r.lat.toLocaleString():'—')+'</span></td>'
         +'<td><span class="tb tb-'+r.track+'">'+r.track+' ✓</span></td>'
@@ -581,20 +865,6 @@ body.dark thead{background:var(--surface-alt)!important;}
     }).join('');
   }
 
-  function renderBars(){
-    ['P1','P2','P3'].forEach(function(p){
-      var el=$('bars-'+p.toLowerCase()); if(!el) return;
-      var cats=CAT_DATA.filter(function(c){return c.pillar===p;});
-      el.innerHTML=cats.map(function(c){
-        return '<div class="bar-row">'
-          +'<div class="bar-label">'+c.id+' · '+c.name+'</div>'
-          +'<div class="bar-track"><div class="bar-fill" style="width:'+c.score+'%;background:'+PC[p]+'"></div></div>'
-          +'<div class="bar-val" style="color:'+PC[p]+'">'+c.score+'</div>'
-          +'</div>';
-      }).join('');
-    });
-  }
-
   function renderCatTable(){
     var tb=$('CAT_TABLE'); if(!tb) return;
     tb.innerHTML=CAT_DATA.map(function(c){
@@ -618,6 +888,73 @@ body.dark thead{background:var(--surface-alt)!important;}
     if(btn) btn.classList.add('on');
   }
 
+
+  function initCharts(){
+    var isDark=document.body.classList.contains('dark');
+    var gridC=isDark?'rgba(255,255,255,.07)':'rgba(0,0,0,.06)';
+    var tickC=isDark?'#94a3b8':'#64748b';
+    var MC={'PROMETHEUS v1.0':'#e8593c','Meta V-JEPA 2-AC':'#0d9488','Wayve GAIA-3':'#d97706','NC AI WFM v1.0':'#6366f1','NVIDIA Cosmos v1.0':'#76b900','DeepMind Genie 2':'#4285f4','DreamerV3 XL':'#8b5cf6','DIAMOND v1.0':'#ec4899'};
+    var scored=LB_DATA.filter(function(r){return r.wm!=null;});var sorted=[].concat(scored).sort(function(a,b){return b.wm-a.wm;});
+    function shorten(s){return s.replace(' v1.0','').replace('-AC','').split(' ').slice(0,2).join(' ');}
+
+    // 1. 수평 막대 WM Score
+    new Chart(document.getElementById('cBar'),{type:'bar',
+      data:{labels:sorted.map(function(r){return (r.est?'':'✓ ')+shorten(r.model);}),
+        datasets:[{label:'WM Score',data:sorted.map(function(r){return r.wm;}),
+          backgroundColor:sorted.map(function(r){return (MC[r.model]||'#888')+'bb';}),
+          borderColor:sorted.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:6,borderSkipped:false}]},
+      options:{indexAxis:'y',plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){var r=sorted[c.dataIndex];return ' WM: '+r.wm+'/1000 '+r.grade+(r.est?' est.':' ✓');} }}},
+        scales:{x:{min:0,max:1000,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},y:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8.5}}}}}
+    });
+
+    // 2. Radar Top 5
+    var top5=sorted.slice(0,5);
+    new Chart(document.getElementById('cRadar'),{type:'radar',
+      data:{labels:['👁 Perception','🧠 Cognition','🔥 Embodiment'],
+        datasets:top5.map(function(r){return {label:shorten(r.model),
+          data:[Math.round(r.p1/250*100),Math.round(r.p2/450*100),Math.round(r.p3/300*100)],
+          borderColor:MC[r.model]||'#888',backgroundColor:(MC[r.model]||'#888')+'1a',
+          borderWidth:r.est?1.5:2.5,pointRadius:r.est?2:4,pointBackgroundColor:MC[r.model]||'#888',borderDash:r.est?[4,3]:[]}; })},
+      options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:8},boxWidth:10,padding:6}}},
+        scales:{r:{grid:{color:gridC},angleLines:{color:gridC},ticks:{display:false,backdropColor:'transparent'},pointLabels:{color:tickC,font:{family:'JetBrains Mono',size:10}},suggestedMin:0,suggestedMax:100}}}
+    });
+
+    // 3. Category Breakdown (8모델)
+    var catK=['C01','C02','C03','C04','C05','C06','C07','C08','C09','C10'];
+    var catL=['C01\n환경인식','C02\n개체인식','C03\n예측추론','C04\n위협차별','C05\n감정에스컬','C06\n맥락기억','C07\n위협해제','C08\n모션표현','C09\n실시간','C10\n신체교체'];
+    new Chart(document.getElementById('cCats'),{type:'bar',
+      data:{labels:catL,datasets:sorted.map(function(r){return {label:shorten(r.model),
+        data:catK.map(function(k){return r.cats[k];}),
+        backgroundColor:(MC[r.model]||'#888')+'99',borderColor:MC[r.model]||'#888',borderWidth:1,borderRadius:2}; })},
+      options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
+        tooltip:{callbacks:{label:function(c){return ' '+sorted[c.datasetIndex].model+': '+c.raw+'/100';}}}},
+        scales:{y:{min:0,max:100,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:0}}}}
+    });
+
+    // 4. Cognition Gap
+    var cogS=[].concat(scored).sort(function(a,b){return b.p2-a.p2;});
+    new Chart(document.getElementById('cCognition'),{type:'bar',
+      data:{labels:cogS.map(function(r){return shorten(r.model);}),
+        datasets:[{label:'P2 Cognition',data:cogS.map(function(r){return r.p2;}),
+          backgroundColor:cogS.map(function(r){return (MC[r.model]||'#888')+'cc';}),
+          borderColor:cogS.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:5,borderSkipped:false}]},
+      options:{plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){return ' Cognition: '+cogS[c.dataIndex].p2+'/450';}}}},
+        scales:{y:{min:0,max:450,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:30}}}}
+    });
+
+    // 5. Scatter
+    new Chart(document.getElementById('cScatter'),{type:'scatter',
+      data:{datasets:scored.map(function(r){return {label:shorten(r.model),
+        data:[{x:Math.round(r.p1/250*100),y:Math.round(r.p2/450*100)}],
+        backgroundColor:(MC[r.model]||'#888')+'cc',borderColor:MC[r.model]||'#888',
+        pointRadius:r.est?7:10,pointStyle:r.est?'circle':'star',borderWidth:1.5}; })},
+      options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
+        tooltip:{callbacks:{label:function(c){return c.dataset.label+' — 인식:'+c.parsed.x+'% 인지:'+c.parsed.y+'%';}}}},
+        scales:{x:{min:0,max:100,title:{display:true,text:'Perception (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},
+                y:{min:0,max:100,title:{display:true,text:'Cognition (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}}}}
+    });
+  }
+
   /* ── 이벤트 바인딩 ── */
   function bindEvents(){
     /* 탭 */
@@ -648,9 +985,9 @@ body.dark thead{background:var(--surface-alt)!important;}
   /* ── 초기화 (DOM 주입 후 안전하게 실행) ── */
   function init(){
     renderLB();
-    renderBars();
     renderCatTable();
     bindEvents();
+    initCharts();
   }
 
   /* Gradio gr.HTML()은 DOMContentLoaded 이후에 주입되므로 즉시 실행 */