:root {
  --bg: #000;
  --panel: #000;
  --panel-2: transparent;
  --inset: #141414;
  --line: rgba(255, 255, 255, 0.16);
  --line-strong: #fff;
  --text: #fff;
  --muted: #9a9a9a;
  --faint: #6e6e6e;
  --accent: #fff;
  --ok: #fff;
  --wait: #9a9a9a;
  --bad: #fff;
  --observe: #fff;
  --simd: #fff;
  --simd-active: #fff;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
}
body {
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.55;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
::selection {
  color: #000;
  background: #fff;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
}
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.top {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-bottom: 1px solid var(--line);
  background: #000;
}
.topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 29px;
  padding: 0 22px;
  border-bottom: 1px solid var(--line);
  color: #858789;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 10px;
}
.topline-name {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.topline a.ca {
  text-transform: none;
  letter-spacing: 0.02em;
}
.topline a {
  color: #a4a6a9;
  letter-spacing: 0.08em;
  text-decoration: none;
}
.topline a:hover {
  color: #fff;
  text-decoration: none;
}
.navrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 70px;
  padding: 0 22px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 12px 0 4px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}
.logo {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: block;
  flex: none;
}
.wordmark {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}
nav {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  border: 1px solid #fff;
}
nav a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.06em;
  font-size: 12px;
  padding: 10px 14px;
  border-left: 1px solid #fff;
  text-transform: uppercase;
}
nav a:first-child {
  border-left: 0;
}
nav a:hover {
  color: #fff;
  text-decoration: none;
  background: #141414;
}
nav a.on {
  color: #000;
  background: #fff;
}
.status-cluster {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #858789;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 10px;
}
.status-cluster .net {
  display: inline-flex;
  align-items: center;
}
.status-cluster i {
  width: 5px;
  height: 5px;
  margin-right: 8px;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
.status-cluster i.bad {
  background: var(--bad);
  box-shadow: none;
}

.metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}
.metric {
  padding: 12px 14px 11px;
  border-right: 1px solid var(--line);
  min-width: 0;
  background: var(--panel-2);
}
.metric b {
  display: block;
  font-family: var(--mono);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.metric b.time {
  font-size: 18px;
  letter-spacing: 0;
}
.vault-log {
  max-height: 280px;
}
.vault-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vault-stats article {
  padding: 16px 18px 14px;
  border-right: 1px solid var(--line);
  min-width: 0;
}
.vault-stats article:last-child {
  border-right: 0;
}
.vault-stats b {
  display: block;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.vault-stats span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.eco-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 8px 18px;
  padding: 4px 0 8px;
}
.eco-grid h3 {
  margin: 12px 14px 4px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--muted);
}
.pulse {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 72px;
  padding: 8px 14px 0;
}
.pulse i {
  flex: 1;
  display: block;
  background: #fff;
  min-height: 2px;
}
.ship-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 12px;
  padding: 4px 14px 0;
}
.ship-row b {
  display: block;
  font-size: 18px;
  font-weight: 400;
}
.ship-row span {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.event time {
  white-space: nowrap;
}
.metric b.unavail {
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.25;
  color: var(--faint);
}
.metric .label {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.metric .src {
  display: block;
  margin-top: 4px;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.delta {
  font-style: normal;
  margin-left: 6px;
  font-size: 12px;
}
.delta.up {
  color: var(--ok);
}
.delta.down {
  color: var(--bad);
}
.unavail {
  color: var(--faint);
  font-size: 12px;
  letter-spacing: 0.04em;
}

#stage {
  padding: 12px 14px 32px;
}
.network {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.72fr);
  gap: 12px;
}
.panel {
  background: transparent;
  border: 1px solid var(--line);
  min-width: 0;
}
.panel h2,
.view-head h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
  color: #fff;
}
.panel-head,
.view-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}
.hint {
  color: var(--faint);
  font-size: 12px;
  margin: 0;
}
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  height: calc(100vh - 500px);
  min-height: 440px;
  gap: 12px;
}
.hero .graph-panel,
.hero .stream-panel {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.graph-host {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.graph-stage {
  position: relative;
  flex: 1;
  min-height: 0;
  background: #000;
}
.graph-canvas {
  width: 100%;
  height: 100%;
  display: block;
  cursor: grab;
  touch-action: none;
}
.graph-float {
  position: absolute;
  left: 14px;
  bottom: 12px;
  display: grid;
  gap: 2px;
  pointer-events: none;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
}
.graph-float b {
  color: var(--text);
  letter-spacing: 0.14em;
  font-weight: 500;
}
.graph-tip {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: #101316;
  border: 1px solid var(--line);
  padding: 8px 10px;
  white-space: pre-line;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--text);
  max-width: 280px;
}
.graph-count {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 12px;
}
.hero .stream {
  flex: 1;
  max-height: none;
}
.hero .filters {
  padding: 8px 12px;
  border-bottom: 1px solid var(--line);
}
.graph-tools {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--line);
}
.filters {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.filters button,
.tools button,
.quiet {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #fff;
  padding: 6px 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
}
a.quiet {
  display: inline-block;
  text-decoration: none;
  line-height: 1.2;
  cursor: pointer;
}
.filters button:hover,
.tools button:hover,
.quiet:hover {
  background: #141414;
}
.filters button.on,
.quiet.on {
  color: #000;
  background: #fff;
  border-color: #fff;
}
a.quiet.on:hover {
  color: #000;
  background: #fff;
}
.graph-tools input,
.tools input,
.tools select,
textarea {
  background: #141414;
  border: 1px solid var(--line);
  padding: 6px 8px;
}
.graph-note {
  margin: 0;
  padding: 8px 12px 10px;
  color: var(--faint);
  font-size: 12px;
}
.node {
  cursor: pointer;
}
.node rect,
.node circle,
.node polygon {
  fill: #12161a;
  stroke: #8e979f;
  stroke-width: 1.2;
}
.n-simd rect {
  stroke: var(--simd);
  fill: #16140f;
}
.n-imd rect {
  stroke: var(--accent);
}
.n-agent circle {
  stroke: var(--observe);
}
.n-job rect {
  stroke: var(--ok);
}
.n-oracle polygon {
  stroke: var(--wait);
  fill: #12161a;
}
.n-launch polygon {
  stroke: var(--accent);
  fill: #12161a;
}
.node.on rect,
.node.on circle,
.node.on polygon {
  stroke: var(--text);
}
.node.dim {
  opacity: 0.28;
}
.nl {
  fill: #d5dbe1;
  font-size: 11px;
  font-family: var(--mono);
}
.link {
  stroke: #2c333b;
  stroke-width: 1;
}
.rel {
  fill: #667078;
  font-size: 9px;
  font-family: var(--mono);
}

.stream-panel {
  min-height: 620px;
  display: flex;
  flex-direction: column;
}
.stream {
  overflow: auto;
  max-height: 560px;
  padding: 4px 0 8px;
}
.event {
  display: grid;
  grid-template-columns: 72px 78px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 14px;
  border-top: 1px solid var(--line);
  align-items: start;
}
.event:first-child {
  border-top: 0;
}
.event time,
.mono {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
}
.cat {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--observe);
}
.cat.JOB {
  color: var(--ok);
}
.cat.ORACLE,
.cat.LAUNCH {
  color: var(--wait);
}
.cat.SIMD {
  color: var(--simd);
}
.event p {
  margin: 0;
}
.event .meta {
  color: var(--faint);
  font-size: 11px;
  margin-top: 3px;
}

.lower {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 12px;
  margin-top: 12px;
}
.pipeline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding: 14px;
}
.stage {
  border: 1px solid var(--line);
  padding: 6px 8px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--faint);
}
.stage.on {
  color: var(--bg);
  background: var(--simd);
  border-color: var(--simd);
}
.arrow {
  color: var(--faint);
}
.intel-grid,
.kv {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 6px 12px;
  padding: 12px 14px 14px;
}
.kv span,
.intel-grid span {
  color: var(--faint);
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.entity-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.entity-list button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  padding: 8px 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.entity-list li:first-child button {
  border-top: 0;
}
.entity-list button:hover {
  background: #141414;
}

.sent-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sent-list li {
  border-top: 1px solid var(--line);
  padding: 12px 14px;
  display: grid;
  gap: 4px;
}
.sent-list li:first-child {
  border-top: 0;
}
.sent-list p {
  margin: 0;
}

.log-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.log-list li {
  border-top: 1px solid var(--line);
  padding: 14px;
  display: grid;
  gap: 6px;
}
.log-list li:first-child {
  border-top: 0;
}
.log-list .log-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.log-list h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.log-list p {
  margin: 0;
  color: var(--muted);
}

.sent-list li.clickable {
  cursor: pointer;
}
.sent-list li.clickable:hover {
  background: #141414;
}

.task-feed {
  display: grid;
  gap: 0;
}
.task-card {
  border-top: 1px solid var(--line);
  padding: 16px 14px;
  display: grid;
  gap: 8px;
}
.task-card:first-child {
  border-top: 0;
}
.task-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: baseline;
}
.task-card h3 {
  margin: 8px 0 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.task-card .result-objective {
  max-height: 140px;
  margin: 0;
}
.task-card .result-text {
  max-height: 280px;
}
.task-card .result-media img,
.task-card .result-media video {
  max-height: 420px;
}
.task-card[data-open] {
  cursor: pointer;
}
.task-card[data-open]:hover {
  background: #101010;
}
#sent-filters {
  padding: 0 14px 8px;
}

.token-hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--line);
  margin-bottom: 16px;
}
.token-card {
  padding: 18px 16px 16px;
  border-right: 1px solid var(--line);
  display: grid;
  gap: 8px;
  min-width: 0;
}
.token-card:last-child {
  border-right: 0;
}
.token-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.token-price {
  margin: 8px 0 0;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.token-change {
  font-size: 14px;
  letter-spacing: 0;
}
.token-change.up {
  color: #6f6;
}
.token-change.down {
  color: #f66;
}
.hire-refs {
  margin: 12px 0 14px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.hire-refs-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}
.hire-file-btn {
  cursor: pointer;
}
.hire-ref-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
}
.hire-ref-card {
  margin: 0;
  border: 1px solid var(--line);
  background: #0a0a0a;
  padding: 8px;
  display: grid;
  gap: 6px;
  align-content: start;
}
.hire-ref-card img {
  width: 100%;
  height: 88px;
  object-fit: cover;
  display: block;
  background: #141414;
}
.hire-ref-card figcaption {
  color: var(--faint);
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hire-ref-card .quiet {
  padding: 4px 8px;
  font-size: 10px;
}
.feedback-thread {
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.feedback-replies {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  background: #0a0a0a;
  display: grid;
  gap: 10px;
}
.feedback-reply {
  border-bottom: 1px solid var(--line-soft, rgba(255, 255, 255, 0.08));
  padding-bottom: 8px;
}
.feedback-reply:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.feedback-reply-form textarea {
  min-height: 72px;
}
.forum-board-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  padding: 8px 14px 14px;
}
.forum-board-card {
  display: grid;
  gap: 6px;
  text-align: left;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: #0a0a0a;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.forum-board-card:hover {
  border-color: var(--muted);
}
.forum-board-card.vip {
  border-color: rgba(200, 170, 90, 0.45);
  background: #100e08;
}
.forum-table tr.clickable {
  cursor: pointer;
}
.forum-table tr.clickable:hover td {
  background: rgba(255, 255, 255, 0.03);
}
.forum-post {
  border-bottom: 1px solid var(--line-soft, rgba(255, 255, 255, 0.08));
  padding-bottom: 8px;
}
.forum-post:last-child {
  border-bottom: 0;
}
.forum-op {
  border-top: 1px solid var(--line);
}
.forum-vip .panel-head h2 {
  color: #d4b56a;
}
.token-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.token-ways {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.token-ways a {
  color: var(--muted);
}
.token-ways a:hover {
  color: #fff;
}
.token-buy {
  margin-top: 0;
}
.token-buy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--line);
}
.token-buy-panel {
  padding: 16px 14px;
  border-right: 1px solid var(--line);
  min-width: 0;
}
.token-buy-panel:last-child {
  border-right: 0;
}
.token-buy-panel h3 {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.token-ca-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.token-pools {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.token-pools li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--line);
}
.token-pools li:first-child {
  border-top: 0;
  padding-top: 0;
}
.token-pools b {
  display: block;
  font-weight: 500;
}
.token-pools a {
  color: var(--accent);
  white-space: nowrap;
}
.token-chart {
  border-top: 1px solid var(--line);
  min-height: 360px;
}
.token-chart iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  background: #000;
}

@media (max-width: 900px) {
  .token-hero,
  .token-buy-grid {
    grid-template-columns: 1fr;
  }
  .token-card,
  .token-buy-panel {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .token-card:last-child,
  .token-buy-panel:last-child {
    border-bottom: 0;
  }
}

.contest-hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--line);
  margin-bottom: 16px;
}
.contest-card {
  padding: 18px 16px 16px;
  border-right: 1px solid var(--line);
  display: grid;
  gap: 8px;
  min-width: 0;
}
.contest-card:last-child {
  border-right: 0;
}
.contest-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.contest-loop,
.contest-rules {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
  color: var(--muted);
}
.contest-loop li,
.contest-rules li {
  padding-left: 2px;
}
.contest-loop b {
  color: #fff;
  display: block;
  font-weight: 500;
}
.contest-missions {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.4fr);
  border-top: 1px solid var(--line);
  min-height: 420px;
}
.contest-mission-list {
  border-right: 1px solid var(--line);
  display: grid;
  align-content: start;
}
.contest-mission {
  display: grid;
  gap: 4px;
  text-align: left;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  color: #fff;
  padding: 14px;
  font: inherit;
  cursor: pointer;
}
.contest-mission:hover {
  background: #101010;
}
.contest-mission.on {
  background: #fff;
  color: #000;
}
.contest-mission.on .hint {
  color: #444;
}
.contest-mission-title {
  font-size: 14px;
  font-weight: 500;
}
.contest-diff {
  display: inline-block;
  width: fit-content;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid var(--line);
  padding: 2px 6px;
}
.contest-diff.medium {
  color: #9cf;
  border-color: #369;
}
.contest-diff.hard {
  color: #fc6;
  border-color: #a63;
}
.contest-diff.legendary {
  color: #f6f;
  border-color: #a3a;
}
.contest-mission.on .contest-diff {
  border-color: #000;
  color: #000;
}
.contest-mission-detail {
  padding: 16px 14px 18px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.contest-mission-detail h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.contest-mission-detail p {
  margin: 0;
  color: var(--muted);
}
.contest-prompt {
  max-height: 220px;
}
.contest-submit {
  display: grid;
  gap: 10px;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.contest-submit h3 {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 500;
}
.contest-submit label {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contest-submit input,
.contest-submit textarea {
  background: #141414;
  border: 1px solid var(--line);
  color: #fff;
  padding: 8px 10px;
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
}
.contest-submit textarea {
  min-height: 72px;
  resize: vertical;
}
.contest-entries {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contest-entries li {
  border-top: 1px solid var(--line);
  padding: 12px 14px;
  display: grid;
  gap: 4px;
}
.contest-entries li:first-child {
  border-top: 0;
}
.contest-entries p {
  margin: 0;
}

@media (max-width: 900px) {
  .contest-hero,
  .contest-missions {
    grid-template-columns: 1fr;
  }
  .contest-card {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .contest-card:last-child {
    border-bottom: 0;
  }
  .contest-mission-list {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}

.bounty-manifesto {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}
.bounty-manifesto article {
  padding: 14px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 8px;
}
.bounty-manifesto article:first-child {
  border-top: 0;
}
.bounty-manifesto h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.bounty-manifesto p {
  margin: 0;
  color: var(--muted);
  white-space: pre-wrap;
}
.bounty-ladder {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.bounty-rung {
  display: grid;
  gap: 6px;
  text-align: left;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: #fff;
  padding: 12px;
  font: inherit;
  cursor: pointer;
  min-height: 96px;
  align-content: start;
}
.bounty-rung:nth-child(5n) {
  border-right: 0;
}
.bounty-rung:hover {
  background: #101010;
}
.bounty-rung.on {
  background: #fff;
  color: #000;
}
.bounty-rung.on .hint {
  color: #444;
}
.bounty-rung.fallen {
  opacity: 0.72;
}
.bounty-rung-title {
  font-size: 13px;
  font-weight: 500;
}
.bounty-detail {
  border-top: 1px solid var(--line);
}
.bounty-detail b {
  color: #fff;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .bounty-ladder {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bounty-rung:nth-child(5n) {
    border-right: 1px solid var(--line);
  }
  .bounty-rung:nth-child(2n) {
    border-right: 0;
  }
}
@media (max-width: 700px) {
  .bounty-ladder {
    grid-template-columns: 1fr;
  }
  .bounty-rung,
  .bounty-rung:nth-child(5n),
  .bounty-rung:nth-child(2n) {
    border-right: 0;
  }
}
button.linkish {
  background: none;
  border: 0;
  padding: 0;
  color: var(--accent);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.result-objective {
  white-space: pre-wrap;
  color: var(--muted);
  max-height: 180px;
  overflow: auto;
}
.result-file {
  border-top: 1px solid var(--line);
  padding: 12px 0;
  display: grid;
  gap: 8px;
}
.result-file:first-of-type {
  border-top: 0;
}
.result-text {
  margin: 0;
  padding: 12px;
  background: #141414;
  border: 1px solid var(--line);
  white-space: pre-wrap;
  overflow: auto;
  max-height: 50vh;
  font-size: 12px;
  line-height: 1.5;
}
.result-media img,
.result-media video {
  display: block;
  width: 100%;
  max-height: 50vh;
  object-fit: contain;
  background: #141414;
  border: 1px solid var(--line);
}
.result-media audio {
  width: 100%;
}

.cycles {
  margin-top: 12px;
}
.cycle {
  border-top: 1px solid var(--line);
}
.cycle summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 120px 90px 80px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 14px;
  align-items: center;
}
.cycle summary::-webkit-details-marker {
  display: none;
}
.cycle-body {
  padding: 0 14px 14px 14px;
  display: grid;
  gap: 8px;
}
.phase-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 10px;
}
.phase-row b {
  font-weight: 500;
  color: var(--faint);
  font-size: 11px;
  letter-spacing: 0.1em;
}
.raw {
  margin: 0;
  max-height: 240px;
  overflow: auto;
  background: #141414;
  padding: 10px;
  font-family: var(--mono);
  font-size: 11px;
  color: #fff;
}

.view-head {
  padding: 4px 2px 12px;
  border: 0;
}
.tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.table-wrap {
  border: 1px solid var(--line);
  overflow: auto;
  background: var(--panel);
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  text-align: left;
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
th {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--faint);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
tr.clickable {
  cursor: pointer;
}
tr.clickable:hover {
  background: #141414;
}
.pager {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 10px 2px;
  color: var(--muted);
}

.tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
.memory-card {
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 12px 14px;
  margin-bottom: 8px;
}
.memory-card h3 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 500;
}
.badge {
  display: inline-block;
  border: 1px solid var(--line);
  padding: 1px 5px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin-right: 6px;
}
.badge-imd,
.badge-imd-derived {
  color: #9aa3aa;
  border-color: #2a3036;
}
.badge-eth {
  color: var(--ok);
  border-color: #314338;
}
.badge-simd,
.badge-simd-derived {
  color: var(--simd);
  border-color: #2c3c44;
}
.badge-simd-inference {
  color: #a9c3d0;
  border-color: #314552;
}
.badge-simd-action {
  color: var(--simd-active);
  border-color: #314552;
}
.badge-verified {
  color: var(--ok);
  border-color: #314338;
}
.badge-inferred {
  color: var(--wait);
  border-color: #4a4332;
}

.absorb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--faint);
}
.absorb i {
  font-style: normal;
  color: #2a3036;
}
.absorb span.on {
  color: var(--simd-active);
}
.absorb em {
  margin-left: auto;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
  color: var(--muted);
  font-size: 12px;
}
.intel-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 12px;
  margin-top: 12px;
}
.chain-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 12px;
}
.chain-grid article {
  border: 1px solid var(--line);
  min-width: 0;
}
.chain-grid .kv {
  padding: 10px 12px 12px;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
}
.chain-grid .kv > span {
  overflow-wrap: anywhere;
}
.chain-grid .kv div span,
.chain-grid .kv a {
  text-transform: none;
  letter-spacing: 0;
}
.chain-grid .mono {
  overflow-wrap: anywhere;
}
.objective-line {
  margin: 0;
  padding: 12px 14px 4px;
  font-size: 15px;
}
.machine {
  display: grid;
}
.mstage {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: start;
  padding: 7px 14px;
  border-top: 1px solid var(--line);
}
.mstage header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.mstage b {
  font-size: 12px;
  letter-spacing: 0.14em;
  font-weight: 500;
}
.mstage em {
  font-style: normal;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--faint);
}
.mstage.complete em {
  color: var(--ok);
}
.mstage.failed em {
  color: var(--bad);
}
.mstage.waiting {
  color: var(--faint);
}
.mstage.active {
  background: #141414;
}
.mstage.active em {
  color: var(--simd-active);
  animation: simd-pulse 1.6s ease-in-out infinite;
}
.mstage ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
.mstage li + li {
  margin-top: 2px;
}
.src-line,
.src-inline {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 10px;
}
.src-line {
  margin: 0;
  padding: 0 14px 10px;
}
.intel-list .src-line {
  padding: 0;
}
.intel-block {
  padding: 2px 14px 6px;
}
.intel-block h3 {
  margin: 10px 0 4px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--muted);
}
.intel-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.intel-list li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-top: 1px solid var(--line);
  font-size: 13px;
}
.intel-list button {
  all: unset;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.delta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 2px 0 4px;
}
.delta-chip {
  font-family: var(--mono);
  font-size: 14px;
}
.delta-chip.up {
  color: var(--ok);
}
.delta-chip.down {
  color: var(--bad);
}
.model-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 4px 8px 8px;
}
.model-metrics div {
  padding: 8px 6px;
  min-width: 0;
}
.model-metrics b {
  display: block;
  font-family: var(--mono);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.model-metrics span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.model-open {
  padding: 0 14px 12px;
}
.model-open summary {
  cursor: pointer;
  color: var(--simd);
  font-size: 13px;
}
@keyframes simd-pulse {
  50% {
    color: #e7f2f6;
  }
}

.sources,
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.source {
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 12px 14px;
}
.source strong {
  display: block;
  font-weight: 500;
}
.source em {
  font-style: normal;
  font-family: var(--mono);
  font-size: 12px;
}
.source em.CONNECTED,
.source em.RUNNING,
.source em.LOCAL {
  color: var(--ok);
}
.source em.UNAVAILABLE,
.source em.NOT {
  color: var(--bad);
}
.source em.IDLE {
  color: var(--wait);
}

.inspector {
  position: fixed;
  top: 0;
  right: 0;
  width: min(420px, 100vw);
  height: 100vh;
  background: #000;
  border-left: 1px solid #fff;
  z-index: 5;
  overflow: auto;
  padding: 16px 16px 32px;
  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.35);
}
.inspector header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}
.inspector h2 {
  margin: 0;
  font-size: 20px;
  letter-spacing: 0.04em;
}
.inspector .close {
  background: transparent;
  border: 1px solid var(--line);
  padding: 4px 8px;
}
.skill-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.skill-cloud span {
  border: 1px solid var(--line);
  padding: 3px 6px;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--muted);
}
form.objective {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
textarea {
  width: 100%;
  min-height: 88px;
  resize: vertical;
  user-select: text;
  -webkit-user-select: text;
  pointer-events: auto;
}

.docs {
  display: grid;
  gap: 12px;
  padding-bottom: 48px;
}
.docs-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 2px 8px;
}
.docs-toc button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #fff;
  font: inherit;
  font-size: 12px;
  padding: 6px 10px;
  cursor: pointer;
}
.docs-toc button:hover {
  border-color: #fff;
}
.docs-section {
  scroll-margin-top: 18px;
}
.docs-body,
.docs-copy {
  padding: 14px;
  display: grid;
  gap: 10px;
}
.docs-body p,
.docs-copy p,
.docs-body li,
.docs-copy li {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.55;
}
.docs-body ul,
.docs-copy ul,
.docs-body ol,
.docs-copy ol {
  margin: 0;
  padding-left: 1.2em;
  display: grid;
  gap: 6px;
}
.docs-body h3,
.docs-copy h3 {
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.docs-body code,
.docs-copy code,
.docs-table code {
  font-family: var(--mono);
  font-size: 12px;
  color: #fff;
}
.docs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.docs-table th,
.docs-table td {
  text-align: left;
  vertical-align: top;
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}
.docs-table th {
  width: 38%;
  color: var(--muted);
  font-weight: 400;
  padding-right: 14px;
}
.docs-pre {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  background: #000;
  overflow-x: auto;
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.5;
  color: var(--text);
  white-space: pre;
}

/* First-time Start landing */
body[data-view="start"] #metrics {
  display: none;
}
.start-landing {
  position: relative;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.start-landing.on {
  opacity: 1;
  transform: none;
}
.start-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 0;
  min-height: calc(100vh - 120px);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  isolation: isolate;
}
.start-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(
    ellipse 80% 70% at 30% 40%,
    #000 20%,
    transparent 75%
  );
  animation: start-grid-drift 28s linear infinite;
}
.start-scan {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.03) 50%,
    transparent 100%
  );
  background-size: 100% 220%;
  animation: start-scan 7s ease-in-out infinite;
}
@keyframes start-grid-drift {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 0 48px, 48px 0;
  }
}
@keyframes start-scan {
  0%,
  100% {
    background-position: 0 -40%;
  }
  50% {
    background-position: 0 140%;
  }
}
.start-stage-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 28px 56px 22px;
  max-width: 720px;
}
.start-mark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--muted);
}
.start-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55);
  animation: start-pulse 1.8s ease-out infinite;
}
@keyframes start-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.start-stage-inner h1 {
  margin: 0 0 18px;
  font-size: clamp(2.4rem, 6vw, 4.2rem);
  line-height: 0.98;
  letter-spacing: -0.045em;
  font-weight: 500;
}
.start-lede {
  margin: 0 0 24px;
  max-width: 38rem;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.start-lede code {
  color: #fff;
}
.start-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.start-live {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  max-width: 560px;
}
.start-live-item {
  background: #000;
  padding: 12px 12px 14px;
  display: grid;
  gap: 6px;
}
.start-live-item .k {
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.start-live-item strong {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
}
.start-live-item strong.ok {
  color: #fff;
}
.start-live-item strong.bad {
  color: var(--muted);
}
.start-terminal {
  position: relative;
  z-index: 1;
  border-left: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.start-terminal-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--muted);
}
.start-terminal-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  display: grid;
  gap: 0;
  overflow: auto;
}
.start-terminal-list li {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  gap: 10px;
  align-items: baseline;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.start-terminal-list .t {
  color: var(--faint);
  letter-spacing: 0.08em;
  font-size: 10px;
  text-transform: uppercase;
}
.start-terminal-list .m {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.start-terminal-list .a {
  color: var(--faint);
  font-size: 11px;
}
.start-deck,
.start-loop,
.start-foot {
  padding: 36px 22px;
  border-bottom: 1px solid var(--line);
}
.start-deck-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: baseline;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.start-deck-head h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.start-rails {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}
.start-rail {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 4px;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  transition: background 0.25s ease, padding-left 0.25s ease;
}
.start-rail:hover {
  background: rgba(255, 255, 255, 0.03);
  padding-left: 10px;
  text-decoration: none;
}
.start-rail .n {
  color: var(--faint);
  letter-spacing: 0.14em;
  font-size: 11px;
}
.start-rail .title-row {
  display: flex;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 6px;
}
.start-rail .title-row strong {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.04em;
}
.start-rail .title-row em {
  font-style: normal;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.start-rail .copy {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  max-width: 54rem;
}
.start-rail .go {
  color: var(--faint);
  font-size: 18px;
  transition: transform 0.25s ease, color 0.25s ease;
}
.start-rail:hover .go {
  color: #fff;
  transform: translateX(4px);
}
.start-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 10px;
  align-items: stretch;
}
.start-node {
  border: 1px solid var(--line);
  padding: 16px;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03),
      transparent 40%
    ),
    #000;
  min-height: 150px;
  display: grid;
  align-content: start;
  gap: 8px;
}
.start-node .k {
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.14em;
}
.start-node strong {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.start-node p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.start-node a {
  margin-top: auto;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.start-arrow {
  display: grid;
  place-items: center;
  color: var(--faint);
  font-size: 18px;
  animation: start-arrow 2.4s ease-in-out infinite;
}
@keyframes start-arrow {
  0%,
  100% {
    opacity: 0.35;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(3px);
  }
}
.start-foot-copy {
  margin: 0 0 16px;
  color: var(--muted);
  max-width: 40rem;
  font-size: 13px;
  line-height: 1.6;
}
@media (max-width: 980px) {
  .start-stage {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .start-terminal {
    border-left: 0;
    border-top: 1px solid var(--line);
    min-height: 240px;
  }
  .start-live {
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }
  .start-flow {
    grid-template-columns: 1fr;
  }
  .start-arrow {
    transform: rotate(90deg);
    padding: 4px 0;
  }
}

@media (max-width: 1200px) {
  .metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .hero,
  .network,
  .lower,
  .sources,
  .split,
  .intel-grid,
  .chain-grid {
    grid-template-columns: 1fr;
  }
  .navrow,
  .topline {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .status-cluster {
    flex-wrap: wrap;
    gap: 8px 14px;
  }
  .model-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .eco-grid,
  .ship-row {
    grid-template-columns: 1fr;
  }
  .hero {
    height: auto;
    min-height: 0;
  }
  .hero .graph-panel {
    height: 72vh;
    min-height: 520px;
  }
  .status-cluster,
  nav {
    justify-self: start;
    text-align: left;
  }
  .graph-panel,
  .stream-panel {
    min-height: 0;
  }
  .cycle summary {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vault-stats {
    grid-template-columns: 1fr 1fr;
  }
  .metric b {
    font-size: 22px;
  }
}

/* Start directions: two calm entry points for the same live IMD data. */
body[data-view="start"] #stage {
  padding: 0 22px 48px;
}
body[data-view="start"] .topline {
  min-height: 26px;
}
.start-a,
.start-b {
  max-width: 1380px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(8px);
  animation: start-fade-in 0.45s ease forwards;
}
@keyframes start-fade-in {
  to {
    opacity: 1;
    transform: none;
  }
}
.start-a-header,
.start-b-header {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
}
.start-a-kicker,
.start-b-kicker,
.start-a-eyebrow,
.start-b-eyebrow {
  margin: 0;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.start-variant-switch {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid var(--line);
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.start-variant-switch span {
  padding: 7px 9px;
}
.start-variant-switch a {
  padding: 7px 9px;
  color: var(--muted);
  border-left: 1px solid var(--line);
}
.start-variant-switch a:hover,
.start-variant-switch a.on {
  color: #000;
  background: #fff;
  text-decoration: none;
}

.start-a-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  min-height: 500px;
  border-bottom: 1px solid var(--line);
}
.start-a-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px 8vw 64px 0;
}
.start-a-intro h1,
.start-b-hero-copy h1 {
  margin: 18px 0 22px;
  font-size: 52px;
  line-height: 1.02;
  letter-spacing: 0;
  font-weight: 400;
}
.start-a-intro h1 span,
.start-b-hero-copy h1 span {
  color: var(--muted);
}
.start-a-lede {
  max-width: 600px;
  margin: 0 0 26px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}
.start-a-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.start-a-readout {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--line);
  padding: 36px 0 36px 26px;
}
.start-a-readout-head,
.start-a-readout-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
}
.start-a-readout-head {
  padding-top: 0;
}
.start-a-readout-head span,
.start-a-readout-row span,
.start-a-source {
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.start-a-readout-head strong {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.start-a-readout-head strong.is-ok {
  color: #fff;
}
.start-a-readout-head strong.is-muted {
  color: var(--muted);
}
.start-a-readout-row b {
  font-size: 20px;
  font-weight: 400;
}
.start-a-source {
  margin: 14px 0 0;
  line-height: 1.6;
  text-transform: none;
  letter-spacing: 0.02em;
}
.start-a-triad {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}
.start-a-card {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  padding: 22px 24px 20px;
  border-right: 1px solid var(--line);
  color: #fff;
  text-decoration: none;
}
.start-a-card:last-child {
  border-right: 0;
}
.start-a-card:hover {
  background: #0b0b0b;
  text-decoration: none;
}
.start-a-card-index {
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.14em;
}
.start-a-card h2 {
  margin: 30px 0 8px;
  font-size: 18px;
  font-weight: 400;
}
.start-a-card p {
  max-width: 280px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}
.start-a-card-link {
  margin-top: auto;
  padding-top: 24px;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.start-a-explain {
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1.45fr);
  gap: 30px;
  padding: 42px 0;
  border-bottom: 1px solid var(--line);
}
.start-a-explain-title h2 {
  margin: 14px 0 0;
  font-size: 22px;
  font-weight: 400;
}
.start-a-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.start-a-steps li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}
.start-a-steps li > span {
  color: var(--faint);
  font-size: 11px;
}
.start-a-steps strong {
  font-size: 13px;
  font-weight: 400;
}
.start-a-steps p {
  margin: 4px 0 0;
  color: var(--muted);
  line-height: 1.55;
}
.start-a-signals {
  padding: 28px 0 0;
}
.start-a-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
}
.start-a-section-head h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.start-a-section-head a {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.start-a-forum {
  position: relative;
  min-height: 280px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  padding: 42px 330px 42px 0;
}
.start-a-forum::before {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 108px;
  width: 350px;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
  z-index: 0;
  pointer-events: none;
}
.start-a-forum::after {
  content: "SIMD FORUM / OPEN THREADS";
  position: absolute;
  right: 262px;
  bottom: 117px;
  color: var(--faint);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.13em;
  z-index: 2;
  pointer-events: none;
}
.start-a-forum-copy {
  position: relative;
  z-index: 3;
  max-width: 620px;
}
.start-a-forum h2 {
  margin: 14px 0 10px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.15;
}
.start-a-forum p {
  max-width: 520px;
  margin: 0 0 22px;
  color: var(--muted);
  line-height: 1.65;
}
.start-a-forum-image {
  position: absolute;
  right: 76px;
  bottom: -42px;
  z-index: 1;
  width: auto;
  height: 286px;
  object-fit: contain;
  object-position: bottom;
  cursor: grab;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
}
.start-a-forum-image.is-dragging {
  cursor: grabbing;
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.18));
}
.start-signal-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.start-signal-list li {
  display: grid;
  grid-template-columns: 64px 72px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.start-signal-time,
.start-signal-cat {
  color: var(--faint);
  font-size: 10px;
  text-transform: uppercase;
}
.start-signal-title {
  min-width: 0;
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.start-signal-empty {
  display: block !important;
  color: var(--faint);
}

.start-b-header {
  min-height: 58px;
}
.start-b-header > div {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.start-b-title {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.start-b-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 12px;
  padding: 54px 0 34px;
  border-bottom: 1px solid var(--line);
}
.start-b-hero-copy {
  padding: 0 0 14px;
}
.start-b-hero-copy h1 {
  margin-bottom: 18px;
}
.start-b-hero-copy p:not(.start-b-eyebrow) {
  max-width: 520px;
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.start-b-status {
  align-self: end;
  border: 1px solid var(--line);
  padding: 16px;
}
.start-b-status-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.start-b-status-top i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
}
.start-b-status-top i.is-muted {
  background: var(--muted);
}
.start-b-status-value {
  padding: 22px 0 18px;
  border-bottom: 1px solid var(--line);
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.start-b-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  padding-top: 16px;
}
.start-b-status-grid div {
  display: grid;
  gap: 3px;
}
.start-b-status-grid b {
  font-size: 18px;
  font-weight: 400;
}
.start-b-status-grid span {
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.start-b-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  gap: 12px;
  padding-top: 12px;
}
.start-b-panel {
  border: 1px solid var(--line);
  min-width: 0;
}
.start-b-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.start-b-panel-head a {
  color: var(--muted);
  font-size: 10px;
}
.start-b-paths a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 18px;
  gap: 10px;
  align-items: baseline;
  padding: 15px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}
.start-b-paths a:last-child {
  border-bottom: 0;
}
.start-b-paths a:hover {
  background: #0b0b0b;
  text-decoration: none;
}
.start-b-path-num,
.start-b-paths em {
  color: var(--faint);
  font-size: 10px;
  font-style: normal;
}
.start-b-paths strong {
  font-size: 13px;
  font-weight: 400;
}
.start-b-paths b {
  color: var(--muted);
  font-size: 15px;
  font-weight: 400;
}
.start-b-live .start-signal-list {
  border-top: 0;
  padding: 0 14px;
}
.start-b-loop {
  margin-top: 12px;
  border: 1px solid var(--line);
}
.start-b-loop-grid {
  display: grid;
  grid-template-columns: 1fr 26px 1fr 26px 1fr;
  gap: 10px;
  align-items: stretch;
  padding: 18px 14px 22px;
}
.start-b-loop-grid > div:not(.start-b-loop-arrow) {
  display: grid;
  gap: 7px;
  align-content: start;
}
.start-b-loop-grid span {
  color: var(--faint);
  font-size: 10px;
}
.start-b-loop-grid strong {
  font-size: 15px;
  font-weight: 400;
}
.start-b-loop-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.start-b-loop-arrow {
  display: grid;
  place-items: center;
  color: var(--faint);
  font-size: 16px;
}
.start-b-footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 26px 0 0;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.start-b-footer a {
  color: var(--muted);
}

@media (max-width: 900px) {
  body[data-view="start"] #stage {
    padding: 0 14px 36px;
  }
  .start-a-hero,
  .start-b-hero {
    grid-template-columns: 1fr;
  }
  .start-a-intro {
    padding: 48px 0 38px;
  }
  .start-a-readout {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 26px 0 34px;
  }
  .start-a-explain,
  .start-b-main-grid {
    grid-template-columns: 1fr;
  }
  .start-a-forum {
    min-height: 340px;
    padding-right: 210px;
  }
  .start-a-forum-image {
    right: 18px;
    bottom: -34px;
    height: 250px;
  }
  .start-a-forum::before {
    right: 4px;
    width: 280px;
    bottom: 92px;
  }
  .start-a-forum::after {
    right: 184px;
    bottom: 101px;
    font-size: 8px;
  }
  .start-b-hero {
    padding-top: 42px;
  }
  .start-b-status {
    max-width: none;
  }
}
@media (max-width: 640px) {
  .start-a-header,
  .start-b-header,
  .start-b-footer {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }
  .start-a-intro h1,
  .start-b-hero-copy h1 {
    font-size: 38px;
  }
  .start-a-forum {
    min-height: 430px;
    align-items: flex-start;
    padding: 34px 0 220px;
  }
  .start-a-forum-image {
    right: 12px;
    height: 224px;
    bottom: -32px;
  }
  .start-a-forum::before {
    right: 0;
    width: 238px;
    bottom: 78px;
  }
  .start-a-forum::after {
    right: 112px;
    bottom: 87px;
    font-size: 7px;
  }
  .start-a-triad {
    grid-template-columns: 1fr;
  }
  .start-a-card {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .start-a-card:last-child {
    border-bottom: 0;
  }
  .start-b-loop-grid {
    grid-template-columns: 1fr;
  }
  .start-b-loop-arrow {
    min-height: 20px;
    transform: rotate(90deg);
  }
  .start-b-paths a {
    grid-template-columns: 32px minmax(0, 1fr) 18px;
  }
  .start-b-paths em {
    grid-column: 2;
  }
  .start-signal-list li {
    grid-template-columns: 58px 58px minmax(0, 1fr);
    gap: 8px;
  }
}