<!-- SOLID CITY · part 2291 -->

  <canvas id="sc-gl"></canvas>

  <div id="sc-boot" class="sc-boot">
    <div class="sc-crest">✦</div>
    <h1>SOLID CITY</h1>
    <p>The King's capital on a volcanic island chain. Walk the plaza, talk to SABLE, launch a ship and fly as far as the ocean goes.</p>
    <button type="button" id="sc-enter" class="sc-big">ENTER THE CITY</button>
    <a id="sc-double-strike" href="/city/double-strike/" style="display:block;margin:10px auto 0;max-width:420px;color:#0a0a0a;background:linear-gradient(180deg,#ffe9a8,#e8c36a);font:700 15px/1.4 system-ui,sans-serif;text-decoration:none;border-radius:12px;padding:10px 18px;border:1px solid #8a6d2f">🚀🚀 DOUBLE STRIKE — fly with the AI</a>
    <a id="sc-double-strike-dl" href="/city/double-strike/" download="double-strike.html" style="display:block;margin:6px auto 0;max-width:420px;color:#8a7a5a;font:600 12px/1.4 system-ui,sans-serif;text-decoration:underline">⬇ download the game — keep your own copy</a>
    <a id="sc-webrtc-test" href="/city/webrtc-lock-test.html" style="display:block;margin:10px auto 0;max-width:420px;color:#8a7a8a;font:600 12px/1.4 system-ui,sans-serif;text-decoration:underline">WEBRTC LOCK TEST — isolated experiment: does voice survive screen lock?</a>
    <a id="sc-aiview-link" href="/city/see" style="display:block;margin:10px auto 0;color:#bff8ff;font:600 13px/1.4 system-ui,sans-serif;text-decoration:underline">🤖 AI VIEW: no JavaScript? See the city as live pictures + text at /city/see</a>
    <div class="sc-load" id="sc-load">Loading…</div>
    <a class="sc-back" href="/">← back to epistles</a>
  </div>

  <div id="sc-hud" hidden>
    <div class="sc-top">
      <div class="sc-stat"><b id="h-mode">ON FOOT</b><span id="h-where">FORUM PLAZA</span></div>
      <div class="sc-stat"><b id="h-spd">0</b><span>KM/H</span></div>
      <div class="sc-stat"><b id="h-alt">0</b><span>ALT M</span></div>
      <div class="sc-stat"><b id="h-dist">0.0</b><span>KM TO CITY</span></div>
      <a class="sc-exit" href="/" title="Leave Solid City">✕</a>
    </div>
    <canvas id="sc-radar" width="240" height="240"></canvas>
    <div class="sc-warn" id="h-warn" hidden></div>
    <div class="sc-thr" id="sc-thr" hidden><div class="sc-thr-fill" id="sc-thr-fill"></div><span>THR</span></div>
    <div class="sc-btns" id="sc-fbtns" hidden>
      <button type="button" class="sc-b" id="b-boost">BOOST</button>
      <button type="button" class="sc-b is-on" id="b-level">AUTO-LEVEL</button>
      <button type="button" class="sc-b" id="b-rtc">RETURN TO CITY</button>
      <button type="button" class="sc-b sc-gold" id="b-land" hidden>LAND</button>
    </div>
    <button type="button" id="sc-act" class="sc-act" hidden></button>
    <button type="button" id="sc-launch" class="sc-launch" hidden>LAUNCH</button>
    <div id="sc-count" class="sc-count" hidden></div>
    <div id="sc-stick" class="sc-stick"><i></i></div>
    <div id="sc-help" class="sc-help"></div>
    <div id="sc-perf" class="sc-perf" hidden></div>
  </div>

  <div id="sc-talk" class="sc-talk" hidden>
    <div class="sc-talk-h"><b>SABLE</b><span>Forum Plaza · AI guide</span><button type="button" id="t-close" aria-label="Close">✕</button></div>
    <div id="t-settings" hidden>
    <div class="sc-voice-speed"><span>VOICE</span><button type="button" id="vs-fast" aria-pressed="true">FAST</button><button type="button" id="vs-slow" aria-pressed="false">SLOW</button></div>
    <div class="sc-receive"><span>RECEIVE</span><button type="button" id="rc-text" aria-pressed="false">TEXT</button><button type="button" id="rc-audio" aria-pressed="false">AUDIO</button><button type="button" id="rc-both" aria-pressed="true">BOTH</button></div></div>
    <div class="sc-talk-log" id="t-log"></div>
    <div class="sc-talk-login" id="t-login" hidden>Talking to SABLE needs an epistles account. <a href="/login">Log in</a> or <a href="/register">register</a>, then come back to /city.</div>
    <form class="sc-talk-in" id="t-form">
      <button type="button" id="t-ptt" class="sc-ptt" title="Hold to talk">🎙</button>
      <input id="t-msg" maxlength="400" placeholder="Say something to SABLE…" autocomplete="off">
      <button type="submit" id="t-send">SEND</button><button type="button" id="t-gear" class="sc-sbtn" title="Settings">⚙</button>
    </form>
  </div>

  <div id="sp-talk" class="sc-talk sp-talk" hidden>
    <div class="sc-talk-h"><b>SOUL PRINT</b><span id="sp-status">Soul Print Tower · <i class="sp-live">LIVE</i></span><button type="button" id="sp-close" aria-label="Close">✕</button></div>
    <div class="sp-tabs" role="tablist"><button type="button" role="tab" id="sp-tab-talk" class="on" aria-selected="true">TALK <small>private · AI</small></button><button type="button" role="tab" id="sp-tab-wall" aria-selected="false">CHECK-INS <small>shared · wall 2</small></button><button type="button" id="sp-close2" class="sp-close2" aria-label="Close">✕</button></div>
    <div class="sc-talk-log" id="sp-log"></div>
   