<!-- SOLID CITY · part 3185 -->
v class="meter danger"><i id="fleetMeter"></i></div></div>
    <div class="readout"><span class="label">Siege clock</span><span class="value" id="siegeClock">00:00</span></div>
  </header>

  <main class="battle-layout">
    <section class="viewport" aria-label="Asteroid fortress battlefield">
      <canvas id="battle" aria-label="Interactive siege battlefield. Tap an enemy to target it when you hold Bombardment or Wings."></canvas>
      <div class="phase-ribbon"><b id="phaseLabel">PHASE 1 · SILENCE THE RING</b><span id="phaseText">Destroy all outer turrets before the fleet is broken.</span></div>
      <div class="target-hint">TAP ENEMY TO DESIGNATE TARGET</div>
      <div class="advisory" id="advisory"><strong>ADMIRAL VELA:</strong> Outer ring acquired. I can hold bombardment unless you claim it.</div>
    </section>

    <aside class="command-panel" aria-label="Command ownership">
      <div class="signal-bar"><span class="signal"><i class="dot" id="signalDot"></i><b id="signalText">LINK NOMINAL</b></span><span id="epochReadout">4 TASKS · EPOCH 1</span></div>

      <article class="station" id="station-fleet">
        <div class="station-head"><div><div class="station-name">FLEET COMMAND</div><div class="owner">AI · ADMIRAL RHEA</div></div><button class="claim" data-task="fleet">TAKE CONTROL</button></div>
        <div class="station-body"><div class="station-desc">Capital ship positioning and evasive maneuver.</div><div class="controls" data-controls="fleet"></div></div>
      </article>
      <article class="station" id="station-bombard">
        <div class="station-head"><div><div class="station-name">BOMBARDMENT</div><div class="owner">AI · ADMIRAL VELA</div></div><button class="claim" data-task="bombard">TAKE CONTROL</button></div>
        <div class="station-body"><div class="station-desc">Slow siege cannons. Designate, then fire.</div><div class="controls" data-controls="bombard"></div></div>
      </article>
      <article class="station" id="station-wings">
        <div class="station-head"><div><div class="station-name">WINGS</div><div class="owner">AI · MARSHAL KITE</div></div><button class="claim" data-task="wings">TAKE CONTROL</button></div>
        <div class="station-body"><div class="station-desc">Fast strike craft. Fragile under concentrated fire.</div><div class="controls" data-controls="wings"></div></div>
      </article>
      <article class="station" id="station-aegis">
        <div class="station-head"><div><div class="station-name">AEGIS</div><div class="owner">AI · WARDEN SOL</div></div><button class="claim" data-task="aegis">TAKE CONTROL</button></div>
        <div class="station-body"><div class="station-desc">Point defense and fleet shielding.</div><div class="controls" data-controls="aegis"></div></div>
      </article>
    </aside>
  </main>

  <footer class="bottom">
    <nav class="tabs" aria-label="Panels"><button class="tab" data-drawer="mission">MISSION</button><button class="tab" data-drawer="stats">STATS</button><button class="tab" data-drawer="events">EVENTS</button></nav>
    <div class="ticker" id="ticker">Coordination law active · AI commands are rejected the instant you claim a station.</div>
  </footer>
</div>

<section class="drawer" id="drawer" aria-live="polite"><div class="drawer-head"><h2 id="drawerTitle">Mission</h2><button class="close" aria-label="Close panel">×</button></div><div class="drawer-content" id="drawerContent"></div></section>

<div class="overlay" id="intro">
  <div class="brief">
    <div class="eyebrow">CAPSTONE ASSAULT · FORTRESS KHEIRON</div>
    <h1>BREAK THE<br>FORTRESS.</h1>
    <p>Four AI admirals are already at their stations. Claim any command with one tap; they yield instantly and continue fighting everywhere else. Break the fortress in three escalating phases before your fleet collapses.</p>
    <div class="orders"><div class="order"><b>01 · TURRETS</b><span>Silence the outer ring.</span></div><div class="order"><b>02 · SHIELDS</b><span>Destroy four generators.</span></div><div class="order"><b>03 · CORE</b><span>Open the breach.</span></div></div>
    <button class="begin" id="begin">BEGIN SIEGE</button>
    <div class="sub">Tap a station to claim it. Tap the battlefield to designate a target.</div>
  </div>
</div>

<div class="overlay hidden" id="ending"><div class="brief"><div class="eyebrow" id="endEyebrow">SIEGE COMPLETE</div><h1 id="endTitle">FORTRESS<br>BREACHED.</h1><p id="endCopy"></p><div class="end-actions"><button class="primary" id="restart">RUN AGAIN</button><button id="endStats">VIEW STATS</button></div></div></div>
      <a href="/city/?back=strike" style="display:inline-block;margin:10px 0 0 10px;padding:12px 22px;border:2px solid #c99a3a;border-radius:10px;color:#ffd27a;font:700 14px system-ui,sans-serif;text-decoration:none">← RETURN TO SOLID CITY</a>

<script>
(function(){
  'use strict';
  var canvas=document.getElementById('battle'),ctx=canvas.getContext('2d');
  var DPR=Mat