.command-site { --command-line: rgba(234,243,247,.18); --command-paper: #f4f8f9; --command-ink: #071321; --command-muted: #435b67; }
.command-main { background: var(--command-paper); color: var(--command-ink); }
.command-header { position: sticky; top: 0; background: rgba(4,11,18,.97); backdrop-filter: blur(14px); }
.command-hero { min-height: 86svh; position: relative; display: grid; align-items: end; overflow: hidden; isolation: isolate; padding: clamp(7rem,13vw,12rem) clamp(1.1rem,7vw,7.5rem) clamp(4rem,8vw,7rem); color: var(--cloud); }
.command-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.command-hero-shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,rgba(2,7,12,.98) 0%,rgba(2,7,12,.78) 48%,rgba(2,7,12,.22)),linear-gradient(0deg,#071321 0%,transparent 65%); }
.command-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(rgba(125,213,220,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(125,213,220,.13) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right,#000,transparent 78%); }
.command-hero-copy { max-width: 980px; }
.command-hero h1 { max-width: 940px; margin: 0; font: 500 clamp(4rem,10vw,9.5rem)/.82 var(--display); letter-spacing: -.065em; text-transform: uppercase; }
.command-hero h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(234,243,247,.86); }
.command-hero-copy > p:last-of-type { max-width: 760px; margin: 2rem 0 0; color: var(--mist); font: 500 clamp(1.15rem,2vw,1.55rem)/1.6 var(--display); }
.status-deck { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #06101b; color: var(--cloud); border-top: 1px solid var(--command-line); border-bottom: 1px solid var(--command-line); }
.status-deck article { min-height: 170px; padding: 1.6rem clamp(1.1rem,3vw,2.5rem); display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--command-line); }
.status-deck article:last-child { border-right: 0; }
.status-deck span,.status-deck small { color: var(--mist); font-size: .875rem; letter-spacing: .1em; text-transform: uppercase; }
.status-deck strong { color: var(--signal); font: 500 clamp(2.7rem,5vw,5rem)/1 var(--display); }
.command-section { padding: clamp(4.75rem,8vw,8rem) clamp(1.1rem,7vw,7.5rem); scroll-margin-top: 96px; }
.command-section + .command-section { border-top: 1px solid rgba(7,19,33,.17); }
.command-dark { background: #071321; color: var(--cloud); }
.command-paper { background: var(--command-paper); color: var(--command-ink); }
.command-ice { background: #dce9ed; color: var(--command-ink); }
.command-signal { background: #0f3544; color: var(--cloud); }
.command-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.48fr); gap: clamp(2rem,6vw,7rem); align-items: end; margin-bottom: clamp(2.5rem,5vw,4.5rem); }
.command-heading h2 { max-width: 900px; margin: .45rem 0 0; font: 500 clamp(3rem,6.8vw,7rem)/.88 var(--display); letter-spacing: -.055em; }
.command-heading > p { margin: 0; color: var(--command-muted); line-height: 1.75; }
.command-dark .command-heading > p,.command-signal .command-heading > p { color: var(--mist); }
.command-kicker { margin: 0; color: #a43a23; font-size: .875rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.command-dark .command-kicker,.command-signal .command-kicker,.trumpet-section .command-kicker { color: var(--signal); }
.command-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .7rem; }
.command-status { min-height: 1.6em; margin: 1rem 0 0; color: var(--signal); }
.command-paper .button-quiet,.command-ice .button-quiet { color: var(--command-ink); border-color: #526873; }

.premiere-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.65fr); gap: 1px; background: var(--command-line); border: 1px solid var(--command-line); }
.premiere-screen,.premiere-panel { background: #0b1d2a; }
.premiere-screen { min-height: 620px; position: relative; overflow: hidden; }
.premiere-screen img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.62); }
.premiere-screen::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(3,8,14,.96),transparent 65%); }
.premiere-screen > div { position: absolute; z-index: 1; inset: auto 0 0; padding: clamp(1.4rem,4vw,3.5rem); }
.premiere-screen span { color: var(--signal); font-size: .875rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.premiere-screen strong { display: block; max-width: 760px; margin-top: .8rem; font: 500 clamp(2rem,4vw,4rem)/1.05 var(--display); }
.premiere-screen p { color: var(--mist); }
.premiere-panel { padding: clamp(1.4rem,3vw,2.8rem); }
.readiness-list { margin: 1.5rem 0 0; padding: 0; list-style: none; }
.readiness-list li { min-height: 64px; display: flex; gap: .9rem; align-items: center; border-top: 1px solid var(--command-line); }
.readiness-list li > span { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #7b4e2c; box-shadow: 0 0 0 5px rgba(223,91,55,.08); }
.readiness-list li.is-ready > span { background: var(--signal); box-shadow: 0 0 0 5px rgba(125,213,220,.08); }
.readiness-list li div { display: flex; width: 100%; justify-content: space-between; gap: 1rem; align-items: baseline; }
.readiness-list strong { font-size: .95rem; }
.readiness-list small { color: var(--mist); text-align: right; }
.premiere-countdown { padding: 1rem; border-left: 4px solid var(--ember); background: rgba(234,243,247,.06); color: var(--mist); line-height: 1.6; }

.production-board { border-top: 1px solid rgba(7,19,33,.2); }
.production-board article { min-height: 110px; padding: 1.25rem 0; display: grid; grid-template-columns: 70px minmax(0,1fr) minmax(150px,.25fr); gap: 1rem; align-items: center; border-bottom: 1px solid rgba(7,19,33,.2); }
.production-board article > span { color: #a43a23; font: 500 1.5rem var(--display); }
.production-board h3 { margin: 0 0 .35rem; font: 500 clamp(1.6rem,3vw,2.4rem)/1.1 var(--display); }
.production-board p { margin: 0; color: var(--command-muted); line-height: 1.6; }
.production-board article > strong { justify-self: end; padding: .5rem .7rem; border: 1px solid currentColor; color: #8a4f13; font-size: .875rem; letter-spacing: .09em; text-transform: uppercase; }
.production-board article[data-production="ready"] > strong { color: #1e6a52; }
.production-board article[data-production="active"] > strong { color: #8b3b27; }
.production-board article[data-production="blocked"] > strong { color: #62556f; }

.evidence-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.35fr) auto; gap: .8rem; align-items: end; margin-bottom: 1.2rem; }
.evidence-controls label,.watch-form label,.archive-search label { display: grid; gap: .45rem; color: #304955; font-size: .875rem; font-weight: 800; letter-spacing: .06em; }
.evidence-controls input,.evidence-controls select,.watch-form input,.watch-form select,.archive-search input { min-height: 52px; padding: .75rem .85rem; border: 1px solid #7f969f; border-radius: 0; background: #fff; color: var(--command-ink); font: 500 1rem var(--sans); }
.evidence-result,.canon-result { min-height: 1.5em; color: #405661; }
.evidence-table-wrap { overflow-x: auto; border: 1px solid rgba(7,19,33,.2); }
.evidence-table { width: 100%; min-width: 780px; border-collapse: collapse; }
.evidence-table th { padding: 1rem; background: #071321; color: var(--cloud); text-align: left; font-size: .875rem; letter-spacing: .1em; text-transform: uppercase; }
.evidence-table td { padding: 1rem; border-top: 1px solid rgba(7,19,33,.15); background: rgba(255,255,255,.6); color: #304955; line-height: 1.55; vertical-align: top; }
.evidence-table tr[hidden] { display: none; }
.evidence-badge { display: inline-block; padding: .35rem .5rem; border: 1px solid currentColor; color: #1e6a52; font-size: .875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.evidence-badge.interpretation { color: #8a4f13; }

.map-shell { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.7fr); gap: 1px; border: 1px solid var(--command-line); background: var(--command-line); }
.story-map,.map-console { background: #06101b; }
.story-map { min-height: 560px; position: relative; display: grid; place-items: center; padding: 2rem; overflow: hidden; }
.story-map svg { width: 100%; height: auto; }
.story-map .land { fill: #163140; stroke: rgba(234,243,247,.24); stroke-width: 2; }
.story-map .routes path { fill: none; stroke: url(#route-light); stroke-width: 5; stroke-dasharray: 10 12; }
.gather-point { fill: #ff7953; }
.gather-ring { fill: none; stroke: #7dd5dc; stroke-width: 3; opacity: .75; }
.story-map > div { position: absolute; left: 2rem; bottom: 2rem; display: grid; gap: .3rem; }
.story-map strong { font: 500 1.6rem var(--display); }
.story-map span { color: var(--mist); }
.map-console { padding: clamp(1.2rem,3vw,2.5rem); }
.map-buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.map-buttons button,.canon-filters button,.academy-tabs button { min-height: 50px; padding: .7rem; border: 1px solid var(--command-line); background: transparent; color: var(--cloud); font: 750 .875rem var(--sans); cursor: pointer; }
.map-buttons button[aria-pressed="true"],.canon-filters button[aria-pressed="true"],.academy-tabs button[aria-selected="true"] { background: var(--signal); border-color: var(--signal); color: var(--command-ink); }
.map-readout { margin-top: 1.8rem; padding-top: 1.8rem; border-top: 1px solid var(--command-line); }
.map-readout h3 { margin: .5rem 0 1rem; font: 500 clamp(2.3rem,5vw,4.5rem)/.95 var(--display); }
.map-readout > p { color: var(--mist); line-height: 1.7; }
.map-readout dl { margin: 1.4rem 0 0; }
.map-readout dl div { padding: .8rem 0; border-top: 1px solid var(--command-line); }
.map-readout dt { color: var(--signal); font-size: .875rem; font-weight: 800; text-transform: uppercase; }
.map-readout dd { margin: .3rem 0 0; color: var(--mist); }

.canon-filters { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.5rem; }
.canon-filters button { border-color: rgba(7,19,33,.25); color: var(--command-ink); }
.canon-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(7,19,33,.18); border: 1px solid rgba(7,19,33,.18); }
.canon-grid article { padding: clamp(1.3rem,2.5vw,2.2rem); background: #fff; }
.canon-grid article[hidden] { display: none; }
.canon-grid article > span { color: #a43a23; font-size: .875rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.canon-grid h3 { margin: 2rem 0 .8rem; font: 500 clamp(2rem,3vw,3rem)/1 var(--display); }
.canon-grid p,.canon-grid li { color: var(--command-muted); line-height: 1.6; }
.canon-grid ul { padding-left: 1.2rem; }
.canon-grid a { display: inline-flex; min-height: 44px; align-items: center; margin-top: 1rem; color: #6d2e1e; font-weight: 800; text-underline-offset: .25em; }

.signal-sequence { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; border: 1px solid var(--command-line); }
.signal-sequence li { min-height: 210px; padding: 1.2rem; display: flex; flex-direction: column; gap: .7rem; border-right: 1px solid var(--command-line); }
.signal-sequence li:last-child { border-right: 0; }
.signal-sequence span { color: var(--signal); font: 500 1.4rem var(--display); }
.signal-sequence strong { margin-top: auto; font: 500 1.7rem/1.1 var(--display); }
.signal-sequence small { color: var(--mist); }

.academy-shell { display: grid; grid-template-columns: minmax(210px,.28fr) minmax(0,1fr); gap: 1px; border: 1px solid rgba(7,19,33,.2); background: rgba(7,19,33,.2); }
.academy-tabs { display: grid; align-content: start; background: #071321; }
.academy-tabs button { border: 0; border-bottom: 1px solid var(--command-line); text-align: left; }
.academy-panel { min-height: 410px; padding: clamp(1.5rem,5vw,4.5rem); background: #fff; }
.academy-panel h3 { margin: .7rem 0 1rem; font: 500 clamp(2.5rem,5vw,5rem)/.95 var(--display); }
.academy-panel p,.academy-panel li { color: var(--command-muted); line-height: 1.7; }
.academy-panel ol { margin-top: 1.5rem; padding-left: 1.3rem; }
.resource-grid { margin-top: 1.2rem; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(7,19,33,.2); border: 1px solid rgba(7,19,33,.2); }
.resource-grid a,.resource-grid button { min-height: 135px; padding: 1.2rem; display: flex; flex-direction: column; justify-content: space-between; border: 0; background: #e3ecef; color: var(--command-ink); text-align: left; text-decoration: none; cursor: pointer; }
.resource-grid span { color: #8d371f; font-size: .875rem; font-weight: 800; text-transform: uppercase; }
.resource-grid strong { font: 500 1.5rem/1.15 var(--display); }

.vault-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1rem; }
.vault-grid a { min-height: 420px; position: relative; overflow: hidden; color: #fff; }
.vault-grid img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.48) saturate(.78); transition: transform .35s ease; }
.vault-grid a:hover img { transform: scale(1.025); }
.vault-grid a > div { position: absolute; inset: auto 0 0; padding: 1.4rem; background: linear-gradient(0deg,rgba(3,8,14,.98),transparent); }
.vault-grid span { color: var(--signal); font-size: .875rem; font-weight: 800; text-transform: uppercase; }
.vault-grid h3 { margin: .5rem 0 0; font: 500 2.1rem var(--display); }
.truth-grid { margin-top: 1.2rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--command-line); }
.truth-grid article { padding: 1.4rem; background: #0b1d2a; }
.truth-grid strong { color: var(--signal); text-transform: uppercase; }
.truth-grid p { color: var(--mist); line-height: 1.6; }

.planner-grid { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1fr); gap: 1px; background: rgba(7,19,33,.2); border: 1px solid rgba(7,19,33,.2); }
.watch-form,.watch-output { padding: clamp(1.4rem,3vw,2.8rem); background: rgba(255,255,255,.68); }
.watch-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
.watch-form input,.watch-form select { min-width: 0; width: 100%; }
.watch-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.watch-output h3 { margin: .7rem 0 1rem; font: 500 clamp(2.3rem,4vw,4rem)/1 var(--display); }
.watch-output p { color: var(--command-muted); line-height: 1.7; }
.watch-output dl { margin: 1.5rem 0 0; }
.watch-output dl div { padding: .7rem 0; display: grid; grid-template-columns: 130px 1fr; gap: 1rem; border-top: 1px solid rgba(7,19,33,.18); }
.watch-output dt { color: #8d371f; font-weight: 800; }
.watch-output dd { margin: 0; }

.support-now { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(7,19,33,.2); border: 1px solid rgba(7,19,33,.2); }
.support-now a { min-height: 220px; padding: 1.4rem; display: flex; flex-direction: column; color: var(--command-ink); background: #fff; text-decoration: none; }
.support-now span { color: #8d371f; font-size: .875rem; font-weight: 800; text-transform: uppercase; }
.support-now strong { margin-top: auto; font: 500 2rem/1.05 var(--display); }
.support-now small { margin-top: .7rem; color: var(--command-muted); }

.access-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--command-line); border: 1px solid var(--command-line); }
.access-grid a,.access-grid button { min-height: 145px; padding: 1.2rem; display: flex; flex-direction: column; justify-content: space-between; border: 0; background: #0b2d3a; color: var(--cloud); text-align: left; text-decoration: none; cursor: pointer; }
.access-grid strong { font: 500 1.7rem var(--display); }
.access-grid span { color: var(--mist); }

.trumpet-section { min-height: 88svh; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); background: #03080e; color: var(--cloud); }
.trumpet-section > img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.trumpet-section > div { padding: clamp(4rem,8vw,8rem) clamp(1.4rem,6vw,6rem); align-self: center; }
.trumpet-section h2 { margin: .7rem 0 1.5rem; font: 500 clamp(3.5rem,7vw,7rem)/.88 var(--display); letter-spacing: -.055em; }
.trumpet-section p { color: var(--mist); font-size: 1.05rem; line-height: 1.7; }
.trumpet-section blockquote { margin: 2rem 0; padding: 1.5rem 0; border-top: 1px solid var(--command-line); border-bottom: 1px solid var(--command-line); color: var(--signal); font: 500 clamp(1.8rem,3vw,3rem)/1.2 var(--display); }
.trumpet-note { font-style: italic; }

.archive-search { max-width: 920px; }
.archive-search label { color: var(--mist); }
.archive-search > div { margin-top: .6rem; display: grid; grid-template-columns: 1fr auto; gap: .6rem; }
.archive-answer { max-width: 920px; min-height: 250px; margin-top: 1.5rem; padding: clamp(1.4rem,4vw,3rem); border: 1px solid var(--command-line); background: #0b1d2a; }
.archive-answer h3 { margin: .7rem 0 1rem; font: 500 clamp(2.2rem,4vw,4rem)/1 var(--display); }
.archive-answer p { color: var(--mist); line-height: 1.75; }
.archive-answer a { color: var(--signal); }
.archive-answer .archive-sources { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--command-line); }

.guardrail-section { background: #e7eef0; }
.guardrail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(7,19,33,.2); border: 1px solid rgba(7,19,33,.2); }
.guardrail-grid article { padding: 1.4rem; background: #f9fbfb; }
.guardrail-grid strong { display: block; color: #742d1d; font: 500 1.6rem var(--display); }
.guardrail-grid p { color: var(--command-muted); line-height: 1.65; }

@media (max-width: 1000px) {
  .status-deck { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .status-deck article:nth-child(2) { border-right: 0; }
  .premiere-grid,.map-shell,.trumpet-section { grid-template-columns: 1fr; }
  .planner-grid { grid-template-columns: minmax(0,1fr); }
  .watch-form,.watch-output { min-width: 0; }
  .canon-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal-sequence { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal-sequence li { border-bottom: 1px solid var(--command-line); }
  .signal-sequence li:last-child { grid-column: 1 / -1; }
  .resource-grid,.support-now { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .vault-grid { grid-template-columns: 1fr 1fr; }
  .vault-grid a:first-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .command-header { position: relative; }
  .command-heading { grid-template-columns: 1fr; }
  .evidence-controls { grid-template-columns: 1fr; }
  .production-board article { grid-template-columns: 45px 1fr; }
  .production-board article > strong { grid-column: 2; justify-self: start; }
  .academy-shell { grid-template-columns: 1fr; }
  .academy-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .access-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .truth-grid,.guardrail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .command-hero { min-height: 760px; }
  .command-hero h1 { font-size: clamp(3.6rem,18vw,5.8rem); }
  .status-deck,.canon-grid,.signal-sequence,.resource-grid,.support-now,.access-grid,.vault-grid { grid-template-columns: 1fr; }
  .status-deck article { border-right: 0; border-bottom: 1px solid var(--command-line); }
  .signal-sequence li,.signal-sequence li:last-child,.vault-grid a:first-child { grid-column: auto; }
  .map-buttons { grid-template-columns: 1fr; }
  .watch-row { grid-template-columns: minmax(0,1fr); }
  .premiere-screen { min-height: 520px; }
  .readiness-list li div { display: grid; }
  .readiness-list small { text-align: left; }
  .archive-search > div { grid-template-columns: 1fr; }
  .watch-output dl div { grid-template-columns: 1fr; gap: .25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .vault-grid img { transition: none; }
  .story-map .routes path { stroke-dasharray: none; }
}
@media print {
  .command-header,.command-hero,.status-deck,.command-actions,.evidence-controls,.canon-filters,.map-buttons,.watch-form,.support-now,.access-grid,.trumpet-section,.archive-search,.hub-footer { display: none !important; }
  .command-section,.command-dark,.command-paper,.command-ice,.command-signal,.premiere-screen,.premiere-panel,.map-console,.story-map,.academy-panel,.watch-output,.archive-answer { background: #fff !important; color: #000 !important; }
  .command-section { padding: 1rem; break-inside: avoid; }
  .command-heading { display: block; margin-bottom: 1rem; }
  .command-heading h2 { font-size: 28pt; }
  .command-heading > p,.command-dark p,.command-signal p,.archive-answer p,.map-readout p { color: #222 !important; }
}