<!-- SOLID CITY · part 3425 -->
r;gap:8px}
.stats div{background:#140c10;border:1px solid #5a1a1f;border-radius:12px;padding:8px 10px}
.stats b{display:block;font:900 24px/1.1 RC,ui-monospace,monospace;color:#fff}.stats span{font-size:10px;letter-spacing:.18em;color:#b9aeb8}
#r-save{text-align:center;margin:10px 0 6px;font-size:12px;letter-spacing:.1em;color:#f6dc8e;min-height:15px}
.lb{list-style:none;margin:0;padding:0;font-size:14px}
.lb li{display:flex;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid #2a171c}
.lb li b{width:22px;color:#e8c36a}.lb li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb li i{font-style:normal;font-family:ui-monospace,monospace}.lb li em{font-style:normal;color:#9fffbf;width:30px;text-align:right}
.lb li.me{background:#3a0a14;border-radius:8px}.lb li.dim{color:#8d8392;justify-content:center}
.acts{display:flex;gap:8px;margin-top:14px}
.acts a,.acts button{flex:1;min-height:52px;border-radius:14px;border:2px solid #e8c36a;font:900 15px/1.1 RC,system-ui;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;text-align:center;padding:0 8px}
.acts a{background:linear-gradient(180deg,#f3d27a,#b8862a);color:#140805}.acts button{background:linear-gradient(180deg,#ff3048,#a30d1d);color:#fff}
</style>
</head>
<body data-phase="loading">
<canvas id="gl"></canvas>

<div id="load">
  <div class="crest">✦</div>
  <div class="kicker">SOLID CITY</div>
  <h1>SPACE MISSION</h1>
  <p>Your ship waits on the Hangar pad. Blast off through the clouds, hit the alien fleet down, re-enter through the flames and park back home.</p>
  <div class="steps"><span>JUMP IN</span><span>FLY</span><span>SHOOT</span><span>GO HOME</span><span>PARK</span></div>
  <div class="bar"><i id="load-bar"></i></div>
  <div id="load-msg">Loading…</div>
  <label class="cs">CALLSIGN <input id="callsign" maxlength="16" placeholder="PILOT" autocomplete="off" autocapitalize="characters" spellcheck="false"></label>
  <button type="button" id="jump" class="big" disabled>JUMP IN</button>
  <div class="keys" id="keys"></div>
  <a class="back" id="load-back" href="/city/?auto&amp;at=hangar">← back to Solid City</a>
</div>

<div id="hud" hidden>
  <div class="ovl" id="h-cloud"></div><div class="ovl" id="h-heat"></div><div class="ovl" id="h-hurt"></div>
  <div id="h-markers"></div>
  <div id="h-reticle" hidden></div><div id="h-lock" hidden></div>
  <div class="top">
    <div class="row">
      <a class="ib" id="h-exit" href="/city/?auto&amp;at=hangar" aria-label="Back to Solid City">✕</a>
      <div class="pill obj"><b id="h-obj">READY</b><span>SPACE MISSION</span></div>
      <div class="pill"><b id="h-time">0:00.0</b><span>TIME</span></div>
      <button type="button" class="ib" id="h-mute" aria-label="Sound on">🔊</button>
    </div>
    <div class="row">
      <div class="pill meter" id="m-sh"><span>SHIELDS</span><div class="mb"><i id="h-shield"></i></div></div>
      <div class="pill meter" id="m-bo"><span>BOOST</span><div class="mb"><i id="h-boost"></i></div></div>
      <div class="pill kills"><b id="h-kills">0/17</b><span>ALIENS DOWN</span></div>
    </div>
  </div>
  <div id="h-mother" hidden>MOTHERSHIP<div class="mb"><i id="h-mbar"></i></div></div>
  <div id="h-banner" hidden><b id="h-bt"></b><span id="h-bs"></span></div>
  <div id="h-speedo">
    <svg viewBox="0 0 132 70" aria-hidden="true"><path d="M10 66 A56 56 0 0 1 122 66" fill="none" stroke="rgba(255,255,255,.14)" stroke-width="8" stroke-linecap="round"/><path id="h-arc" d="M10 66 A56 56 0 0 1 122 66" fill="none" stroke="url(#sg)" stroke-width="8" stroke-linecap="round" pathLength="100" stroke-dasharray="100" stroke-dashoffset="100"/><defs><linearGradient id="sg"><stop offset="0" stop-color="#e8c36a"/><stop offset=".5" stop-color="#ff7a1a"/><stop offset="1" stop-color="#ff3048"/></linearGradient></defs></svg>
    <div class="num" id="h-spd">0</div><div class="u">KM/H</div><div id="h-alt">ALT 22 m</div>
  </div>
  <div id="h-count" hidden></div>
  <div id="stick" hidden><i></i></div>
  <button type="button" class="btn" id="b-boost" hidden><span>BOOST</span></button>
  <button type="button" class="btn" id="b-fire" hidden>FIRE</button>
  <button type="button" class="btn" id="b-launch" hidden>LAUNCH</button>
  <div id="h-perf" hidden></div>
</div>

<div id="result" hidden>
  <div class="card scroll">
    <div class="k">MISSION COMPLETE</div>
    <h2>PARKED AT THE HANGAR</h2>
    <div id="r-title"></div>
    <div class="stats">
      <div><b id="r-time">0:00.0</b><span>TIME</span></div>
      <div><b id="r-kills">0</b><span>ALIENS DOWN</span></div>
      <div><b id="r-top">0</b><span>TOP SPEED</span></div>
      <div><b id="r-hits">0</b><span>HITS TAKEN</span></div>
    </div>
    <div id="r-save"></div>
    <ol class="lb" id="r-board"></ol>
    <div class="acts"><a id="r-city" href="/city/?auto&amp;at=hangar">BACK TO THE CITY</a><button type="button" id="r-again">F