Add local bot practice mode

styles.css

@@ -89,6 +89,33 @@ button {
   gap: 12px;
 }
 
+.mode-row {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.mode-button {
+  min-width: 54px;
+  padding: 6px 10px;
+  border: 1px solid var(--line);
+  border-radius: 2px;
+  color: var(--muted);
+  background: #070b11;
+  cursor: pointer;
+  font-size: 0.72rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+.mode-button.active,
+.mode-button:hover {
+  color: var(--bg);
+  border-color: var(--o);
+  background: var(--o);
+  box-shadow: 0 0 16px rgba(71, 229, 188, 0.35);
+}
+
 .eyebrow {
   margin: 0 0 4px;
   color: var(--o);
@@ -191,6 +218,11 @@ h1 {
   border-color: rgba(124, 255, 107, 0.5);
 }
 
+.network-status.local {
+  color: var(--o);
+  border-color: rgba(71, 229, 188, 0.5);
+}
+
 .network-status.waiting,
 .network-status.connecting {
   color: var(--warn);
@@ -311,6 +343,10 @@ h1 {
   background: #070b11;
 }
 
+.rule-card + .rule-card {
+  margin-top: 8px;
+}
+
 .rule-card h2 {
   margin: 0 0 7px;
   color: var(--line-bright);