<!-- SOLID CITY · part 2906 -->
 id="crewSplit">0 human · 4 AI</b></div>
      </div>
    </section>

    <div class="layout">
      <section class="battle-wrap" aria-label="Rescue mission battlefield">
        <canvas id="battle" width="960" height="600" aria-label="The rescue vessel moving through debris, interceptors, unstable zones, and escape pods"></canvas>
        <div class="hud-top">
          <div class="meter" id="shipMeter"><span><b>Vessel</b><em id="shipVal">100%</em></span><div class="bar"><i id="shipBar" style="width:100%"></i></div></div>
          <div class="meter gold"><span><b>Shield</b><em id="shieldVal">100%</em></span><div class="bar"><i id="shieldBar" style="width:100%"></i></div></div>
          <div class="meter" id="podMeter"><span><b>Cargo pod</b><em id="podVal">None</em></span><div class="bar"><i id="podBar" style="width:0%"></i></div></div>
        </div>
        <div class="advisory" id="advisory"><strong>AI crew</strong> Corridor scan complete. Three life signs located.</div>
        <div class="start-screen" id="startScreen">
          <div class="start-card">
            <h1>Bring them home.</h1>
            <p>Three pilots are adrift beyond the debris belt. Stabilize each pod, bring it aboard, and protect every life on the run to the blue rescue gate.</p>
            <button class="primary" id="launchBtn">Launch rescue</button>
          </div>
        </div>
        <div class="result" id="result">
          <div><h2 id="resultTitle">Mission complete</h2><p id="resultCopy"></p><button class="primary" id="againBtn">Fly again</button></div>
        </div>
      </section>

      <aside class="station-panel" aria-label="Control stations">
        <div class="panel-head"><h2>Flight stations</h2><div class="hint">Tap to claim<br>Tap again to release</div></div>
        <div class="stations" id="stations">
          <button class="station" data-task="navigation" data-owner="ai"><span class="epoch">E1</span><div class="station-name">Navigation</div><div class="owner">AI pilot</div><div class="station-note">Steering, thrust, precision approach</div></button>
          <button class="station" data-task="extraction" data-owner="ai"><span class="epoch">E1</span><div class="station-name">Extraction</div><div class="owner">AI operator</div><div class="station-note">Stabilize, tractor lock, recover</div></button>
          <button class="station" data-task="protection" data-owner="ai"><span class="epoch">E1</span><div class="station-name">Protection</div><div class="owner">AI gunner</div><div class="station-note">Point defense and shield pulse</div></button>
          <button class="station" data-task="support" data-owner="ai"><span class="epoch">E1</span><div class="station-name">Support</div><div class="owner">AI engineer</div><div class="station-note">Repairs, life-support, warnings</div></button>
        </div>
        <div class="controls" id="controls">
          <div class="controls-empty" id="controlEmpty">The AI crew holds all stations. Claim one above to take direct control without interrupting the others.</div>
          <div class="control-group" data-controls="navigation"><div class="control-title">Your helm · arrows / WASD</div><div class="nav-pad"><button class="control-btn up" data-move="up">▲</button><button class="control-btn left" data-move="left">◀</button><button class="control-btn boost" data-move="boost">Thrust</button><button class="control-btn right" data-move="right">▶</button><button class="control-btn down" data-move="down">▼</button></div></div>
          <div class="control-group" data-controls="extraction"><div class="control-title">Your recovery rig</div><div class="control-row two"><button class="control-btn" id="stabilizeBtn">Stabilize pod</button><button class="control-btn" id="tractorBtn">Tractor lock</button></div></div>
          <div class="control-group" data-controls="protection"><div class="control-title">Your defense console</div><div class="control-row two"><button class="control-btn" id="fireBtn">Point defense</button><button class="control-btn" id="pulseBtn">Shield pulse</button></div></div>
          <div class="control-group" data-controls="support"><div class="control-title">Your engineering deck</div><div class="control-row two"><button class="control-btn" id="repairBtn">Repair vessel</button><button class="control-btn" id="lifeBtn">Boost life-support</button></div></div>
        </div>
        <div class="mission-state">
          <div class="count"><b id="rescuedCount">0</b><span>Rescued</span></div>
          <div class="count"><b id="remainingCount">3</b><span>Remaining</span></div>
          <div class="count"><b id="riskCount">0</b><span>At risk</span></div>
          <div class="count"><b id="lostCount">0</b><span>Lost</span></div>
        </div>
      </aside>
    </div>

    <div class="lower">
      <details open>
        <summary>Mission STATS · recorded events</summary>
        <div class="stats-grid">
          <div class=