Update UI

app.py

@@ -23,6 +23,7 @@ from core.api_handlers import (
     handle_retry_weakest_submit,
     handle_start_deal_phase,
     handle_start_session,
+    handle_structure_pitch,
     handle_voice_pitch,
     handle_voice_turn,
 )
@@ -62,6 +63,11 @@ def api_start_session(payload: dict[str, Any] = Body(...)) -> dict[str, Any]:
     return handle_start_session(payload)
 
 
+@app.post("/api/structure-pitch")
+def api_structure_pitch(payload: dict[str, Any] = Body(...)) -> dict[str, Any]:
+    return handle_structure_pitch(payload)
+
+
 @app.post("/api/chat-round")
 def api_chat_round(payload: dict[str, Any] = Body(...)) -> dict[str, Any]:
     return handle_chat_round(payload)

core/api_handlers.py

@@ -4,6 +4,7 @@ from __future__ import annotations
 
 import logging
 import os
+import re
 from typing import Any
 
 from dotenv import load_dotenv
@@ -30,6 +31,7 @@ from core.deal_verdict import build_judge_verdict
 from core.deal_phase import start_deal_phase
 from core.deal_flow import next_deal_round
 from core.deal_scoring_engine import generate_deal_scorecard
+from core.json_utils import parse_model_json
 
 load_dotenv()
 
@@ -730,6 +732,231 @@ def handle_reset_session(payload: dict[str, Any]) -> dict[str, Any]:
     return {"status": "reset"}
 
 
+_STARTUP_CONTEXT_FIELDS = (
+    "name",
+    "problem",
+    "target_users",
+    "solution",
+    "why_ai",
+    "traction",
+    "competitors",
+    "ask",
+)
+
+_STRUCTURE_PITCH_PROMPT = """You are structuring a founder's spoken or written startup pitch for a pitch battle app.
+
+Extract ONLY what the founder actually said or wrote.
+Do not hallucinate traction, competitors, funding, or users.
+If a field was not mentioned, use an empty string and list it in missing_fields.
+
+Return ONLY valid JSON.
+First character must be {.
+Last character must be }.
+No markdown.
+No explanation.
+No reasoning.
+
+Required JSON:
+{
+"startup_context": {
+"name": "",
+"problem": "",
+"target_users": "",
+"solution": "",
+"why_ai": "",
+"traction": "",
+"competitors": "",
+"ask": ""
+},
+"missing_fields": [],
+"confidence": "low",
+"brief_summary": ""
+}
+
+confidence must be one of: low, medium, high
+brief_summary: one sentence summary of the pitch in the founder's words."""
+
+
+def _normalize_startup_context(raw: dict[str, Any] | None) -> dict[str, str]:
+    ctx = raw if isinstance(raw, dict) else {}
+    return {field: str(ctx.get(field, "")).strip() for field in _STARTUP_CONTEXT_FIELDS}
+
+
+def _missing_startup_fields(ctx: dict[str, str]) -> list[str]:
+    return [field for field in _STARTUP_CONTEXT_FIELDS if not ctx.get(field)]
+
+
+def _confidence_from_fill(ctx: dict[str, str]) -> str:
+    filled = sum(1 for field in _STARTUP_CONTEXT_FIELDS if ctx.get(field))
+    if filled >= 5:
+        return "high"
+    if filled >= 3:
+        return "medium"
+    return "low"
+
+
+def _structure_pitch_local_fallback(pitch_text: str) -> dict[str, Any]:
+    """Heuristic extraction when Nemotron is unavailable."""
+    text = pitch_text.strip()
+    lower = text.lower()
+    sentences = [s.strip() for s in re.split(r"(?<=[.!?])\s+", text) if s.strip()]
+    ctx = {field: "" for field in _STARTUP_CONTEXT_FIELDS}
+
+    name_patterns = [
+        r"(?:called|named)\s+([A-Z][A-Za-z0-9]+(?:\s+[A-Z][A-Za-z0-9]+){0,3})",
+        r"(?:building|build|creating|launching)\s+([A-Z][A-Za-z0-9]+(?:\s+[A-Z][A-Za-z0-9]+){0,2})",
+        r"\b([A-Z][A-Za-z0-9]*(?:\s+[A-Z][A-Za-z0-9]*){0,2}\s+AI)\b",
+        r"(?:we(?:'re| are))\s+([A-Z][A-Za-z0-9]+(?:\s+[A-Z][A-Za-z0-9]+){0,2})",
+    ]
+    for pattern in name_patterns:
+        match = re.search(pattern, text)
+        if match:
+            ctx["name"] = match.group(1).strip()
+            break
+
+    problem_kw = ("problem", "pain", "miss", "struggle", "hard to", "difficult", "scattered", "frustrat")
+    for sentence in sentences:
+        sl = sentence.lower()
+        if any(kw in sl for kw in problem_kw):
+            ctx["problem"] = sentence
+            break
+
+    user_kw = ("students", "founders", "users", "customers", "developers", "teams", "college")
+    for sentence in sentences:
+        sl = sentence.lower()
+        if any(kw in sl for kw in user_kw):
+            ctx["target_users"] = sentence
+            break
+    if not ctx["target_users"]:
+        for kw in user_kw:
+            if kw in lower:
+                ctx["target_users"] = f"Targeting {kw}."
+                break
+
+    solution_kw = ("we build", "we're building", "we are building", "platform", "app", "product", "tool")
+    for sentence in sentences:
+        sl = sentence.lower()
+        if any(kw in sl for kw in solution_kw):
+            ctx["solution"] = sentence
+            break
+
+    if "ai" in lower or "machine learning" in lower or "model" in lower:
+        for sentence in sentences:
+            sl = sentence.lower()
+            if "ai" in sl or "model" in sl or "machine learning" in sl:
+                ctx["why_ai"] = sentence
+                break
+        if not ctx["why_ai"]:
+            ctx["why_ai"] = "Uses AI as described in the pitch."
+
+    traction_patterns = [
+        r"\b\d[\d,]*\+?\s*(?:users|students|customers|signups|downloads|pilots?)\b",
+        r"\b(?:tested with|pilot with|revenue|mrr|arr)\b[^.?!]*[.?!]?",
+        r"\b\d+%\b[^.?!]*[.?!]?",
+    ]
+    for pattern in traction_patterns:
+        match = re.search(pattern, text, re.IGNORECASE)
+        if match:
+            ctx["traction"] = match.group(0).strip().rstrip(".")
+            break
+
+    competitor_kw = ("competitor", "versus", " vs ", "compared to", "alternative", "luma", "linkedin")
+    for sentence in sentences:
+        sl = sentence.lower()
+        if any(kw in sl for kw in competitor_kw):
+            ctx["competitors"] = sentence
+            break
+
+    ask_kw = ("funding", "invest", "mentor", "pilot", "sponsor", "partnership", "raise", "support")
+    for sentence in sentences:
+        sl = sentence.lower()
+        if any(kw in sl for kw in ask_kw):
+            ctx["ask"] = sentence
+            break
+
+    missing = _missing_startup_fields(ctx)
+    summary = " ".join(sentences[:2])[:220] if sentences else text[:220]
+
+    return {
+        "ok": True,
+        "startup_context": ctx,
+        "missing_fields": missing,
+        "confidence": _confidence_from_fill(ctx),
+        "brief_summary": summary,
+        "source": "local_fallback",
+    }
+
+
+def _parse_structure_pitch_response(raw: str) -> dict[str, Any] | None:
+    parsed, _ = parse_model_json(raw)
+    if not isinstance(parsed, dict):
+        return None
+
+    ctx = _normalize_startup_context(parsed.get("startup_context"))
+    missing = parsed.get("missing_fields")
+    if not isinstance(missing, list):
+        missing = _missing_startup_fields(ctx)
+    else:
+        missing = [str(f).strip() for f in missing if str(f).strip() in _STARTUP_CONTEXT_FIELDS]
+
+    confidence = str(parsed.get("confidence", "")).strip().lower()
+    if confidence not in ("low", "medium", "high"):
+        confidence = _confidence_from_fill(ctx)
+
+    summary = str(parsed.get("brief_summary", "")).strip()
+    if not summary:
+        summary = ctx.get("solution") or ctx.get("problem") or ""
+
+    return {
+        "startup_context": ctx,
+        "missing_fields": missing,
+        "confidence": confidence,
+        "brief_summary": summary,
+    }
+
+
+def handle_structure_pitch(payload: dict[str, Any]) -> dict[str, Any]:
+    """Structure free-form pitch text into startup_context fields."""
+    pitch_text = str(payload.get("pitch_text", "")).strip()
+    if not pitch_text:
+        return {"ok": False, "error": "pitch_text is required and must be non-empty."}
+
+    if len(pitch_text) < 20:
+        return {"ok": False, "error": "pitch_text is too short. Add a few more details about your startup."}
+
+    model_mode = payload.get("model_mode", "premium_nvidia")
+    messages = [
+        {"role": "system", "content": _STRUCTURE_PITCH_PROMPT},
+        {"role": "user", "content": f"Founder pitch:\n\n{pitch_text[:6000]}"},
+    ]
+
+    try:
+        result = model_router.generate_structure_pitch_response(messages, model_mode=model_mode)
+        if result.get("ok") and result.get("content"):
+            structured = _parse_structure_pitch_response(result["content"])
+            if structured is None:
+                repair = model_router.generate_structure_pitch_repair_response(
+                    result["content"], model_mode=model_mode
+                )
+                if repair.get("ok") and repair.get("content"):
+                    structured = _parse_structure_pitch_response(repair["content"])
+
+            if structured is not None:
+                return {
+                    "ok": True,
+                    "startup_context": structured["startup_context"],
+                    "missing_fields": structured["missing_fields"],
+                    "confidence": structured["confidence"],
+                    "brief_summary": structured["brief_summary"],
+                    "source": "nemotron",
+                }
+            logger.warning("structure_pitch: Nemotron returned unparseable JSON — using local fallback")
+    except Exception as exc:
+        logger.warning("structure_pitch: Nemotron call failed — using local fallback: %s", exc)
+
+    return _structure_pitch_local_fallback(pitch_text)
+
+
 def handle_voice_pitch(payload: dict[str, Any]) -> dict[str, Any]:
     """Process opening spoken pitch audio via Nemotron Omni."""
     audio = payload.get("audio") or payload.get("audio_base64") or ""

core/model_router.py

@@ -598,6 +598,35 @@ def _call_nvidia_repair_mode(
         return {"ok": False, "model_mode": mode, "provider": "nvidia", "content": "", "error": str(exc)}
 
 
+def generate_structure_pitch_response(
+    messages: list[dict[str, str]],
+    model_mode: str | None = None,
+) -> dict[str, Any]:
+    """Extract structured startup_context from free-form pitch text."""
+    return _call_nvidia_json_mode(messages, "structure_pitch", model_mode, "structure pitch")
+
+
+def generate_structure_pitch_repair_response(
+    raw_bad_content: str,
+    model_mode: str | None = None,
+) -> dict[str, Any]:
+    repair_messages = [
+        {
+            "role": "system",
+            "content": (
+                "Convert input to JSON. Return ONLY valid JSON.\n"
+                '{"startup_context":{"name":"","problem":"","target_users":"",'
+                '"solution":"","why_ai":"","traction":"","competitors":"","ask":""},'
+                '"missing_fields":[],"confidence":"low","brief_summary":""}'
+            ),
+        },
+        {"role": "user", "content": "Output JSON only:\n\n" + raw_bad_content[:4000]},
+    ]
+    return _call_nvidia_repair_mode(
+        repair_messages, "structure_pitch_repair", model_mode, "structure pitch"
+    )
+
+
 def generate_deal_verdict_response(
     messages: list[dict[str, str]],
     model_mode: str | None = None,

core/nvidia_client.py

@@ -206,6 +206,20 @@ _TASK_DEFAULTS: dict[str, dict[str, Any]] = {
         "temperature": 0.0,
         "top_p": 0.95,
     },
+    "structure_pitch": {
+        "enable_thinking": False,
+        "reasoning_budget": 0,
+        "max_tokens": 900,
+        "temperature": 0.1,
+        "top_p": 0.95,
+    },
+    "structure_pitch_repair": {
+        "enable_thinking": False,
+        "reasoning_budget": 0,
+        "max_tokens": 800,
+        "temperature": 0.0,
+        "top_p": 0.95,
+    },
 }
 
 _VALID_AUDIO_FORMATS = frozenset({"webm", "wav", "mp3", "m4a", "ogg"})

frontend/index.html

@@ -312,44 +312,152 @@
 
     <!-- Setup -->
     <section id="screen-setup" class="screen">
-      <div class="briefing-shell">
+      <div class="briefing-shell briefing-shell-wide">
         <header class="briefing-header">
           <div>
             <p class="results-eyebrow">Pre-Fight Briefing</p>
             <h2 class="briefing-title">Founder Briefing</h2>
-            <p class="briefing-subtitle">Give the AI judge enough context to attack your pitch properly.</p>
-            <p class="briefing-helper">Sharper inputs create tougher questions.</p>
+            <p class="briefing-subtitle" id="briefing-subtitle">Pitch naturally. We'll structure it before the judge attacks it.</p>
           </div>
           <button id="btn-back-landing" class="btn btn-ghost">Back</button>
         </header>
 
-        <div class="briefing-grid">
-          <div class="panel glass briefing-panel">
-            <h3 class="briefing-section-title">Startup Identity</h3>
-            <form id="startup-form" class="startup-form briefing-form">
-              <div class="briefing-group">
-                <label>Name<input name="name" type="text" placeholder="EventRadar AI" required /></label>
-              </div>
-              <div class="briefing-group briefing-group-problem">
-                <h4 class="briefing-group-label">Problem + Users</h4>
-                <label>Problem<textarea name="problem" rows="2" required placeholder="What pain are you solving?"></textarea></label>
-                <label>Target Users<input name="target_users" type="text" required placeholder="Who feels this pain most?" /></label>
-              </div>
-              <div class="briefing-group briefing-group-solution">
-                <h4 class="briefing-group-label">Solution + Why AI</h4>
-                <label>Solution<textarea name="solution" rows="2" required placeholder="What do you build?"></textarea></label>
-                <label>Why AI<textarea name="why_ai" rows="2" required placeholder="Why AI instead of rules or manual work?"></textarea></label>
+        <div class="briefing-mode-tabs" role="tablist" aria-label="Briefing mode">
+          <button id="tab-quick-pitch" class="briefing-mode-tab active" type="button" role="tab" aria-selected="true">Quick Pitch</button>
+          <button id="tab-advanced-briefing" class="briefing-mode-tab" type="button" role="tab" aria-selected="false">Advanced Briefing</button>
+        </div>
+
+        <div class="briefing-grid briefing-grid-wide">
+          <div class="briefing-left-col">
+            <!-- Quick Pitch -->
+            <div id="panel-quick-pitch" class="panel glass briefing-panel quick-pitch-panel">
+              <label class="quick-pitch-label" for="quick-pitch-text">Pitch your startup idea</label>
+              <textarea
+                id="quick-pitch-text"
+                class="quick-pitch-textarea"
+                rows="9"
+                placeholder="We're building EventRadar AI for students who miss hackathons because events are scattered across WhatsApp, LinkedIn, and college groups. We collect events in one place and recommend the best ones based on student interests. We tested with 80 students and want mentorship and pilot support."
+              ></textarea>
+              <div class="quick-pitch-actions">
+                <button id="btn-structure-pitch" class="btn btn-primary btn-wide" type="button">Structure My Pitch</button>
+                <div class="quick-pitch-secondary-row">
+                  <button id="btn-record-voice-setup" class="btn btn-secondary" type="button">Record Voice Pitch</button>
+                  <button id="btn-load-sample-setup" class="btn btn-secondary" type="button">Load Demo Founder</button>
+                </div>
               </div>
-              <div class="briefing-group briefing-group-traction">
-                <h4 class="briefing-group-label">Traction + Competitors</h4>
-                <label>Competitors<input name="competitors" type="text" required placeholder="Who else solves this?" /></label>
-                <label>Traction<input name="traction" type="text" required placeholder="Users, pilots, revenue, demos…" /></label>
+              <p id="structure-pitch-hint" class="quick-pitch-hint" hidden></p>
+            </div>
+
+            <!-- AI brief preview -->
+            <div id="brief-preview-panel" class="panel glass briefing-panel brief-preview-panel" hidden>
+              <div class="brief-preview-header">
+                <div class="brief-preview-title-row">
+                  <h3 class="briefing-section-title">AI-Structured Founder Brief</h3>
+                  <span id="brief-preview-confidence" class="brief-confidence-chip"></span>
+                </div>
+                <p class="brief-preview-helper">AI extracted this from your pitch. Review and confirm.</p>
+                <p id="brief-preview-hint" class="brief-preview-hint" hidden></p>
               </div>
-              <div class="briefing-group briefing-group-ask">
-                <h4 class="briefing-group-label">Ask / Desired Outcome</h4>
-                <label>Ask<input name="ask" type="text" required placeholder="Funding, pilot, mentorship, sponsorship…" /></label>
+              <form id="brief-preview-form" class="brief-preview-grid">
+                <div class="brief-read-card brief-read-short" data-field="name">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Startup</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Startup">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <input type="text" name="name" class="brief-read-input" hidden />
+                </div>
+                <div class="brief-read-card brief-read-short" data-field="target_users">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Target Users</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Target Users">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <input type="text" name="target_users" class="brief-read-input" hidden />
+                </div>
+                <div class="brief-read-card brief-read-wide" data-field="problem">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Problem</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Problem">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <textarea name="problem" class="brief-read-input brief-read-textarea" rows="2" hidden></textarea>
+                </div>
+                <div class="brief-read-card brief-read-wide" data-field="solution">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Solution</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Solution">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <textarea name="solution" class="brief-read-input brief-read-textarea" rows="2" hidden></textarea>
+                </div>
+                <div class="brief-read-card brief-read-wide" data-field="why_ai">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Why AI</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Why AI">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <textarea name="why_ai" class="brief-read-input brief-read-textarea" rows="2" hidden></textarea>
+                </div>
+                <div class="brief-read-card brief-read-short" data-field="traction">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Traction</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Traction">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <input type="text" name="traction" class="brief-read-input" hidden />
+                </div>
+                <div class="brief-read-card brief-read-short" data-field="competitors">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Competitors</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Competitors">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <input type="text" name="competitors" class="brief-read-input" hidden />
+                </div>
+                <div class="brief-read-card brief-read-short" data-field="ask">
+                  <div class="brief-read-head">
+                    <span class="brief-read-label">Ask</span>
+                    <button type="button" class="brief-read-edit" aria-label="Edit Ask">✎</button>
+                  </div>
+                  <p class="brief-read-value is-empty">Not specified</p>
+                  <input type="text" name="ask" class="brief-read-input" hidden />
+                </div>
+              </form>
+              <div class="brief-preview-actions">
+                <button id="btn-looks-good-start" class="btn btn-primary btn-wide" type="button">Looks Good — Start Battle</button>
+                <button id="btn-restructure-pitch" class="btn btn-secondary btn-wide" type="button">Re-structure Pitch</button>
               </div>
-            </form>
+            </div>
+
+            <!-- Advanced Briefing (tab only — no duplicate collapsed section) -->
+            <div id="panel-advanced-briefing" class="panel glass briefing-panel advanced-briefing-panel" hidden>
+              <p class="advanced-briefing-helper">Want full control? Edit every field manually.</p>
+              <form id="startup-form" class="startup-form briefing-form">
+                <div class="briefing-group">
+                  <label>Name<input name="name" type="text" placeholder="EventRadar AI" /></label>
+                </div>
+                <div class="briefing-group briefing-group-problem">
+                  <h4 class="briefing-group-label">Problem + Users</h4>
+                  <label>Problem<textarea name="problem" rows="3" placeholder="What pain are you solving?"></textarea></label>
+                  <label>Target Users<input name="target_users" type="text" placeholder="Who feels this pain most?" /></label>
+                </div>
+                <div class="briefing-group briefing-group-solution">
+                  <h4 class="briefing-group-label">Solution + Why AI</h4>
+                  <label>Solution<textarea name="solution" rows="3" placeholder="What do you build?"></textarea></label>
+                  <label>Why AI<textarea name="why_ai" rows="2" placeholder="Why AI instead of rules or manual work?"></textarea></label>
+                </div>
+                <div class="briefing-group briefing-group-traction">
+                  <h4 class="briefing-group-label">Traction + Competitors</h4>
+                  <label>Competitors<input name="competitors" type="text" placeholder="Who else solves this?" /></label>
+                  <label>Traction<input name="traction" type="text" placeholder="Users, pilots, revenue, demos…" /></label>
+                </div>
+                <div class="briefing-group briefing-group-ask">
+                  <h4 class="briefing-group-label">Ask / Desired Outcome</h4>
+                  <label>Ask<input name="ask" type="text" placeholder="Funding, pilot, mentorship, sponsorship…" /></label>
+                </div>
+              </form>
+            </div>
           </div>
 
           <div class="panel glass briefing-panel briefing-opponent-panel">
@@ -391,7 +499,10 @@
                 </button>
               </div>
             </div>
-            <button id="btn-start-battle" class="btn btn-primary btn-wide btn-arena-start" type="button">Start Pitch Battle</button>
+            <div class="briefing-opponent-footer">
+              <button id="btn-start-battle" class="btn btn-primary btn-wide btn-arena-start" type="button">Start Pitch Battle</button>
+              <p class="briefing-opponent-note">Pick your opponent and difficulty, then start the battle.</p>
+            </div>
           </div>
         </div>
       </div>
@@ -631,130 +742,161 @@
       </div>
     </section>
 
-    <!-- Scorecard -->
-    <section id="screen-scorecard" class="screen">
-      <div class="results-shell results-compact">
-        <article class="results-hero-card glass">
-          <header class="results-hero-header">
-            <div class="results-hero-header-left">
-              <p class="results-eyebrow">Pitch Battle Result</p>
-              <button id="btn-view-conversation" class="btn btn-conversation-review" type="button">View Conversation</button>
-            </div>
-            <p id="scorecard-source-badge" class="source-chip" hidden></p>
-          </header>
-          <p id="scorecard-fallback-warning" class="results-fallback-warn" hidden></p>
-
-          <div class="results-hero-grid">
-            <div class="score-orb-wrap">
-              <div class="score-orb" aria-label="Overall pitch score">
+    <!-- Scorecard — unified single-page layout (no tabs) -->
+    <section id="screen-scorecard" class="screen sc-page">
+      <div class="sc-shell">
+        <header class="sc-hero">
+          <div class="sc-hero-row">
+            <div class="sc-ring-wrap">
+              <div class="score-orb sc-ring" aria-label="Overall pitch score">
                 <strong id="overall-score" class="score-orb-value">0</strong>
                 <span id="overall-label" class="score-orb-label"></span>
               </div>
             </div>
-            <div class="results-hero-center">
-              <p id="pitch-readout" class="result-verdict-text">Your pitch battle is complete.</p>
-              <div class="insight-grid score-triad" id="pitch-stat-chips">
-                <span class="source-chip chip-strong" id="chip-strongest-dim">Strongest: —</span>
-                <span class="source-chip chip-weak" id="chip-weakest-dim">Weakest: —</span>
-                <span class="source-chip chip-source" id="chip-score-source" hidden>Nemotron Judge</span>
+            <div class="sc-hero-meta">
+              <p id="sc-hero-label" class="sc-hero-kicker">Pitch Battle Result</p>
+              <p id="pitch-readout" class="sc-hero-summary">Your pitch battle is complete.</p>
+              <div class="sc-chips" id="pitch-stat-chips">
+                <span class="sc-chip sc-chip-strong" id="chip-strongest-dim">↑ Strongest: —</span>
+                <span class="sc-chip sc-chip-weak" id="chip-weakest-dim">↓ Weakest: —</span>
+                <span class="sc-chip sc-chip-model" id="chip-score-source" hidden>⚡ Nemotron</span>
+              </div>
+              <div class="sc-hero-actions">
+                <button id="btn-path-to-80" class="btn sc-btn-gold" type="button">View Path to 80+</button>
+                <button id="btn-scorecard-retry" class="btn sc-btn-secondary" type="button">Retry Weakest Question</button>
+                <button id="btn-reset" class="btn sc-btn-secondary" type="button">New Battle</button>
               </div>
             </div>
+            <div class="sc-hero-conversation">
+              <button id="btn-view-conversation" class="btn sc-btn-conversation" type="button">View Conversation</button>
+            </div>
           </div>
+        </header>
 
-          <div class="result-next-action result-next-action-compact" id="pitch-next-action" hidden>
-            <span class="result-next-action-label">Next</span>
-            <p id="pitch-next-action-text" class="result-next-action-text"></p>
-          </div>
+        <p id="scorecard-fallback-warning" class="sc-fallback-warn" hidden></p>
+        <span id="scorecard-source-badge" hidden aria-hidden="true"></span>
 
-          <div class="scorecard-actions results-hero-actions results-hero-actions-compact">
-            <button id="btn-path-to-80" class="btn btn-path80" type="button">View Path to 80+</button>
-            <button id="btn-reset" class="btn btn-primary" type="button">New Battle</button>
-            <button id="btn-back-setup" class="btn btn-secondary" type="button">Edit Startup</button>
-          </div>
-        </article>
+        <div class="sc-body-grid">
+          <aside class="sc-left-col">
+            <p class="sc-section-label">Dimension Breakdown</p>
+            <div id="score-bars" class="sc-dim-list"></div>
 
-        <article id="judge-verdict-hero" class="judge-verdict-hero glass" hidden>
-          <p class="results-eyebrow">Judge Verdict</p>
-          <div id="judge-verdict-section" class="judge-verdict-panel">
-            <article id="judge-verdict-card" class="judge-verdict-card glass-inner">
-              <div class="judge-verdict-head">
-                <span id="verdict-persona-badge" class="verdict-persona-badge result-verdict-badge"></span>
-                <span id="verdict-interest-badge" class="verdict-interest-badge"></span>
-              </div>
-              <blockquote id="verdict-reaction" class="verdict-reaction verdict-reaction-compact"></blockquote>
-              <div class="verdict-meta-grid verdict-meta-compact">
-                <div><span>Deal Type</span><strong id="verdict-deal-type"></strong></div>
-                <div><span>Why</span><strong id="verdict-why" class="clamp-text clamp-short"></strong></div>
+            <div class="sc-signals-block">
+              <p class="sc-section-label">Signals Detected</p>
+              <div id="signals-summary" class="sc-signals-groups"></div>
+              <p id="signals-empty" class="sc-signals-empty">No concrete signals detected in this session.</p>
+            </div>
+          </aside>
+
+          <div class="sc-right-col">
+            <nav class="sc-tabs" id="scorecard-tabs" role="tablist" aria-label="Scorecard sections">
+              <button type="button" class="sc-tab active" data-tab="overview" role="tab" aria-selected="true">Overview</button>
+              <button type="button" class="sc-tab" data-tab="answers" role="tab" aria-selected="false">Answers</button>
+              <button type="button" class="sc-tab" data-tab="prep" role="tab" aria-selected="false">Prep</button>
+            </nav>
+
+            <div class="sc-tab-panels">
+              <div class="sc-tab-panel active" data-panel="overview" role="tabpanel">
+                <div class="sc-tab-block">
+                  <p class="sc-tab-eyebrow">Why you scored this</p>
+                  <p id="score-why-scored" class="sc-tab-text"></p>
+                </div>
+                <div class="sc-tab-divider"></div>
+                <div class="sc-tab-block">
+                  <p class="sc-tab-eyebrow">What stopped 80</p>
+                  <p id="score-what-stopped" class="sc-tab-text"></p>
+                </div>
+                <div class="sc-tab-divider"></div>
+                <div class="sc-tab-block">
+                  <p class="sc-tab-eyebrow">Next</p>
+                  <p id="pitch-next-action-text" class="sc-tab-text sc-tab-text-gold"></p>
+                </div>
+                <article id="voice-delivery-section" class="sc-voice-inline" hidden>
+                  <div class="sc-tab-divider"></div>
+                  <p class="sc-tab-eyebrow">Voice Delivery</p>
+                  <div id="voice-delivery-content" class="voice-delivery-grid"></div>
+                </article>
               </div>
-              <p id="verdict-opening-offer" class="verdict-opening-offer" hidden></p>
-              <div id="verdict-actions" class="verdict-actions"></div>
-            </article>
-          </div>
-        </article>
 
-        <nav class="result-tabs" id="pitch-result-tabs" role="tablist" aria-label="Pitch scorecard sections">
-          <button type="button" class="result-tab active" role="tab" aria-selected="true" data-tab="overview">Overview</button>
-          <button type="button" class="result-tab" role="tab" aria-selected="false" data-tab="dimensions">Dimensions</button>
-          <button type="button" class="result-tab" role="tab" aria-selected="false" data-tab="coaching">Coaching</button>
-          <button type="button" class="result-tab" role="tab" aria-selected="false" data-tab="voice" id="tab-voice-delivery" hidden>Voice Delivery</button>
-        </nav>
-
-        <div class="result-panels" id="pitch-result-panels">
-          <section class="result-panel active" data-panel="overview" role="tabpanel">
-            <div class="answer-compare overview-answers overview-answers-compact">
-              <article class="feedback-card answer-card answer-best coaching-card">
-                <div class="feedback-card-head">
-                  <span class="answer-badge answer-badge-best">Strongest Answer</span>
-                  <span id="best-answer-round" class="round-badge" hidden></span>
+              <div class="sc-tab-panel" data-panel="answers" role="tabpanel" hidden>
+                <div id="answers-empty-state" class="sc-answers-empty" hidden>
+                  <p class="sc-empty-title">No battle answers recorded.</p>
+                  <p class="sc-empty-sub">You ended the battle before responding.</p>
+                  <div class="sc-empty-actions">
+                    <button type="button" id="btn-answers-retry" class="btn sc-btn-gold">Retry Weakest Question</button>
+                    <button type="button" id="btn-answers-new-battle" class="btn sc-btn-secondary">New Battle</button>
+                  </div>
                 </div>
-                <blockquote id="best-answer" class="answer-quote clamp-text clamp-short"></blockquote>
-              </article>
-              <article class="feedback-card answer-card answer-weak coaching-card">
-                <div class="feedback-card-head">
-                  <span class="answer-badge answer-badge-weak">Weakest Answer</span>
-                  <span id="weakest-answer-round" class="round-badge" hidden></span>
+                <div id="answers-content" class="sc-answers-stack">
+                  <article class="sc-answer-card sc-answer-cyan">
+                    <p class="sc-answer-eyebrow sc-eyebrow-cyan">Best Answer</p>
+                    <span id="best-answer-round" class="sc-round-tag" hidden></span>
+                    <blockquote id="best-answer" class="sc-answer-text"></blockquote>
+                  </article>
+                  <article class="sc-answer-card sc-answer-red">
+                    <p class="sc-answer-eyebrow sc-eyebrow-weak">Weakest Answer</p>
+                    <span id="weakest-answer-round" class="sc-round-tag" hidden></span>
+                    <blockquote id="weakest-answer" class="sc-answer-text"></blockquote>
+                    <p id="why-weak" class="sc-why-hurt" hidden></p>
+                  </article>
+                  <article class="sc-answer-card sc-answer-gold">
+                    <p class="sc-answer-eyebrow sc-eyebrow-gold">Improved Answer</p>
+                    <p id="improved-answer" class="sc-answer-text"></p>
+                  </article>
+                  <article class="sc-answer-card sc-answer-dim">
+                    <p class="sc-answer-eyebrow sc-eyebrow-dim">Improved Pitch</p>
+                    <p id="improved-pitch" class="sc-answer-text"></p>
+                  </article>
                 </div>
-                <blockquote id="weakest-answer" class="answer-quote answer-quote-weak clamp-text clamp-short"></blockquote>
-                <p id="why-weak" class="why-weak-note clamp-text clamp-short" hidden></p>
-              </article>
-            </div>
-            <div id="signals-summary" class="insight-grid signals-chips signals-chips-compact" hidden></div>
-          </section>
+              </div>
 
-          <section class="result-panel" data-panel="dimensions" role="tabpanel" hidden>
-            <div id="score-bars" class="dimension-list"></div>
-          </section>
+              <div class="sc-tab-panel" data-panel="prep" role="tabpanel" hidden>
+                <p class="sc-tab-eyebrow">Top 3 questions to practice</p>
+                <ol id="top-questions" class="sc-prep-list"></ol>
+                <div class="sc-prep-retry-box">
+                  <p id="sc-prep-retry-text" class="sc-prep-retry-prompt">Your weakest answer needs more proof. Practice it again?</p>
+                  <button type="button" id="btn-prep-retry" class="btn sc-btn-gold">Retry Weakest Question</button>
+                </div>
+              </div>
+            </div>
 
-          <section class="result-panel" data-panel="coaching" role="tabpanel" hidden>
-            <div class="feedback-grid coaching-grid">
-              <article class="feedback-card highlight coaching-card">
-                <div class="feedback-card-head">
-                  <span class="feedback-icon" aria-hidden="true">✦</span>
-                  <h3>Improved Answer</h3>
+            <section id="judge-verdict-hero" class="sc-verdict-section sc-verdict-inline" hidden>
+              <p class="sc-section-label sc-verdict-heading">Judge Verdict</p>
+              <div id="judge-verdict-section" class="sc-verdict-card">
+                <div class="sc-verdict-head">
+                  <span id="verdict-persona-badge" class="sc-verdict-judge"></span>
+                  <span id="verdict-interest-badge" class="sc-verdict-pill"></span>
                 </div>
-                <p id="improved-answer" class="feedback-body clamp-text"></p>
-              </article>
-              <article class="feedback-card highlight coaching-card">
-                <div class="feedback-card-head">
-                  <span class="feedback-icon" aria-hidden="true">◎</span>
-                  <h3>Improved Pitch</h3>
+                <blockquote id="verdict-reaction" class="sc-verdict-quote"></blockquote>
+                <div class="sc-verdict-meta">
+                  <div class="sc-verdict-meta-item">
+                    <span class="sc-meta-label">Deal Type</span>
+                    <strong id="verdict-deal-type" class="sc-meta-value"></strong>
+                  </div>
+                  <div class="sc-verdict-meta-item sc-verdict-meta-wide">
+                    <span class="sc-meta-label">Why</span>
+                    <strong id="verdict-why" class="sc-meta-value"></strong>
+                  </div>
                 </div>
-                <p id="improved-pitch" class="feedback-body clamp-text"></p>
-              </article>
-            </div>
-            <div class="coaching-card prep-questions">
-              <h3 class="scorecard-section-title">Top 3 Prep Questions</h3>
-              <ol id="top-questions" class="prep-list prep-checklist"></ol>
-            </div>
-          </section>
+                <p id="verdict-opening-offer" class="sc-verdict-offer" hidden></p>
+                <div id="verdict-actions" class="sc-verdict-actions"></div>
+              </div>
+            </section>
+          </div>
+        </div>
 
-          <section class="result-panel" data-panel="voice" role="tabpanel" hidden>
-            <div id="voice-delivery-section" class="voice-delivery-panel">
-              <p class="scorecard-section-desc">Observable delivery cues from your spoken answers.</p>
-              <div id="voice-delivery-content" class="voice-delivery-grid"></div>
-            </div>
-          </section>
+        <article id="score-explanation-card" hidden aria-hidden="true"></article>
+        <span id="pitch-next-action" hidden aria-hidden="true"></span>
+
+        <!-- Legacy panel hooks for JS (hidden, unused) -->
+        <div id="pitch-result-tabs" hidden aria-hidden="true"></div>
+        <div id="pitch-result-panels" hidden aria-hidden="true">
+          <section data-panel="overview"></section>
+          <section data-panel="dimensions"></section>
+          <section data-panel="coaching"></section>
+          <section data-panel="voice"></section>
         </div>
+        <button type="button" id="tab-voice-delivery" hidden aria-hidden="true"></button>
       </div>
     </section>
 

frontend/script.js

@@ -23,6 +23,10 @@ const state = {
   dealBattleLog: [],
   battleMetaSnapshot: null,
   scorecardSnapshot: null,
+  briefingMode: "quick",
+  briefStructured: false,
+  pitchExtractionConfidence: null,
+  battleConfidencePct: null,
 };
 
 let liveJudgeTurn = { text: "", meta: "" };
@@ -47,6 +51,10 @@ const dealInput = document.getElementById("deal-input");
 const dealStatus = document.getElementById("deal-status");
 
 const startupForm = document.getElementById("startup-form");
+const briefPreviewForm = document.getElementById("brief-preview-form");
+const quickPitchPanel = document.getElementById("panel-quick-pitch");
+const briefPreviewPanel = document.getElementById("brief-preview-panel");
+const briefingLeftCol = document.querySelector(".briefing-left-col");
 const chatWindow = document.getElementById("chat-window");
 const userInput = document.getElementById("user-input");
 const loadingOverlay = document.getElementById("loading-overlay");
@@ -58,6 +66,9 @@ function showScreen(name) {
   Object.entries(screens).forEach(([key, el]) => {
     el.classList.toggle("active", key === name);
   });
+  const app = document.getElementById("app");
+  app?.classList.toggle("app-arena-fullwidth", name === "battle" || name === "deal" || name === "scorecard");
+  app?.classList.toggle("app-scorecard-fullwidth", name === "scorecard");
   if (name === "landing" && landingIntroComplete) {
     finalizeLandingIntroStatic();
   }
@@ -191,24 +202,323 @@ function hideErrorBanner() {
   errorBanner.textContent = "";
 }
 
+const BRIEF_FIELD_KEYS = [
+  "name", "target_users", "problem", "solution", "why_ai", "traction", "competitors", "ask",
+];
+
+function setBriefFieldValue(key, value) {
+  const card = briefPreviewForm?.querySelector(`[data-field="${key}"]`);
+  if (!card) return;
+  const display = card.querySelector(".brief-read-value");
+  const input = card.querySelector(".brief-read-input");
+  const text = String(value ?? "").trim();
+  if (input) input.value = text;
+  if (display) {
+    display.textContent = text || "Not specified";
+    display.classList.toggle("is-empty", !text);
+  }
+}
+
+let _briefEditSnapshot = "";
+
+function closeBriefFieldExpanded(card) {
+  if (!card) return;
+  const input = card.querySelector(".brief-read-input");
+  const display = card.querySelector(".brief-read-value");
+  card.classList.remove("is-editing", "is-editing-expanded");
+  if (input) input.hidden = true;
+  if (display) display.hidden = false;
+  briefPreviewForm?.classList.remove("is-editing-active");
+  briefPreviewPanel?.classList.remove("is-editing-active");
+}
+
+function commitBriefFieldEdit(card) {
+  if (!card) return;
+  const input = card.querySelector(".brief-read-input");
+  const display = card.querySelector(".brief-read-value");
+  const text = (input?.value || "").trim();
+  if (display) {
+    display.textContent = text || "Not specified";
+    display.classList.toggle("is-empty", !text);
+  }
+  closeBriefFieldExpanded(card);
+  syncBriefToStartupForm();
+}
+
+function cancelBriefFieldEdit(card) {
+  if (!card) return;
+  const input = card.querySelector(".brief-read-input");
+  if (input) input.value = _briefEditSnapshot;
+  closeBriefFieldExpanded(card);
+}
+
+function startBriefFieldEdit(card) {
+  if (!card) return;
+
+  briefPreviewForm?.querySelectorAll(".brief-read-card.is-editing-expanded").forEach((open) => {
+    if (open !== card) cancelBriefFieldEdit(open);
+  });
+
+  const input = card.querySelector(".brief-read-input");
+  const display = card.querySelector(".brief-read-value");
+  _briefEditSnapshot = input?.value ?? "";
+
+  card.classList.add("is-editing", "is-editing-expanded");
+  briefPreviewForm?.classList.add("is-editing-active");
+  briefPreviewPanel?.classList.add("is-editing-active");
+
+  if (display) display.hidden = true;
+  if (input) {
+    input.hidden = false;
+    if (input.classList.contains("brief-read-textarea")) {
+      input.rows = 5;
+    }
+    requestAnimationFrame(() => {
+      input.focus();
+      if (typeof input.select === "function" && input.tagName === "INPUT") {
+        input.select();
+      } else if (input.tagName === "TEXTAREA") {
+        input.setSelectionRange(input.value.length, input.value.length);
+      }
+      card.scrollIntoView({ behavior: "smooth", block: "center" });
+    });
+  }
+}
+
+function initBriefPreviewEditors() {
+  briefPreviewForm?.querySelectorAll(".brief-read-card").forEach((card) => {
+    if (!card.querySelector(".brief-read-edit-actions")) {
+      const actions = document.createElement("div");
+      actions.className = "brief-read-edit-actions";
+      actions.innerHTML = `
+        <button type="button" class="btn btn-ghost btn-sm brief-read-cancel">Cancel</button>
+        <button type="button" class="btn btn-primary btn-sm brief-read-done">Done</button>
+      `;
+      card.appendChild(actions);
+    }
+
+    card.querySelector(".brief-read-edit")?.addEventListener("click", (e) => {
+      e.stopPropagation();
+      if (card.classList.contains("is-editing-expanded")) {
+        commitBriefFieldEdit(card);
+      } else {
+        startBriefFieldEdit(card);
+      }
+    });
+    card.querySelector(".brief-read-done")?.addEventListener("mousedown", (e) => e.preventDefault());
+    card.querySelector(".brief-read-done")?.addEventListener("click", (e) => {
+      e.stopPropagation();
+      commitBriefFieldEdit(card);
+    });
+    card.querySelector(".brief-read-cancel")?.addEventListener("mousedown", (e) => e.preventDefault());
+    card.querySelector(".brief-read-cancel")?.addEventListener("click", (e) => {
+      e.stopPropagation();
+      cancelBriefFieldEdit(card);
+    });
+    card.querySelector(".brief-read-input")?.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancelBriefFieldEdit(card);
+      }
+      if (e.key === "Enter" && e.ctrlKey) {
+        e.preventDefault();
+        commitBriefFieldEdit(card);
+      }
+    });
+  });
+}
+
+function syncBriefToStartupForm() {
+  if (!briefPreviewForm || !startupForm) return;
+  BRIEF_FIELD_KEYS.forEach((key) => {
+    const input = briefPreviewForm.querySelector(`[name="${key}"]`);
+    const field = startupForm.elements.namedItem(key);
+    if (field && input) field.value = input.value ?? "";
+  });
+}
+
 function getStartupPayload() {
+  if (briefPreviewPanel && !briefPreviewPanel.hidden) {
+    syncBriefToStartupForm();
+  }
   const data = new FormData(startupForm);
   return Object.fromEntries(data.entries());
 }
 
 function fillStartupForm(startup) {
   Object.entries(startup).forEach(([key, value]) => {
-    const field = startupForm.elements.namedItem(key);
+    const field = startupForm?.elements.namedItem(key);
     if (field) field.value = value ?? "";
+    if (BRIEF_FIELD_KEYS.includes(key)) setBriefFieldValue(key, value);
+  });
+}
+
+function setBriefingMode(mode) {
+  state.briefingMode = mode;
+  const isQuick = mode === "quick";
+  const previewVisible = state.briefStructured;
+
+  document.getElementById("tab-quick-pitch")?.classList.toggle("active", isQuick);
+  document.getElementById("tab-advanced-briefing")?.classList.toggle("active", !isQuick);
+  document.getElementById("tab-quick-pitch")?.setAttribute("aria-selected", String(isQuick));
+  document.getElementById("tab-advanced-briefing")?.setAttribute("aria-selected", String(!isQuick));
+  briefingLeftCol?.classList.toggle("mode-quick", isQuick);
+  briefingLeftCol?.classList.toggle("mode-advanced", !isQuick);
+
+  const advancedPanel = document.getElementById("panel-advanced-briefing");
+  if (advancedPanel) advancedPanel.hidden = isQuick;
+
+  if (isQuick) {
+    if (quickPitchPanel) quickPitchPanel.hidden = previewVisible;
+    if (briefPreviewPanel) briefPreviewPanel.hidden = !previewVisible;
+  } else {
+    if (quickPitchPanel) quickPitchPanel.hidden = true;
+    if (briefPreviewPanel) briefPreviewPanel.hidden = true;
+    syncBriefToStartupForm();
+  }
+
+  const subtitle = document.getElementById("briefing-subtitle");
+  if (subtitle) {
+    subtitle.textContent = isQuick
+      ? "Pitch naturally. We'll structure it before the judge attacks it."
+      : "Want full control? Edit every field manually.";
+  }
+}
+
+function showBriefPreview(meta = {}) {
+  if (quickPitchPanel) quickPitchPanel.hidden = true;
+  if (briefPreviewPanel) briefPreviewPanel.hidden = false;
+  const advancedPanel = document.getElementById("panel-advanced-briefing");
+  if (advancedPanel) advancedPanel.hidden = true;
+
+  const confEl = document.getElementById("brief-preview-confidence");
+  if (confEl) {
+    const conf = meta.confidence || "medium";
+    confEl.textContent = `Confidence: ${String(conf).toUpperCase()}`;
+    confEl.className = `brief-confidence-chip confidence-${conf}`;
+  }
+
+  const hintEl = document.getElementById("brief-preview-hint");
+  if (hintEl) {
+    if (meta.source === "local_fallback") {
+      hintEl.textContent = "Quick structure applied — tap ✎ on any field to edit.";
+      hintEl.hidden = false;
+    } else if (Array.isArray(meta.missing_fields) && meta.missing_fields.length) {
+      hintEl.textContent = `Not in your pitch: ${meta.missing_fields.join(", ")}`;
+      hintEl.hidden = false;
+    } else {
+      hintEl.hidden = true;
+      hintEl.textContent = "";
+    }
+  }
+}
+
+function hideBriefPreview() {
+  state.briefStructured = false;
+  if (quickPitchPanel) quickPitchPanel.hidden = false;
+  if (briefPreviewPanel) briefPreviewPanel.hidden = true;
+  document.getElementById("structure-pitch-hint")?.setAttribute("hidden", "");
+  document.getElementById("brief-preview-hint")?.setAttribute("hidden", "");
+  briefPreviewForm?.querySelectorAll(".brief-read-card.is-editing").forEach((card) => {
+    commitBriefFieldEdit(card);
   });
 }
 
+function extractionConfidenceLevel(meta = {}) {
+  const raw = meta.confidence ?? meta.extraction_confidence ?? "";
+  const key = String(raw).toLowerCase();
+  if (key === "high" || key === "medium" || key === "low") return key;
+  return null;
+}
+
+function confidenceFromStartupFields(startup = {}) {
+  const fields = ["name", "problem", "solution", "why_ai", "target_users", "traction", "competitors", "ask"];
+  const filled = fields.filter((field) => String(startup?.[field] ?? "").trim()).length;
+  if (filled >= 5) return "high";
+  if (filled >= 3) return "medium";
+  return "low";
+}
+
+function confidenceLevelToPct(level) {
+  const key = String(level || "medium").toLowerCase();
+  if (key === "high") return 76;
+  if (key === "low") return 22;
+  return 50;
+}
+
+function syncPitchExtractionConfidence(meta = {}, startup = null) {
+  const level = extractionConfidenceLevel(meta) || confidenceFromStartupFields(startup) || "medium";
+  state.pitchExtractionConfidence = level;
+  return level;
+}
+
+function fillBriefPreview(startup, meta = {}) {
+  state.briefStructured = true;
+  syncPitchExtractionConfidence(meta, startup);
+  fillStartupForm(startup);
+  showBriefPreview(meta);
+}
+
+function resetSetupScreen() {
+  state.briefStructured = false;
+  state.pitchExtractionConfidence = null;
+  setBriefingMode("quick");
+  hideBriefPreview();
+  const quickText = document.getElementById("quick-pitch-text");
+  if (quickText) quickText.value = "";
+  state.pendingVoicePitch = null;
+  state.startMode = "text";
+}
+
+async function structurePitch() {
+  const pitchText = document.getElementById("quick-pitch-text")?.value?.trim();
+  if (!pitchText) {
+    showErrorBanner("Type or paste your pitch first.");
+    return;
+  }
+  try {
+    setGlobalLoading(true, "Structuring your pitch…");
+    state.startMode = "text";
+    const data = await apiPost("/api/structure-pitch", { pitch_text: pitchText });
+    if (!data.ok) {
+      showErrorBanner(data.error || "Could not structure your pitch. Try Advanced Briefing.");
+      return;
+    }
+    fillBriefPreview(data.startup_context, data);
+    hideErrorBanner();
+  } catch (error) {
+    console.error(error);
+    showErrorBanner("We couldn't structure that pitch. Try Advanced Briefing or edit manually.");
+  } finally {
+    setGlobalLoading(false);
+  }
+}
+
+function applyVoicePitchToBriefing(data) {
+  state.pendingVoicePitch = data;
+  state.startMode = "voice";
+  const extracted = data.extracted ?? {};
+  fillBriefPreview(extracted, {
+    brief_summary: (data.transcript || "").slice(0, 240),
+    confidence: data.extraction_confidence || "medium",
+  });
+  const quickText = document.getElementById("quick-pitch-text");
+  if (quickText && data.transcript) quickText.value = data.transcript;
+  setBriefingMode("quick");
+}
+
 const PERSONA_LABELS = {
   skeptical_vc: "Skeptical VC",
   technical_judge: "Technical Judge",
   hackathon_judge: "Hackathon Judge",
 };
 
+const DIFFICULTY_LABELS = {
+  practice: "Practice Mode",
+  judge: "Judge Mode",
+  investor: "Investor Mode",
+};
+
 function pressureMeterLevel(data) {
   const label = String(data.pressure_label ?? data.pressure_level ?? "").toLowerCase();
   if (label.includes("extreme")) return { pct: 100, tier: "extreme" };
@@ -322,16 +632,40 @@ function updatePressureCore(tier, label) {
   if (judgePressure && label) judgePressure.textContent = label;
 }
 
-function updateConfidenceMeter(pressurePct) {
+function renderConfidenceMeter(confidencePct) {
   const fill = document.getElementById("confidence-meter-fill");
   if (!fill) return;
-  const confidence = Math.max(8, Math.min(100, 100 - pressurePct));
+  const confidence = Math.max(8, Math.min(92, Math.round(confidencePct)));
   fill.style.width = `${confidence}%`;
   fill.classList.toggle("confidence-low", confidence < 35);
   fill.classList.toggle("confidence-mid", confidence >= 35 && confidence < 65);
   fill.classList.toggle("confidence-high", confidence >= 65);
 }
 
+function refreshBattleConfidenceFromPressure(pressurePct, round = 1) {
+  const base = confidenceLevelToPct(state.pitchExtractionConfidence || "medium");
+  const pressureDrag = Math.round(Number(pressurePct) * 0.25);
+  const roundDrag = Math.max(0, Number(round) - 1) * 2;
+  const ceiling = Math.max(8, base - pressureDrag - roundDrag);
+  if (state.battleConfidencePct == null) {
+    state.battleConfidencePct = ceiling;
+  } else {
+    state.battleConfidencePct = Math.min(state.battleConfidencePct, ceiling);
+  }
+  renderConfidenceMeter(state.battleConfidencePct);
+}
+
+function adjustBattleConfidenceFromAnswer(quality) {
+  const deltas = { strong: 8, partial: -2, weak: -12, non_answer: -20 };
+  const delta = deltas[String(quality || "").toLowerCase()] ?? 0;
+  if (!delta) return;
+  state.battleConfidencePct = Math.max(
+    8,
+    Math.min(92, (state.battleConfidencePct ?? confidenceLevelToPct(state.pitchExtractionConfidence)) + delta),
+  );
+  renderConfidenceMeter(state.battleConfidencePct);
+}
+
 function updateComboMeter(round) {
   const meter = document.getElementById("combo-meter");
   if (!meter) return;
@@ -631,7 +965,7 @@ function updateBattleMeta(data) {
     fill.style.width = `${pct}%`;
     fill.className = `pressure-meter-fill pressure-${tier}`;
   }
-  updateConfidenceMeter(pct);
+  refreshBattleConfidenceFromPressure(pct, round);
   updateComboMeter(round);
   const progressFill = document.getElementById("battle-progress-fill");
   if (progressFill) {
@@ -725,7 +1059,22 @@ export async function loadSample() {
   try {
     setGlobalLoading(true, "Loading demo founder…");
     const data = await apiPost("/api/load-sample");
-    fillStartupForm(data.startup);
+    state.startMode = "text";
+    setBriefingMode("quick");
+    fillBriefPreview(data.startup, {
+      brief_summary: data.startup?.solution || data.startup?.problem || "Demo founder loaded.",
+      confidence: "high",
+    });
+    const quickText = document.getElementById("quick-pitch-text");
+    if (quickText) {
+      quickText.value = [
+        data.startup?.name,
+        data.startup?.problem,
+        data.startup?.solution,
+        data.startup?.traction,
+        data.startup?.ask,
+      ].filter(Boolean).join(" ");
+    }
     showScreen("setup");
     hideErrorBanner();
   } catch (error) {
@@ -753,6 +1102,11 @@ export async function startSession() {
     document.getElementById("battle-coach-bar")?.setAttribute("hidden", "");
     document.getElementById("voice-turn-preview")?.setAttribute("hidden", "");
 
+    if (!state.pitchExtractionConfidence) {
+      syncPitchExtractionConfidence({}, getStartupPayload());
+    }
+    state.battleConfidencePct = null;
+
     const payload = {
       mode: "pitch_battle",
       startup: getStartupPayload(),
@@ -834,6 +1188,9 @@ export async function sendMessage(messageOverride, voiceMeta = null) {
     }
 
     updateBattleMeta(data);
+    if (data.answer_quality) {
+      adjustBattleConfidenceFromAnswer(data.answer_quality);
+    }
     const chatMeta = data.model_ok
       ? `${data.attack_tag} · Round ${data.round} · ⚡ Premium Nemotron`
       : `${data.attack_tag} · Round ${data.round}`;
@@ -907,6 +1264,8 @@ export async function resetBattle() {
   state.uiMode = "pitch";
   state.pendingDealVoiceTurn = null;
   state.startMode = "text";
+  state.pitchExtractionConfidence = null;
+  state.battleConfidencePct = null;
   state.conversationLog = [];
   state.dealConversationLog = [];
   state.battleLog = [];
@@ -971,16 +1330,58 @@ function attachShowMore(el) {
 function buildDimensionRow(key, value, opts = {}) {
   const s = value?.score ?? 0;
   const band = scoreBand(s);
+  const dimLabel = formatDimLabel(key);
+  const labelSlug = String(value?.label || "")
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-|-$/g, "");
+  const reason = value?.reason ?? "";
+  const layout = opts.layout ?? "default";
+
+  if (layout === "scorecard") {
+    const row = document.createElement("div");
+    const fillSlug = labelSlug || "developing";
+    let highlightClass = "";
+    if (opts.weakestKey === key) highlightClass = " sc-dim-weakest";
+    else if (opts.strongestKey === key) highlightClass = " sc-dim-strongest";
+    row.className = `dimension-row score-row dimension-row-scorecard sc-dim-card ${band}${highlightClass}`;
+    const flagHtml =
+      opts.weakestKey === key
+        ? `<span class="sc-dim-flag sc-dim-flag-weak">Weakest</span>`
+        : opts.strongestKey === key
+          ? `<span class="sc-dim-flag sc-dim-flag-strong">Strongest</span>`
+          : "";
+    const badgeHtml = value?.label
+      ? `<span class="score-label dimension-badge score-label-${escapeHtml(labelSlug)}">${escapeHtml(value.label)}</span>`
+      : "";
+    row.innerHTML = `
+      <div class="sc-dim-head">
+        <div class="sc-dim-title">
+          <span class="dimension-name">${dimLabel}</span>
+          ${flagHtml}
+        </div>
+        <div class="sc-dim-meta">
+          <strong class="dimension-score">${s}</strong>
+          ${badgeHtml}
+        </div>
+      </div>
+      <div class="dimension-bar bar-track"><div class="dimension-bar-fill bar-fill dim-fill-${escapeHtml(fillSlug)}" style="width:0%" data-width="${s}%"></div></div>
+    `;
+    requestAnimationFrame(() => {
+      const fill = row.querySelector(".dimension-bar-fill");
+      if (fill) fill.style.width = fill.dataset.width || `${s}%`;
+    });
+    return row;
+  }
+
   const row = document.createElement("div");
   row.className = `dimension-row score-row ${band}`;
-  const dimLabel = formatDimLabel(key);
   const labelHtml = value?.label
-    ? `<span class="score-label">${escapeHtml(value.label)}</span>`
+    ? `<span class="score-label score-label-${escapeHtml(labelSlug)}">${escapeHtml(value.label)}</span>`
     : "";
   const quote = value?.quote && opts.showQuote
     ? `<span class="quote-chip">"${escapeHtml(value.quote)}"</span>`
     : "";
-  const reason = value?.reason ?? "";
   row.innerHTML = `
     <div class="dimension-row-head score-row-head">
       <span class="dimension-name">${dimLabel}${labelHtml}</span>
@@ -1029,6 +1430,79 @@ function switchResultTab(tabsRootId, tabName) {
   tab?.click();
 }
 
+function initScorecardTabs() {
+  const root = document.getElementById("scorecard-tabs");
+  if (!root || root.dataset.init === "1") return;
+  root.dataset.init = "1";
+  root.addEventListener("click", (e) => {
+    const tab = e.target.closest(".sc-tab");
+    if (!tab) return;
+    activateScorecardTab(tab.dataset.tab);
+  });
+}
+
+function activateScorecardTab(tabName) {
+  document.querySelectorAll("#scorecard-tabs .sc-tab").forEach((tab) => {
+    const active = tab.dataset.tab === tabName;
+    tab.classList.toggle("active", active);
+    tab.setAttribute("aria-selected", active ? "true" : "false");
+  });
+  document.querySelectorAll(".sc-tab-panels .sc-tab-panel").forEach((panel) => {
+    const active = panel.dataset.panel === tabName;
+    panel.classList.toggle("active", active);
+    panel.hidden = !active;
+  });
+}
+
+function renderSignalsGroups(css) {
+  const container = document.getElementById("signals-summary");
+  const emptyEl = document.getElementById("signals-empty");
+  if (!container) return false;
+
+  const groups = [
+    { key: "numbers", label: "Numbers" },
+    { key: "validation", label: "Validation" },
+    { key: "competitors", label: "Competitors" },
+    { key: "revenue_signals", label: "Revenue" },
+    { key: "technical_mechanisms", label: "Mechanisms" },
+  ];
+
+  container.innerHTML = "";
+  let hasAny = false;
+
+  groups.forEach(({ key, label }) => {
+    const items = (css?.[key] ?? []).filter((s) => String(s).trim());
+    if (!items.length) return;
+    hasAny = true;
+    const group = document.createElement("div");
+    group.className = "sc-signal-group";
+    const groupLabel = document.createElement("p");
+    groupLabel.className = "sc-signal-group-label";
+    groupLabel.textContent = label;
+    group.appendChild(groupLabel);
+    const chips = document.createElement("div");
+    chips.className = "sc-signal-chips";
+    items.forEach((sig) => {
+      const chip = document.createElement("span");
+      chip.className = "sc-signal-chip";
+      chip.textContent = sig;
+      chips.appendChild(chip);
+    });
+    group.appendChild(chips);
+    container.appendChild(group);
+  });
+
+  if (emptyEl) emptyEl.hidden = hasAny;
+  return hasAny;
+}
+
+function hasNoBattleAnswers(data) {
+  const scores = data.scores ?? {};
+  const allZero = Object.values(scores).every((v) => (v?.score ?? 0) === 0);
+  const noBest = !String(data.best_answer ?? "").trim();
+  return allZero || noBest;
+}
+
 function renderScorecard(data) {
   const overall = data.overall ?? 0;
   const overallEl = document.getElementById("overall-score");
@@ -1042,42 +1516,54 @@ function renderScorecard(data) {
 
   const scores = data.scores ?? {};
   const { strongest, weakest } = getStrongestWeakest(scores);
+  const se = data.score_explanation ?? {};
+  const explanation = se;
+  const nemotronScored = isNemotronScorecardSource(data.scorecard_source);
 
+  const opponent = PERSONA_LABELS[state.persona] ?? data.opponent ?? "AI Judge";
+  const mode = DIFFICULTY_LABELS[state.difficultyProfile]
+    ?? data.difficulty_label
+    ?? "Practice Mode";
+  const heroLabel = document.getElementById("sc-hero-label");
+  if (heroLabel) {
+    heroLabel.textContent = `Pitch Battle Result · ${opponent} · ${mode}`;
+  }
+
+  const whySentence = se.why_you_scored_this?.split(/[.!?]/)[0]?.trim() ?? "";
   const readoutEl = document.getElementById("pitch-readout");
   if (readoutEl) {
-    const se = data.score_explanation ?? {};
-    readoutEl.textContent =
-      data.improved_pitch?.split(/[.!?]/)[0]?.trim()
-      || se.why_you_scored_this?.split(/[.!?]/)[0]?.trim()
-      || (data.overall_label ? `${data.overall_label} pitch — review dimensions below.` : "Your pitch battle is complete.");
+    const parts = [];
+    if (data.overall_label) parts.push(data.overall_label);
+    if (whySentence) parts.push(whySentence);
+    readoutEl.textContent = parts.length
+      ? parts.join(" — ")
+      : "Your pitch battle is complete.";
   }
 
   const strongChip = document.getElementById("chip-strongest-dim");
   const weakChip = document.getElementById("chip-weakest-dim");
   if (strongChip) {
     strongChip.textContent = strongest
-      ? `Strongest: ${formatDimLabel(strongest[0])}`
-      : "Strongest: —";
+      ? `↑ Strongest: ${formatDimLabel(strongest[0])}`
+      : "↑ Strongest: —";
   }
   if (weakChip) {
     weakChip.textContent = weakest
-      ? `Weakest: ${formatDimLabel(weakest[0])}`
-      : "Weakest: —";
+      ? `↓ Weakest: ${formatDimLabel(weakest[0])}`
+      : "↓ Weakest: —";
   }
 
-  const sourceBadgeEl = document.getElementById("scorecard-source-badge");
   const chipSource = document.getElementById("chip-score-source");
-  const fallbackWarnEl = document.getElementById("scorecard-fallback-warning");
-  const nemotronScored = isNemotronScorecardSource(data.scorecard_source);
-  if (sourceBadgeEl) {
-    sourceBadgeEl.textContent = nemotronScored ? "Powered by NVIDIA Nemotron" : "";
-    sourceBadgeEl.hidden = !nemotronScored;
-  }
+  const sourceBadgeEl = document.getElementById("scorecard-source-badge");
   if (chipSource) {
-    chipSource.textContent = nemotronScored ? "Nemotron Judge" : "";
-    chipSource.hidden = !nemotronScored;
-    chipSource.classList.toggle("chip-source", nemotronScored);
+    chipSource.textContent = nemotronScored ? "⚡ Nemotron" : "⚡ Local";
+    chipSource.hidden = false;
+  }
+  if (sourceBadgeEl) {
+    sourceBadgeEl.textContent = nemotronScored ? "Powered by NVIDIA Nemotron" : "Local scoring";
   }
+
+  const fallbackWarnEl = document.getElementById("scorecard-fallback-warning");
   if (fallbackWarnEl) {
     fallbackWarnEl.textContent = "";
     fallbackWarnEl.hidden = true;
@@ -1086,55 +1572,36 @@ function renderScorecard(data) {
     console.warn("Scorecard model note (not shown to user):", data.model_error);
   }
 
-  const nextWrap = document.getElementById("pitch-next-action");
-  const nextText = document.getElementById("pitch-next-action-text");
-  const se = data.score_explanation ?? {};
-  const atr = se.answer_to_retry ?? {};
-  const nextLine =
-    atr.retry_advice
-    || se.what_stopped_80?.split(/[.!?]/)[0]?.trim()
-    || (weakest ? `Retry your ${formatDimLabel(weakest[0])} answer with one concrete proof point.` : "");
-  if (nextWrap && nextText) {
-    if (nextLine) {
-      nextText.textContent = nextLine.endsWith(".") ? nextLine : `${nextLine}.`;
-      nextWrap.hidden = false;
-    } else {
-      nextWrap.hidden = true;
-    }
-  }
-
   const bars = document.getElementById("score-bars");
   if (bars) {
     bars.innerHTML = "";
     Object.entries(scores).forEach(([key, value]) => {
-      bars.appendChild(buildDimensionRow(key, value, { showQuote: true }));
+      bars.appendChild(
+        buildDimensionRow(key, value, {
+          layout: "scorecard",
+          strongestKey: strongest?.[0] ?? null,
+          weakestKey: weakest?.[0] ?? null,
+        }),
+      );
     });
   }
 
-  const sigEl = document.getElementById("signals-summary");
-  if (sigEl) {
-    const css = data.concrete_signals_summary ?? {};
-    const allSigs = [
-      ...(css.numbers ?? []),
-      ...(css.validation ?? []),
-      ...(css.competitors ?? []),
-      ...(css.revenue_signals ?? []),
-      ...(css.technical_mechanisms ?? []),
-    ].slice(0, 8);
-    sigEl.innerHTML = "";
-    if (allSigs.length > 0) {
-      allSigs.forEach((sig) => {
-        const chip = document.createElement("span");
-        chip.className = "source-chip signal-chip";
-        chip.textContent = sig;
-        sigEl.appendChild(chip);
-      });
-      sigEl.hidden = false;
-    } else {
-      sigEl.hidden = true;
-    }
+  renderSignalsGroups(data.concrete_signals_summary ?? {});
+
+  const atr = se.answer_to_retry ?? {};
+  const nextLine = atr.retry_advice ?? "";
+  const nextText = document.getElementById("pitch-next-action-text");
+  if (nextText) {
+    nextText.textContent = nextLine
+      ? (nextLine.endsWith(".") ? nextLine : `${nextLine}.`)
+      : "";
   }
 
+  const whyScoredEl = document.getElementById("score-why-scored");
+  const whatStoppedEl = document.getElementById("score-what-stopped");
+  if (whyScoredEl) whyScoredEl.textContent = explanation.why_you_scored_this ?? "";
+  if (whatStoppedEl) whatStoppedEl.textContent = explanation.what_stopped_80 ?? "";
+
   const setText = (id, text) => {
     const el = document.getElementById(id);
     if (!el) return;
@@ -1149,10 +1616,6 @@ function renderScorecard(data) {
   setText("best-answer", data.best_answer);
   setText("weakest-answer", data.weakest_answer);
 
-  ["improved-answer", "improved-pitch", "best-answer", "weakest-answer"].forEach((id) => {
-    attachShowMore(document.getElementById(id));
-  });
-
   const setRoundBadge = (id, round) => {
     const el = document.getElementById(id);
     if (!el) return;
@@ -1172,7 +1635,6 @@ function renderScorecard(data) {
     const why = data.why_weak ?? "";
     whyWeakEl.textContent = why ? `Why it hurt: ${why}` : "";
     whyWeakEl.hidden = !why;
-    attachShowMore(whyWeakEl);
   }
 
   const list = document.getElementById("top-questions");
@@ -1185,25 +1647,35 @@ function renderScorecard(data) {
     });
   }
 
+  const prepRetryText = document.getElementById("sc-prep-retry-text");
+  if (prepRetryText) {
+    const weakDim = weakest ? formatDimLabel(weakest[0]).toLowerCase() : "your weakest dimension";
+    prepRetryText.textContent = `Your weakest answer was on ${weakDim}. Practice it again?`;
+  }
+
+  const noAnswers = hasNoBattleAnswers(data);
+  const answersEmpty = document.getElementById("answers-empty-state");
+  const answersContent = document.getElementById("answers-content");
+  if (answersEmpty) answersEmpty.hidden = !noAnswers;
+  if (answersContent) answersContent.hidden = noAnswers;
+
   state.scoreExplanation = data.score_explanation ?? null;
 
   const pathBtn = document.getElementById("btn-path-to-80");
-  const hasExplanation = Boolean(state.scoreExplanation);
-  if (pathBtn) pathBtn.hidden = !hasExplanation;
+  if (pathBtn) pathBtn.hidden = !Boolean(state.scoreExplanation);
 
   renderVoiceDelivery(data.voice_delivery);
   renderJudgeVerdict(data.judge_verdict);
   state.judgeVerdict = data.judge_verdict ?? null;
 
-  initResultTabs("pitch-result-tabs", "pitch-result-panels");
-  switchResultTab("pitch-result-tabs", "overview");
-
-  const orb = document.querySelector(".score-orb");
+  const orb = document.querySelector("#screen-scorecard .sc-ring");
   if (orb) {
     orb.classList.remove("score-high", "score-mid", "score-low");
     orb.classList.add(scoreBand(overall));
   }
 
+  activateScorecardTab("overview");
+
   state.scorecardSnapshot = {
     overall,
     overallLabel: data.overall_label ?? "",
@@ -1234,7 +1706,7 @@ function verdictNegotiationCta(label, fallback = "Start Negotiation →") {
 
 function renderJudgeVerdict(verdict) {
   const heroWrap = document.getElementById("judge-verdict-hero");
-  if (!verdict) {
+  if (!verdict || !verdict.interest_level) {
     if (heroWrap) heroWrap.hidden = true;
     return;
   }
@@ -1246,7 +1718,7 @@ function renderJudgeVerdict(verdict) {
   document.getElementById("verdict-persona-badge").textContent = personaLine;
   const badge = document.getElementById("verdict-interest-badge");
   badge.textContent = verdict.interest_label || interest.replaceAll("_", " ");
-  badge.className = `verdict-interest-badge result-verdict-badge interest-${interest}`;
+  badge.className = `sc-verdict-pill interest-${interest}`;
 
   const reactionEl = document.getElementById("verdict-reaction");
   if (reactionEl) {
@@ -1279,25 +1751,9 @@ function renderJudgeVerdict(verdict) {
     btn.addEventListener("click", startDealPhase);
     actions.appendChild(btn);
   } else if (interest === "too_early") {
-    const btn = document.createElement("button");
-    btn.className = "btn btn-secondary";
-    btn.type = "button";
-    btn.textContent = verdictNegotiationCta(verdict.next_step_label, "Practice More — Negotiate Later");
-    btn.addEventListener("click", () => showScreen("setup"));
-    actions.appendChild(btn);
+    /* Footer sc-cta-row handles retry / setup */
   } else if (interest === "no_interest") {
-    const retryBtn = document.createElement("button");
-    retryBtn.className = "btn btn-path80";
-    retryBtn.type = "button";
-    retryBtn.textContent = "View Path to 80+";
-    retryBtn.addEventListener("click", openPath80);
-    actions.appendChild(retryBtn);
-    const newBtn = document.createElement("button");
-    newBtn.className = "btn btn-ghost";
-    newBtn.type = "button";
-    newBtn.textContent = "New Battle";
-    newBtn.addEventListener("click", resetBattle);
-    actions.appendChild(newBtn);
+    /* Footer sc-cta-row handles Path to 80+ and New Battle */
   } else if (interest === "mild_interest" || interest === "strong_interest") {
     if (!verdict.can_continue_to_deal) {
       const btn = document.createElement("button");
@@ -1308,12 +1764,7 @@ function renderJudgeVerdict(verdict) {
       actions.appendChild(btn);
     }
   } else if (verdict.deal_type === "verdict_only") {
-    const gapBtn = document.createElement("button");
-    gapBtn.className = "btn btn-path80";
-    gapBtn.type = "button";
-    gapBtn.textContent = verdict.next_step_label || "View Path to 80+";
-    gapBtn.addEventListener("click", openPath80);
-    actions.appendChild(gapBtn);
+    /* Footer sc-cta-row handles Path to 80+ */
   }
 }
 
@@ -1648,13 +2099,16 @@ function closeNegotiationModal() {
 
 function renderVoiceDelivery(vd) {
   const content = document.getElementById("voice-delivery-content");
+  const section = document.getElementById("voice-delivery-section");
   const tab = document.getElementById("tab-voice-delivery");
   if (!content) return;
   if (!vd || typeof vd !== "object") {
+    if (section) section.hidden = true;
     if (tab) tab.hidden = true;
     content.innerHTML = "";
     return;
   }
+  if (section) section.hidden = false;
   if (tab) tab.hidden = false;
 
   const fillers = (vd.filler_word_list ?? []).slice(0, 6).join(", ") || "None detected";
@@ -1927,8 +2381,30 @@ function openRetryFromPath80() {
 }
 
 document.getElementById("btn-load-sample").addEventListener("click", loadSample);
-document.getElementById("btn-go-setup").addEventListener("click", () => showScreen("startMethod"));
-document.getElementById("btn-back-landing").addEventListener("click", () => showScreen("landing"));
+document.getElementById("btn-load-sample-setup")?.addEventListener("click", loadSample);
+document.getElementById("btn-go-setup").addEventListener("click", () => {
+  resetSetupScreen();
+  showScreen("setup");
+});
+document.getElementById("btn-back-landing").addEventListener("click", () => {
+  resetSetupScreen();
+  showScreen("landing");
+});
+document.getElementById("tab-quick-pitch")?.addEventListener("click", () => setBriefingMode("quick"));
+document.getElementById("tab-advanced-briefing")?.addEventListener("click", () => setBriefingMode("advanced"));
+document.getElementById("btn-structure-pitch")?.addEventListener("click", structurePitch);
+document.getElementById("btn-record-voice-setup")?.addEventListener("click", () => {
+  state.startMode = "voice";
+  showScreen("voicePitch");
+});
+document.getElementById("btn-looks-good-start")?.addEventListener("click", () => {
+  syncBriefToStartupForm();
+  startSession();
+});
+document.getElementById("btn-restructure-pitch")?.addEventListener("click", () => {
+  hideBriefPreview();
+  document.getElementById("quick-pitch-text")?.focus();
+});
 document.getElementById("btn-start-back-landing").addEventListener("click", () => showScreen("landing"));
 
 document.getElementById("btn-start-text").addEventListener("click", () => {
@@ -1945,17 +2421,27 @@ document.getElementById("btn-continue-start").addEventListener("click", () => {
   if (state.startMode === "voice") showScreen("voicePitch");
   else showScreen("setup");
 });
-document.getElementById("btn-voice-pitch-back").addEventListener("click", () => showScreen("startMethod"));
+document.getElementById("btn-voice-pitch-back").addEventListener("click", () => showScreen("setup"));
 document.getElementById("btn-voice-edit-manual").addEventListener("click", () => {
   const form = document.getElementById("voice-extract-form");
   const data = new FormData(form);
-  fillStartupForm(Object.fromEntries(data.entries()));
+  applyVoicePitchToBriefing({
+    extracted: Object.fromEntries(data.entries()),
+    transcript: document.getElementById("voice-confirm-transcript")?.textContent || "",
+    extraction_confidence: "medium",
+  });
+  setBriefingMode("advanced");
   showScreen("setup");
 });
 document.getElementById("btn-voice-looks-right").addEventListener("click", () => {
   const form = document.getElementById("voice-extract-form");
   const data = new FormData(form);
-  fillStartupForm(Object.fromEntries(data.entries()));
+  applyVoicePitchToBriefing({
+    extracted: Object.fromEntries(data.entries()),
+    transcript: document.getElementById("voice-confirm-transcript")?.textContent || "",
+    extraction_confidence: document.getElementById("voice-confirm-confidence")?.textContent?.replace("Confidence: ", "") || "medium",
+    delivery_observations: {},
+  });
   showScreen("setup");
 });
 document.getElementById("btn-voice-turn-send").addEventListener("click", () => {
@@ -1973,11 +2459,15 @@ document.getElementById("btn-voice-turn-send").addEventListener("click", () => {
 document.getElementById("btn-start-battle").addEventListener("click", startSession);
 document.getElementById("btn-end-battle").addEventListener("click", endBattle);
 document.getElementById("btn-reset").addEventListener("click", resetBattle);
-document.getElementById("btn-back-setup").addEventListener("click", () => showScreen("setup"));
+document.getElementById("btn-back-setup")?.addEventListener("click", () => showScreen("setup"));
 document.getElementById("btn-path-to-80").addEventListener("click", openPath80);
 document.getElementById("btn-close-path80").addEventListener("click", closePath80);
 document.getElementById("btn-close-path80-bottom").addEventListener("click", closePath80);
 document.getElementById("btn-retry-question")?.addEventListener("click", openRetryFromPath80);
+document.getElementById("btn-scorecard-retry")?.addEventListener("click", startRetryDrill);
+document.getElementById("btn-prep-retry")?.addEventListener("click", startRetryDrill);
+document.getElementById("btn-answers-retry")?.addEventListener("click", startRetryDrill);
+document.getElementById("btn-answers-new-battle")?.addEventListener("click", resetBattle);
 document.getElementById("path80-overlay").addEventListener("click", (e) => {
   if (e.target === e.currentTarget) closePath80();
 });
@@ -2126,15 +2616,18 @@ function boot() {
   console.log("PitchFight frontend booting...");
   setGlobalLoading(false);
   hideErrorBanner();
+  setBriefingMode("quick");
+  initBriefPreviewEditors();
   initLandingIntro();
+  initScorecardTabs();
 
   initVoiceUI({
     getSessionId: () => state.sessionId,
     getUiMode: () => state.uiMode,
     onPitchComplete: (data) => {
-      state.pendingVoicePitch = data;
       fillVoiceExtractForm(data);
-      showScreen("voiceConfirm");
+      applyVoicePitchToBriefing(data);
+      showScreen("setup");
       hideErrorBanner();
     },
     onTurnComplete: (data) => showVoiceTurnPreview(data),