Refactor ship control layers and update docs

src/style.css

@@ -331,6 +331,65 @@ button:disabled {
   color: var(--muted);
 }
 
+.debug-history {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-right: 4px;
+}
+
+.debug-history-ship {
+  border: 1px solid rgba(126, 212, 255, 0.12);
+  border-radius: 14px;
+  padding: 10px 12px;
+  background: rgba(8, 17, 33, 0.55);
+}
+
+.debug-history-ship[data-selected="true"] {
+  border-color: rgba(255, 191, 105, 0.4);
+}
+
+.debug-history-title {
+  margin: 0 0 8px;
+  color: var(--text);
+  font-size: 0.82rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.debug-history-summary {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 4px;
+  margin-bottom: 10px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  background: rgba(126, 212, 255, 0.08);
+  color: var(--muted);
+  font-size: 0.78rem;
+  line-height: 1.4;
+}
+
+.debug-history-summary strong {
+  color: var(--text);
+  font-weight: 600;
+}
+
+.debug-history-entry {
+  color: var(--muted);
+  font-size: 0.78rem;
+  line-height: 1.45;
+  white-space: pre-wrap;
+}
+
+.debug-history-empty {
+  color: var(--muted);
+  font-size: 0.82rem;
+}
+
 .window-resize-handle {
   position: absolute;
   right: 10px;