<!-- SOLID CITY · part 1915 -->
:0 0 7px;color:var(--teal);font:900 10px ui-monospace,monospace;letter-spacing:.12em}.twin-law{margin-top:18px;padding:14px 16px;border-top:1px solid #ffc84a;border-bottom:1px solid #44e1d0;text-align:center;background:linear-gradient(90deg,#ffc84a10,#44e1d010)}.twin-law strong{display:block;color:#fff;font:900 16px/1 ui-monospace,monospace;letter-spacing:.14em;margin-bottom:7px}.twin-law span{display:block;color:#f0e8cc;font-size:12px;line-height:1.45}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#303a48;margin-bottom:17px}.metrics.primary{grid-template-columns:repeat(4,1fr)}.metrics.secondary{grid-template-columns:repeat(5,1fr)}.metric{background:#0d141f;padding:12px 9px}.metric b{display:block;font-size:23px;color:#fff}.metric span{font-size:9px;line-height:1.25;color:#aeb9c7;text-transform:uppercase;letter-spacing:.08em}.best-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:17px;background:#403414}.best-stat{background:#111016;padding:9px}.best-stat b{display:block;color:#ffe4a0;font:900 15px/1 ui-monospace,monospace}.best-stat span{font-size:8px;color:#aeb9c7;text-transform:uppercase;letter-spacing:.08em}.logs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.logs h3{font:800 10px ui-monospace,monospace;letter-spacing:.1em;color:#d6deea;margin:0 0 7px}.log{height:90px;overflow:auto;background:#050910;padding:8px;font:10px/1.55 ui-monospace,monospace;color:#aeb9c8}.log em{color:#fff;font-style:normal}.again{margin-top:17px;font-size:12px}
    @media(max-aspect-ratio:3/4){#game{grid-template-rows:42px minmax(0,1fr)}.views{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.view:first-child{border-right:0;border-bottom:1px solid #344054}.tag,.hud{top:8px}.auto-badge{top:29px}.powerbar{top:28px}.buildbar{top:49px}.indicator{top:24%}.fire-btn{width:70px;height:70px;right:16px;bottom:15px}.metrics,.metrics.primary,.metrics.secondary,.best-strip{grid-template-columns:1fr 1fr}.logs{grid-template-columns:1fr}.debrief-card{padding:17px}.intro{padding:18px}.pilot-key{grid-template-columns:1fr 1fr}.mission{display:none}.objective{max-width:135px;font-size:8px}.speedometer{min-width:70px;font-size:7px}.speedometer b{font-size:10px}}
    @media(max-width:420px){.command{gap:6px}.wave{display:none}.flight-state{min-width:62px;padding-inline:4px;font-size:7px}.arm{font-size:8px}.arm input{width:29px;height:17px}.arm input:after{width:11px;height:11px}.arm input:checked:after{left:14px}.objective{max-width:105px}.speedometer{min-width:58px}.speedometer 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>
    </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" 