<!-- SOLID CITY · part 2001 -->
umns:66px 72px 1fr;gap:6px}.task{grid-column:2/4;text-align:left}.screen-head{padding:7px 9px}}
    @media(max-width:900px) and (orientation:landscape){.topbar{min-height:52px;padding:6px 10px}.battlefield{min-height:calc(100svh - 52px)}.screen{grid-template-rows:auto minmax(180px,1fr) auto}.view{min-height:180px}.screen-head{padding:6px 8px}.commands{padding:5px 6px}.orders{gap:3px}.orders button{min-height:36px;font-size:8px}.pilot{grid-template-columns:repeat(3,44px);gap:3px}.pilot button{min-height:36px;font-size:8px}.selected{bottom:5px}.objective{top:5px}}
    @media(max-width:560px){.topbar{gap:6px}.mission strong{font-size:11px}.mission small{font-size:9px}.stat-open{font-size:0}.stat-open::after{content:"STATS";font-size:10px}.mode{font-size:10px}.scoreboard{grid-template-columns:1fr 1fr}.sheet{padding-left:10px;padding-right:10px}.start-overlay{place-items:start center;padding-left:12px;padding-right:12px}.start-card{padding:24px 20px}.start-card h1{font-size:38px}.start-brief{font-size:14px}.start-grid{grid-template-columns:1fr;gap:20px;margin:20px 0;padding:18px 0}.start-grid li{font-size:12px}.launch{min-height:54px}}
    .summit-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 14px;background:linear-gradient(90deg,rgba(60,40,5,.92),rgba(5,40,36,.92));border-bottom:1px solid var(--gold);color:var(--ink);font:800 12px/1.35 "Arial Narrow","Aptos Narrow",sans-serif;letter-spacing:.09em;text-transform:uppercase;text-align:center}
    .summit-bar[hidden]{display:none}
    .summit-choices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
    .summit-choices[hidden]{display:none}
    .summit-choices button{min-height:48px;padding:8px 16px;background:var(--button);border:1px solid var(--gold);border-radius:7px;font-weight:900;font-size:11px;letter-spacing:.07em;color:var(--ink);cursor:pointer}
    .summit-choices button small{display:block;margin-top:3px;font-weight:600;font-size:9px;color:var(--muted);letter-spacing:.03em;text-transform:none}
    .summit-choices button.danger{border-color:var(--danger)}
    .summit-choices button:active{background:var(--gold);color:#14110a}
    .debt{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--gold)}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
  </style>
</head>
<body>
  <div class="start-overlay" id="startOverlay" role="dialog" aria-modal="true" aria-labelledby="startTitle">
    <div class="start-card">
      <div class="start-mark">MERIDIAN BEACON MISSION</div>
      <h1 id="startTitle">FLEET CONTROL</h1>
      <p class="start-brief">Two commanders. Four ships each. <strong>Gold squadron</strong> and <strong style="color:var(--teal)">teal squadron</strong> share one battlefield. Lead your squadron, keep your ships alive, and complete the mission.</p>
      <div class="start-grid">
        <section aria-labelledby="controlsTitle"><h2 id="controlsTitle">CONTROLS</h2><ul><li>Tap a ship to take its helm.</li><li>Use formation, attack, and defend orders to direct your squadron.</li><li>The AI yields any ship you take; tap YIELD to hand it back safely.</li></ul></section>
        <div class="config"><h2>COMMANDERS</h2><label for="mode">Choose who leads the two squadrons</label><select id="mode" class="mode" aria-label="Commander configuration"><option value="human">HUMAN + AI</option><option value="auto">AI + AI</option></select></div>
      </div>
      <button class="launch" id="launch">LAUNCH FLEET</button>
      <a class="city-back" href="../?back=strike">← back to Solid City</a>
    </div>
  </div>
  <header class="topbar">
    <div class="mission"><strong>Mission · Hold the Meridian Beacon</strong><small id="missionLine">First squadron to secure 100% control wins.</small></div>
    <button class="pause-trigger" id="pauseTrigger" aria-label="Pause battle" hidden>PAUSE</button>
    <button class="stat-open" id="statsOpen">LIVE STATS</button>
  </header>
  <div class="summit-bar" id="summitBar" hidden><span id="summitText"></span><div class="summit-choices" id="summitChoices" hidden><button type="button" data-summit-choice="anchor" class="danger">ANCHOR ONE SHIP<small>sacrifice one · end the storm</small></button><button type="button" data-summit-choice="hold">HOLD THE OCTAGON<small>no sacrifice · face the last wave</small></button></div></div>
  <main class="battlefield">
    <section class="screen gold" data-team="gold">
      <div class="screen-head"><b>GOLD SQUADRON · SCREEN 1</b><span class="health" id="goldHealth">4 ships combat-ready</span><span class="signal">LINK GOOD</span></div>
      <div class="view"><canvas id="goldCanvas" aria-label="Gold Squadron tactical view"></canvas><div class="objective"><span>BEACON</span><div class="meter"><i id="goldMeter"></i></div><span id="goldProgress">0%</span></div><div class="selected" id="goldSelected"><strong>Tap a Gold fighter<