<!-- SOLID CITY · part 1930 -->
el').addEventListener('click',function(){var next=levelBeat.dataset.next;if(next==='depthComplete'){transitioning=false;running=true;endRun()}else enterLevel(Number(next))});document.querySelector('#again').addEventListener('click',begin);
  init();running=false;requestAnimationFrame(frame);
})();
</script>
<style>body[data-orient="portrait"] .views{grid-template-columns:1fr;grid-template-rows:1fr 1fr}body[data-orient="portrait"] .view:first-child{border-right:0;border-bottom:1px solid #344054}body[data-orient="landscape"] .views{grid-template-columns:1fr 1fr;grid-template-rows:none}body[data-orient="landscape"] .view:first-child{border-right:1px solid #344054;border-bottom:0}</style><script>(function(){function o(){var vv=window.visualViewport,_w=vv?vv.width:window.innerWidth,_h=vv?vv.height:window.innerHeight;document.body.dataset.orient=_h>=_w?"portrait":"landscape"}window.addEventListener("resize",o);window.addEventListener("orientationchange",o);if(window.visualViewport)visualViewport.addEventListener("resize",o);o();})();</script><style>*{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}</style></body>
</html>


===== FILE: public/city/double-strike/index.html.bak-orient-20261011 =====
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
  <meta name="color-scheme" content="light dark" />
  <link rel="icon" href="data:," />
  <title>Double Strike</title>
  <style>
    :root{
      color-scheme:light dark;
      --void:#05070c;--panel:#0b1019;--ink:#f7f2dc;--muted:#b4bcc8;
      --gold:#ffc84a;--gold2:#ff8c24;--teal:#44e1d0;--red:#ff5b66;--line:#293344;
    }
    @media (prefers-color-scheme:light){:root{--ink:#fff8de;--muted:#c7ced8}}
    *{box-sizing:border-box}
    html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--void);font-family:"Trebuchet MS",ui-sans-serif,system-ui,sans-serif;color:var(--ink);touch-action:none;overscroll-behavior:none}
    button{font:inherit}
    #game{position:fixed;inset:0;display:grid;grid-template-rows:42px minmax(0,1fr);background:#02040a}
    .command{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:14px;padding:env(safe-area-inset-top) 12px 0;min-width:0;background:linear-gradient(180deg,#111722,#080c13);border-bottom:1px solid #263044;box-shadow:0 1px 10px #000}
    .clock{font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#dce3eb;min-width:42px;text-align:center}
    .wave{font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.09em}
    .objective{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff4cf;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
    .speedometer{display:none;min-width:92px;color:#d9e5ef;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.speedometer.show{display:block}.speedometer b{color:var(--gold);font-size:12px}.speedometer i{display:inline-block;width:34px;height:3px;margin-left:5px;background:#263244;vertical-align:middle}.speedometer i:after{content:"";display:block;width:var(--speed,0%);height:100%;background:var(--teal);box-shadow:0 0 7px var(--teal)}
    .arm{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none;font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#aeb8c6}
    .arm input{appearance:none;-webkit-appearance:none;width:35px;height:19px;margin:0;border:1px solid #506074;border-radius:10px;background:#121824;position:relative;cursor:pointer;transition:.18s}
    .arm input:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#8490a0;transition:.18s}
    .track{display:none}
    .mission{font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#f6e7b8;white-space:nowrap}
    .flight-state{min-width:82px;padding:4px 7px;border:1px solid #516073;color:var(--muted);background:#090e16;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-align:center;transition:.18s}
    .flight-state.formation{color:var(--teal);border-color:#44e1d077;box-shadow:0 0 12px #44e1d020}.flight-state.separation{color:#ffd98a;border-color:#ffc84a66}.flight-state.reunion{color:#fff;border-color:#fff2a8;box-shadow:0 0 18px #fff2a855}
    .arm input:checked{border-color:var(--gold);background:#4a2c05;box-shadow:0 0 12px #ffbd2a55}
    .arm input:checked:after{left:18px;background:var(--gold)}
    .arm input:checked~.armtext{color:var(--gold)}
    .views{display:grid;grid-template-columns:1fr 1fr;min-width:0;min-height:0;position:relative}
    .view{position:relative;overflow:hidden;min-width:0;min-height:0;background:#03060c;is