:root {
  --ink: #08111d;
  --ink-2: #0d1928;
  --panel: rgba(17, 31, 48, .78);
  --line: rgba(181, 210, 225, .14);
  --line-hot: rgba(84, 198, 216, .48);
  --text: #dce7ed;
  --muted: #8194a3;
  --cyan: #54c6d8;
  --cyan-soft: #a5e6ed;
  --amber: #e2b45a;
  --coral: #cd6c7a;
  --violet: #8f8de8;
  --radius: 14px;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --display: "Avenir Next Condensed", "Arial Narrow", sans-serif;
  --body: "Avenir Next", Inter, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--ink); color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--text); background: radial-gradient(circle at 72% 9%, rgba(38, 91, 118, .18), transparent 28rem), linear-gradient(180deg, #08111d, #0a1320 55%, #070e17); font-family: var(--body); line-height: 1.45; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(141, 180, 197, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(141, 180, 197, .025) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.grain { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
a { color: inherit; }
button, select { font: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 99; padding: .7rem 1rem; background: var(--cyan); color: var(--ink); }
.skip-link:focus { top: 1rem; }
.topbar { position: sticky; top: 0; z-index: 10; min-height: 72px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; padding: 0 3.2vw; border-bottom: 1px solid var(--line); background: rgba(8, 17, 29, .88); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
.brand strong { display: block; font: 700 1rem/1 var(--display); letter-spacing: .16em; }
.brand small { display: block; margin-top: .27rem; color: var(--muted); font: 600 .58rem/1 var(--mono); letter-spacing: .16em; }
.brand-mark { width: 34px; height: 34px; position: relative; display: grid; place-items: center; border: 1px solid rgba(84, 198, 216, .4); border-radius: 50%; }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; border: 1px solid rgba(84, 198, 216, .23); border-radius: 50%; }
.brand-mark::before { width: 23px; height: 23px; }.brand-mark::after { width: 10px; height: 10px; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }
.brand-mark i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--amber); }
.brand-mark i:nth-child(1) { transform: translate(14px, -5px); }.brand-mark i:nth-child(2) { transform: translate(-12px, 8px); }.brand-mark i:nth-child(3) { transform: translate(-6px, -14px); }
nav { display: flex; align-items: center; gap: .35rem; padding: .28rem; border: 1px solid var(--line); border-radius: 999px; }
nav a { padding: .48rem .9rem; color: var(--muted); border-radius: 999px; text-decoration: none; font: 700 .67rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
nav a.active { color: var(--ink); background: var(--text); }
.live-lock { justify-self: end; color: var(--coral); font: 700 .67rem var(--mono); letter-spacing: .08em; white-space: nowrap; }
.live-lock span { display: inline-block; width: 7px; height: 7px; margin-right: .4rem; border-radius: 50%; background: var(--coral); box-shadow: 0 0 10px rgba(205,108,122,.7); }
main { min-height: calc(100vh - 124px); }
.view { width: min(1540px, 94vw); margin: 0 auto; }
.mission-strip { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-top: 0; }
.mission-strip > div { padding: .75rem 1rem; border-right: 1px solid var(--line); }
.mission-strip > div:last-child { border: 0; }
.mission-strip span { display: block; color: var(--muted); font: 600 .58rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.mission-strip strong { display: block; margin-top: .25rem; overflow: hidden; color: var(--cyan-soft); font: 700 .78rem var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.freshness-fresh { color: var(--cyan) !important; }.freshness-stale { color: var(--amber) !important; }.freshness-offline { color: var(--coral) !important; }
.heartbeat-rail { display: grid; grid-template-columns: repeat(6, 1fr); border: 1px solid var(--line); border-top: 0; background: rgba(9,20,33,.74); }
.heartbeat { position: relative; min-height: 76px; padding: .72rem .8rem .65rem 1.55rem; border-right: 1px solid var(--line); }
.heartbeat:last-child { border-right: 0; }.heartbeat i { position: absolute; left: .72rem; top: .92rem; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px currentColor; }.heartbeat span,.heartbeat strong,.heartbeat small { display: block; }.heartbeat span { color: var(--muted); font: 600 .54rem var(--mono); letter-spacing: .08em; }.heartbeat strong { margin-top: .2rem; color: var(--cyan); font: 700 .65rem var(--mono); }.heartbeat small { margin-top: .2rem; overflow: hidden; color: #718695; font: .52rem/1.25 var(--mono); text-overflow: ellipsis; white-space: nowrap; }.heartbeat.waiting i,.heartbeat.waiting strong { color: var(--amber); background: var(--amber); }.heartbeat.stale i,.heartbeat.stale strong,.heartbeat.error i,.heartbeat.error strong { color: var(--coral); background: var(--coral); }
.hero { min-height: 690px; display: grid; grid-template-columns: .78fr 1.42fr; align-items: center; gap: 3vw; padding: 5rem 0 3rem; }
.eyebrow { margin: 0 0 .8rem; color: var(--cyan); font: 700 .66rem var(--mono); letter-spacing: .18em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 1.4rem; font: 500 clamp(3.2rem, 6vw, 6.7rem)/.88 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
h1 em { color: transparent; -webkit-text-stroke: 1px rgba(220,231,237,.58); font-style: normal; }
.lede { max-width: 570px; color: #9eb0bc; font-size: 1rem; }
.hero-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2.4rem; background: var(--line); border: 1px solid var(--line); }
.hero-metrics div { padding: 1rem; background: var(--ink-2); }
.hero-metrics strong { display: block; font: 500 2rem var(--display); }
.hero-metrics span { color: var(--muted); font: 600 .59rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.panel { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(22,39,58,.84), rgba(10,21,34,.88)); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 24px 70px rgba(0,0,0,.15); }
.panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 50%, rgba(92, 166, 186, .025)); }
.orbital-panel { min-height: 590px; }
.panel-head { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
.panel-head > div { display: flex; align-items: center; gap: .8rem; }
.panel-head h2, .panel-head h3 { margin: 0; font: 600 .82rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.panel-head > span { color: var(--muted); font: 600 .59rem var(--mono); letter-spacing: .06em; }
.index { color: var(--cyan); font: 700 .62rem var(--mono); }
.status-chip { padding: .3rem .5rem; border: 1px solid currentColor; border-radius: 99px; font: 700 .55rem var(--mono); text-transform: uppercase; }
.healthy { color: var(--cyan); }.observing { color: var(--amber); }.blocked { color: var(--coral); }
#system-graph { width: 100%; height: 485px; display: block; }
.graph-legend { display: flex; gap: 1.4rem; padding: .6rem 1rem .9rem; color: var(--muted); font: 600 .57rem var(--mono); text-transform: uppercase; }
.graph-legend span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 .4rem .05rem 0; border-radius: 50%; background: currentColor; }
.section { padding: 4.2rem 0; border-top: 1px solid var(--line); }
.section-title { display: flex; align-items: end; gap: 1rem; margin-bottom: 1.7rem; }
.section-title h2 { margin: 0; font: 500 clamp(2rem, 3.4vw, 3.8rem)/.95 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.section-title .index { align-self: flex-start; margin-top: .35rem; }
.section-title .eyebrow { margin-bottom: .45rem; }
.section-note { max-width: 410px; margin: 0 0 .2rem auto; color: var(--muted); font-size: .82rem; }
.readonly-seal { margin-left: auto; padding: .48rem .7rem; color: var(--cyan); border: 1px solid var(--line-hot); font: 700 .62rem var(--mono); letter-spacing: .06em; }
.today-grid { display: grid; grid-template-columns: 1.05fr 1fr 1.25fr; gap: 1rem; }
.today-grid > .panel { min-height: 390px; }
.allocation-dial { padding: 1.4rem; }
.allocation-dial h3 { margin-bottom: .2rem; font: 600 .74rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.allocation-dial .stamp { color: var(--muted); font: .62rem var(--mono); }
.ring { width: 184px; aspect-ratio: 1; margin: 1.8rem auto 1.25rem; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) 0 var(--p1), var(--violet) var(--p1) var(--p2), var(--amber) var(--p2) var(--p3), rgba(255,255,255,.08) var(--p3)); box-shadow: 0 0 45px rgba(84,198,216,.12); }
.ring::before { content: ""; width: 128px; aspect-ratio: 1; border-radius: 50%; background: var(--ink-2); border: 1px solid var(--line); }
.ring-label { position: absolute; text-align: center; }.ring-label strong { display: block; font: 500 2.2rem var(--display); }.ring-label span { color: var(--muted); font: .58rem var(--mono); }
.allocation-list, .signal-list { display: grid; gap: .62rem; }
.allocation-row, .signal-row { display: grid; grid-template-columns: 2.4rem 1fr 3.6rem; align-items: center; gap: .7rem; font: .67rem var(--mono); }
.bar { height: 4px; overflow: hidden; background: rgba(255,255,255,.08); }.bar i { display: block; height: 100%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.signal-list { padding: 1.2rem; }.signal-row { grid-template-columns: 2.4rem 1fr 4.6rem; }
.signal-row.negative .bar i { background: var(--coral); box-shadow: 0 0 7px rgba(205,108,122,.7); }
.order-tape { padding: .5rem 1rem 1rem; }
.order { display: grid; grid-template-columns: 42px 1fr auto; gap: .7rem; align-items: center; padding: .85rem 0; border-bottom: 1px solid var(--line); }
.order:last-child { border: 0; }.order .side { padding: .25rem .35rem; color: var(--cyan); border: 1px solid currentColor; text-align: center; font: 700 .57rem var(--mono); }
.order strong { display: block; font: 700 .72rem var(--mono); }.order small { color: var(--muted); font: .58rem var(--mono); }.order > span:last-child { text-align: right; font: .7rem var(--mono); }
.constellation-wrap { min-height: 540px; display: grid; grid-template-columns: 1fr 280px; }
#constellation { width: 100%; height: 540px; display: block; }
.constellation-aside { display: flex; flex-direction: column; justify-content: center; padding: 2rem; border-left: 1px solid var(--line); }
.constellation-aside > span { color: var(--muted); font: .58rem var(--mono); letter-spacing: .1em; }.constellation-aside h3 { margin: .7rem 0; font: 500 2.3rem/1 var(--display); text-transform: uppercase; }.constellation-aside p { color: var(--muted); font-size: .8rem; }
.split-section { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.demo-card, .risk-card { padding: 1.3rem; min-height: 360px; }
.card-kicker { color: var(--cyan); font: 700 .61rem var(--mono); letter-spacing: .12em; }.big-number { margin: 1rem 0 .2rem; font: 500 clamp(3rem, 5vw, 5rem)/1 var(--display); }.big-number small { font-size: 1rem; color: var(--muted); }
.metric-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 1.2rem 0; background: var(--line); }.metric-line div { padding: .8rem; background: var(--ink-2); }.metric-line span { display: block; color: var(--muted); font: .55rem var(--mono); text-transform: uppercase; }.metric-line strong { display: block; margin-top: .25rem; font: 700 .8rem var(--mono); }
.positions-mini { display: flex; align-items: end; gap: .5rem; height: 94px; padding-top: 1rem; }.positions-mini div { flex: 1; min-width: 22px; background: linear-gradient(var(--cyan), rgba(84,198,216,.12)); border-top: 1px solid var(--cyan-soft); position: relative; }.positions-mini span { position: absolute; left: 50%; bottom: -1.2rem; transform: translateX(-50%); color: var(--muted); font: .52rem var(--mono); }
.risk-list { display: grid; gap: 1rem; margin-top: 1.4rem; }.risk-line header { display: flex; justify-content: space-between; color: var(--muted); font: .61rem var(--mono); }.risk-track { height: 7px; margin-top: .38rem; background: rgba(255,255,255,.07); border-radius: 9px; overflow: hidden; }.risk-track i { display: block; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--amber)); border-radius: inherit; }
.operations-score { display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 1rem; border: 1px solid var(--line); background: var(--line); gap: 1px; }
.operations-score div { padding: 1rem; background: var(--ink-2); }.operations-score strong { display: block; font: 500 2.1rem var(--display); }.operations-score span { color: var(--muted); font: 600 .55rem var(--mono); text-transform: uppercase; }
.operations-grid { display: grid; grid-template-columns: 1.25fr .8fr .95fr; gap: 1rem; }.operations-grid > .panel { min-height: 300px; }
.operations-body { position: relative; z-index: 1; padding: 1.25rem; }.operations-body p { color: var(--muted); font-size: .76rem; }.operations-body .operation-lead { color: var(--text); font-size: 1rem; }.operations-body > small { color: var(--cyan); font: .58rem var(--mono); }
.soak-number { margin: .3rem 0 .8rem; font: 500 4rem/1 var(--display); }.soak-number small { color: var(--muted); font-size: 1.2rem; }.soak-track { height: 7px; margin-bottom: 1rem; background: rgba(255,255,255,.07); }.soak-track i { display: block; height: 100%; background: linear-gradient(90deg,var(--cyan),var(--amber)); }
.alert-list div { padding: .7rem 0; border-bottom: 1px solid var(--line); }.alert-list strong,.alert-list small { display: block; }.alert-list strong { color: var(--coral); font: 700 .65rem var(--mono); }.alert-list small { margin-top: .25rem; color: var(--muted); font: .58rem var(--mono); }
.comparison-card { margin-top: 1rem; }.comparison-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 1px; background: var(--line); }.comparison-grid div { padding: 1rem; background: var(--ink-2); }.comparison-grid span,.comparison-grid small { display: block; color: var(--muted); font: .55rem var(--mono); }.comparison-grid strong { display: block; margin: .35rem 0; font: 500 1.6rem var(--display); }.comparison-warning { margin: 0; padding: .8rem 1rem; color: var(--amber); font: .6rem var(--mono); }
.research-grid { display: grid; grid-template-columns: .75fr 1.25fr 1fr; gap: 1rem; }
.research-grid > .panel { min-height: 390px; }.sec-ring { width: 150px; aspect-ratio: 1; display: grid; place-items: center; margin: 1.7rem auto; border-radius: 50%; border: 8px solid rgba(255,255,255,.06); border-top-color: var(--amber); }.sec-ring strong { font: 500 2.3rem var(--display); }.sec-ring span { display: block; color: var(--muted); font: .55rem var(--mono); }.sec-copy { padding: 0 1.2rem 1.2rem; color: var(--muted); font-size: .76rem; }
.timeline { padding: .6rem 1.2rem 1rem; }.timeline-row { position: relative; display: grid; grid-template-columns: 82px 12px 1fr; gap: .7rem; padding: .85rem 0; }.timeline-row::before { content: ""; position: absolute; left: 87px; top: 0; bottom: 0; width: 1px; background: var(--line); }.timeline-row time { color: var(--muted); font: .58rem var(--mono); }.timeline-row i { z-index: 1; width: 7px; height: 7px; margin-top: .2rem; border-radius: 50%; background: var(--amber); box-shadow: 0 0 8px rgba(226,180,90,.5); }.timeline-row strong { display: block; font: 700 .68rem var(--mono); }.timeline-row p { margin: .25rem 0 0; color: var(--muted); font-size: .68rem; }
.data-panel > div:last-child { padding: .4rem 1rem; }.data-row { display: grid; grid-template-columns: 1fr auto; padding: .85rem 0; border-bottom: 1px solid var(--line); }.data-row:last-child { border: 0; }.data-row strong { font: 700 .68rem var(--mono); }.data-row small { display: block; margin-top: .2rem; color: var(--muted); font-size: .61rem; }.data-row span { align-self: start; font: 700 .55rem var(--mono); color: var(--cyan); }
.page-head { display: flex; flex-direction: column; justify-content: end; min-height: 430px; padding: 5rem 0 3rem; border-bottom: 1px solid var(--line); }.page-head h1 { margin-bottom: 1rem; }.page-head > p:last-child { max-width: 660px; color: var(--muted); }
.evidence-counts { display: grid; grid-template-columns: repeat(4, 1fr); margin: 2rem 0; border: 1px solid var(--line); }.evidence-counts div { padding: 1.3rem; border-right: 1px solid var(--line); }.evidence-counts div:last-child { border: 0; }.evidence-counts strong { display: block; font: 500 3.5rem/1 var(--display); }.evidence-counts span { color: var(--muted); font: .62rem var(--mono); text-transform: uppercase; }
.evidence-definitions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 2rem 0 4rem; }.definition { min-height: 210px; padding: 1.2rem; border-top: 2px solid var(--cyan); background: rgba(255,255,255,.025); }.definition:nth-child(2) { border-color: var(--amber); }.definition:nth-child(3) { border-color: var(--coral); }.definition:nth-child(4) { border-color: var(--violet); }.definition h3 { font: 500 2rem var(--display); }.definition p { color: var(--muted); font-size: .78rem; }
.chart-boundaries { display: grid; gap: 1rem; padding: 0 0 4rem; }.evidence-block { min-height: 320px; position: relative; padding: 2.8rem 1.3rem 1.3rem; border: 1px solid var(--line); background: rgba(12,25,40,.7); }.boundary-label { position: absolute; left: 0; top: 0; padding: .5rem .8rem; color: var(--ink); background: var(--cyan); font: 800 .61rem var(--mono); letter-spacing: .08em; }.replication .boundary-label { background: var(--violet); }.prospective .boundary-label { background: var(--amber); }.evidence-block canvas { width: 100%; height: 240px; display: block; }.evidence-block > p { margin: .6rem 0 0; color: var(--muted); font-size: .7rem; }
#replication-bars { display: grid; gap: 1rem; padding: 1.2rem 0; }.rep-bar { display: grid; grid-template-columns: 180px 1fr 70px; align-items: center; gap: 1rem; font: .65rem var(--mono); }.rep-bar .bar { height: 12px; }.rep-bar i { background: var(--violet); }.empty-evidence { height: 235px; display: grid; place-content: center; text-align: center; }.empty-evidence span { color: var(--amber); font: 500 6rem/.8 var(--display); }.empty-evidence p { color: var(--muted); font: .7rem var(--mono); text-transform: uppercase; }
.method-note { display: grid; grid-template-columns: 70px .7fr 1.4fr; gap: 2rem; align-items: start; padding: 2rem; margin-bottom: 4rem; }.method-note h2 { font: 500 2.2rem/1 var(--display); text-transform: uppercase; }.method-note p { color: var(--muted); }
.replay-head { flex-direction: row; align-items: end; justify-content: space-between; }.replay-warning { padding: 1rem; border: 1px solid var(--amber); color: var(--amber); text-align: right; font: .65rem var(--mono); }.replay-stage { margin: 2rem 0 4rem; padding-bottom: 1rem; }.replay-toolbar { display: flex; gap: .5rem; align-items: center; padding: .75rem; border-bottom: 1px solid var(--line); }.replay-toolbar button, .replay-toolbar select { padding: .55rem .75rem; color: var(--text); background: transparent; border: 1px solid var(--line); border-radius: 3px; font: .62rem var(--mono); text-transform: uppercase; cursor: pointer; }.replay-toolbar button:hover, .replay-toolbar button:focus { border-color: var(--cyan); color: var(--cyan); }.replay-toolbar label { margin-left: auto; color: var(--muted); font: .6rem var(--mono); }.replay-toolbar > span { min-width: 74px; text-align: right; color: var(--muted); font: .6rem var(--mono); }.replay-date { padding: 1rem 1.2rem 0; font: 500 3rem var(--display); }.replay-stage canvas { width: 100%; height: 300px; display: block; }.replay-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin: 0 1rem; background: var(--line); }.replay-grid div { padding: .8rem; background: var(--ink-2); }.replay-grid span { display: block; color: var(--muted); font: .55rem var(--mono); }.replay-grid strong { display: block; margin-top: .3rem; font: 700 .8rem var(--mono); }.replay-tape { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding: 1rem; }.tape-col { padding: 1rem; border: 1px solid var(--line); }.tape-col h3 { color: var(--muted); font: 700 .58rem var(--mono); letter-spacing: .1em; }.tape-col p { margin: .4rem 0; font: .63rem var(--mono); }
footer { min-height: 52px; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0 3vw; color: var(--muted); border-top: 1px solid var(--line); font: .55rem var(--mono); letter-spacing: .08em; }
.fatal { position: fixed; inset: 0; z-index: 90; display: grid; place-content: center; text-align: center; background: var(--ink); }.fatal strong { color: var(--coral); font: 500 4rem var(--display); }.fatal p { color: var(--muted); }
.fatal[hidden] { display: none; }
@media (max-width: 1050px) {
  .topbar { grid-template-columns: 1fr auto; }.topbar nav { order: 3; grid-column: 1 / -1; justify-self: center; margin-bottom: .6rem; }.live-lock { font-size: .55rem; }
  .heartbeat-rail { grid-template-columns: repeat(3,1fr); }.heartbeat:nth-child(3) { border-right: 0; }.heartbeat:nth-child(-n+3) { border-bottom: 1px solid var(--line); }.hero { grid-template-columns: 1fr; }.hero-copy { max-width: 760px; }.today-grid, .research-grid { grid-template-columns: 1fr 1fr; }.orders-panel, .data-panel { grid-column: 1 / -1; }.constellation-wrap { grid-template-columns: 1fr; }.constellation-aside { border: 0; border-top: 1px solid var(--line); }.split-section { grid-template-columns: 1fr; }.operations-score { grid-template-columns: repeat(3,1fr); }.operations-grid { grid-template-columns: 1fr 1fr; }.alerts-card { grid-column: 1 / -1; }.comparison-grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 700px) {
  .topbar { padding: .7rem 4vw; gap: .7rem; }.brand small { display: none; }.live-lock { max-width: 100px; white-space: normal; text-align: right; } nav { width: 100%; } nav a { flex: 1; text-align: center; }
  .view { width: 92vw; }.mission-strip { grid-template-columns: 1fr 1fr; }.mission-strip > div { border-bottom: 1px solid var(--line); }.mission-strip > div:last-child { grid-column: 1 / -1; }.heartbeat-rail { grid-template-columns: 1fr 1fr; }.heartbeat:nth-child(odd) { border-right: 1px solid var(--line); }.heartbeat:nth-child(even) { border-right: 0; }.heartbeat { border-bottom: 1px solid var(--line); }
  .hero { min-height: 0; padding-top: 3.5rem; }.hero-metrics { grid-template-columns: 1fr; }.orbital-panel { min-height: 610px; } #system-graph { height: 520px; }
  .section-title { align-items: start; flex-wrap: wrap; }.section-note, .readonly-seal { margin-left: 0; }.today-grid, .research-grid { grid-template-columns: 1fr; }.orders-panel, .data-panel { grid-column: auto; }
  .constellation-wrap { min-height: 610px; } #constellation { height: 420px; }.split-section { display: grid; }.metric-line { grid-template-columns: 1fr 1fr; }.research-grid > .panel { min-height: 340px; }.operations-score { grid-template-columns: 1fr 1fr; }.operations-grid { grid-template-columns: 1fr; }.alerts-card { grid-column: auto; }.comparison-grid { grid-template-columns: 1fr 1fr; }
  .evidence-counts, .evidence-definitions { grid-template-columns: 1fr 1fr; }.evidence-counts div { border-bottom: 1px solid var(--line); }.method-note { grid-template-columns: 1fr; gap: .5rem; }.replay-head { flex-direction: column; align-items: start; }.replay-warning { text-align: left; }.replay-toolbar { flex-wrap: wrap; }.replay-toolbar label { margin-left: 0; }.replay-grid { grid-template-columns: 1fr 1fr; }.replay-tape { grid-template-columns: 1fr; }.rep-bar { grid-template-columns: 1fr; gap: .4rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }