<!-- SOLID CITY · part 1951 -->
 i{width:24px}.pilot-key{grid-template-columns:1fr}.intro p{font-size:13px}.crest{height:48px}h1{margin-top:8px}.scoreboard-head{grid-template-columns:1fr}.final-score{text-align:left}.logs{display:none}.metric b{font-size:20px}.powerbar{right:8px;gap:3px}.power{min-width:32px;padding:3px;font-size:7px}.buildbar{right:8px;font-size:7px}.fire-btn{width:66px;height:66px;font-size:10px}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important}.new-best{animation:none!important}}
  </style>
</head>
<body>
  <main id="game">
    <div class="command">
      <span class="mission">SURVIVE TOGETHER. RETURN TOGETHER.</span>
      <span class="wave" id="waveText">LEVEL 1 · SOLIDIVISM</span>
      <span class="objective" id="objective">SOLIDIVISM · 0 / 16</span>
      <span class="flight-state formation" id="flightState">FORMATION</span>
      <span class="speedometer" id="speedometer"><b id="speedValue">000</b> / 340 <i id="speedBar"></i></span>
      <label class="arm"><input id="arm" type="checkbox" aria-label="Arm emergency collision assistance"><span class="track"></span><span class="armtext">EVADE ASSIST</span></label>
      <span class="clock" id="clock">00:00</span>
      <button class="pause-toggle" id="pauseToggle" type="button" aria-label="Pause game" hidden>Ⅱ</button>
    </div>
    <section class="views">
      <div class="view human" id="view0"><canvas aria-label="Human pilot battlefield view"></canvas><div class="tag">YOU</div><div class="hud"><span class="score" id="score0">0000</span><span class="hull"><i id="hull0"></i></span></div><div class="auto-badge" id="auto0">AUTO</div><div class="powerbar" id="powers0"></div><div class="buildbar" id="build0"><b>H0</b> C0 T0 B0</div><div class="altitude-meter" id="alt0" aria-label="Human ship altitude"><span data-band="1">ABOVE</span><span data-band="0">ALONGSIDE</span><span data-band="-1">BELOW</span></div><div class="indicator" id="ind0"></div><div class="stick"><b></b></div><button class="fire-btn" id="fire" aria-label="Hold to fire manually">FIRE<small>HOLD</small></button><div class="center-mark"></div></div>
      <div class="view ai" id="view1"><canvas aria-label="AI pilot battlefield view"></canvas><div class="tag">AI</div><div class="hud"><span class="score" id="score1">0000</span><span class="hull"><i id="hull1"></i></span></div><div class="auto-badge" id="auto1">AUTO</div><div class="powerbar" id="powers1"></div><div class="buildbar" id="build1"><b>H0</b> C0 T0 B0</div><div class="altitude-meter" id="alt1" aria-label="AI ship altitude"><span data-band="1">ABOVE</span><span data-band="0">ALONGSIDE</span><span data-band="-1">BELOW</span></div><div class="indicator" id="ind1"></div><div class="stick"><b></b></div><div class="center-mark"></div></div>
    </section>
  </main>

  <section class="pause-menu" id="pauseMenu" hidden aria-modal="true" role="dialog" aria-labelledby="pauseTitle">
    <div class="pause-card">
      <h2 id="pauseTitle">PAUSED</h2>
      <div class="pause-actions">
        <button id="resumeGame" type="button">RESUME</button>
        <a href="/city/?back=strike">QUIT TO CITY</a>
      </div>
    </div>
  </section>

  <section class="intro" id="intro">
    <div class="intro-card">
      <div class="crest"></div>
      <h1>Double Strike</h1>
      <div class="doctrine-name">SOLIDIVISM<span>THE FIRST GAME OF SOLIDIVISM</span></div>
      <p><strong>FIVE STAGES. ONE SHARED FLIGHT.</strong><br>Make both ships solid, master speed, expand the battlefield, bring every earned ability home, then break into depth. Drag YOU with one thumb and hold FIRE with the other.</p>
      <div class="pilot-key"><div class="pk1"><strong>SHIP ONE · GOLD</strong><span>Drag anywhere to steer. Hold FIRE for manual shots.</span></div><div class="pk2"><strong>SHIP TWO · TEAL</strong><span>AI flies and collects power-ups. Drag its view to take over.</span></div></div>
      <button class="launch" id="launch">LAUNCH</button>
    </div>
  </section>

  <section class="level-beat" id="levelBeat" hidden>
    <div class="level-card" id="levelCard">
      <div class="level-no" id="levelNo">LEVEL 1</div>
      <h2 id="levelTitle">Solidivism</h2>
      <p id="levelCopy">The doctrine of solidity: experience makes each fragile ship SOLID — unbreakable and whole — through plating, cannons, thrusters, and biological adaptations.</p>
      <button class="launch" id="continueLevel">BEGIN SOLIDIVISM</button>
    </div>
  </section>

  <section class="debrief" id="debrief" hidden aria-live="polite">
    <div class="debrief-card">
      <div class="scoreboard-head">
        <div><div class="scoreboard-kicker" id="outcome">MISSION COMPLETE</div><h2>Final scoreboard</h2><div class="result" id="result"></div></div>
        <div class="final-score"><span>FINAL SCORE</span><b id="mScore">00000</b><div class="new-best" id="newBest">NEW BEST</div><div class="score-formula">KILLS × 100 · RESCUES × 300<br>REUNIONS × 200 · LEVEL × 1,000</div