:root {
  --science-green: #53f0a6;
  --science-blue: #65cfff;
  --science-amber: #f5c85b;
  --science-red: #ff5f72;
  --science-panel: rgba(8, 12, 18, .94);
}

.scientific-control-deck {
  position: relative;
  z-index: 20;
  border-block: 1px solid rgba(222, 180, 73, .55);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 30%),
    radial-gradient(circle at 25% 0, rgba(34, 116, 152, .14), transparent 40%),
    #06090e;
  color: #edf5fa;
  scroll-margin-top: 96px;
}

.container,
.section > .container,
body.windowed-layout .section > .container,
.scientific-control-inner,
#planet-simulation .planet-simulation-inner {
  width: min(calc(100% - 2rem), 1600px) !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
}

.scientific-control-disclosure > summary,
.celestial-recovery-gallery > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .25rem;
  cursor: pointer;
  color: #f0cf72;
  font-weight: 700;
  list-style-position: inside;
}

.scientific-control-disclosure > summary small,
.celestial-recovery-gallery > summary small {
  color: #98a7b2;
  font-weight: 400;
}

.scientific-control-body { padding-bottom: .7rem; }

.scientific-command-row {
  display: grid;
  grid-template-columns: minmax(440px, 2fr) minmax(250px, 1fr) auto;
  gap: .65rem;
  align-items: center;
  padding: .7rem 0;
}

.scientific-command-title h2 {
  margin: .15rem 0 0;
  font-size: clamp(1rem, 1.4vw, 1.35rem);
}

.role-status-bank,
.compute-mode-row,
.control-action-row {
  display: flex;
  gap: .4rem;
  align-items: center;
  flex-wrap: wrap;
}

.status-chip,
.supervisor-switch label,
.global-kill-switch,
.compute-mode,
.control-deck-health {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  min-height: 34px;
  padding: .35rem .55rem;
  border: 1px solid rgba(222, 180, 73, .35);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: #cbd5dd;
  font-size: .72rem;
}

.status-chip i,
.led {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: 0 0 10px;
  background: #59626d;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .04);
}

.status-chip.active i,
.led-green { background: var(--science-green); box-shadow: 0 0 10px rgba(83, 240, 166, .8); }
.led-blue { background: var(--science-blue); box-shadow: 0 0 10px rgba(101, 207, 255, .75); }
.led-amber { background: var(--science-amber); box-shadow: 0 0 10px rgba(245, 200, 91, .75); }
.led-red { background: var(--science-red); box-shadow: 0 0 10px rgba(255, 95, 114, .75); }
.led-off { background: #4a5058 !important; box-shadow: none !important; }

.supervisor-switch {
  display: flex;
  gap: .35rem;
  margin: 0;
  padding: .25rem;
  border: 1px solid rgba(222, 180, 73, .35);
  border-radius: 10px;
}

.supervisor-switch legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.supervisor-switch input,
.compute-mode input,
.global-kill-switch input,
.agent-switch input { accent-color: #d9b54a; }

.global-kill-switch {
  cursor: pointer;
  border-color: rgba(255, 95, 114, .7);
  color: #ffd7dc;
}

.global-kill-switch:has(input:checked) {
  background: rgba(151, 15, 35, .45);
  box-shadow: inset 0 0 24px rgba(255, 35, 68, .18);
}

.compute-mode-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) minmax(260px, 1.2fr);
  padding: .55rem 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.compute-mode {
  cursor: pointer;
  align-items: flex-start;
  display: grid;
  grid-template-columns: auto auto 1fr;
}

.compute-mode small,
.control-deck-health small {
  grid-column: 2 / -1;
  color: #8f9eaa;
}

.compute-mode.active {
  border-color: rgba(83, 240, 166, .7);
  background: rgba(44, 151, 108, .12);
}

.control-deck-health {
  display: grid;
  grid-template-columns: auto 1fr;
}

.six-agent-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .45rem;
  padding: .25rem 0 .7rem;
}

.science-agent {
  min-width: 0;
  border: 1px solid rgba(222, 180, 73, .35);
  border-radius: 10px;
  padding: .55rem;
  background: linear-gradient(155deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .01));
}

.science-agent header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .25rem .4rem;
  align-items: center;
}

.science-agent h3 {
  margin: 0;
  font-size: .8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.science-agent p {
  min-height: 3.4em;
  margin: .45rem 0;
  color: #9facb6;
  font-size: .68rem;
  line-height: 1.35;
}

.agent-switches {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .3rem;
}

.agent-switch {
  display: flex;
  align-items: center;
  gap: .25rem;
  font-size: .65rem;
}

.agent-score {
  display: flex;
  justify-content: space-between;
  margin-top: .45rem;
  padding-top: .35rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
  font-size: .68rem;
}

.science-agent.killed {
  opacity: .5;
  border-color: rgba(255, 95, 114, .6);
}

.control-deck-workspace {
  border-top: 1px solid rgba(222, 180, 73, .35);
}

.control-deck-workspace > summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .65rem .25rem;
  cursor: pointer;
  color: #f0cf72;
}

.control-deck-workspace-body {
  max-height: 72vh;
  overflow: auto;
  overscroll-behavior: contain;
  padding: .3rem .2rem 1rem;
  scrollbar-color: #d3ad45 #10151c;
}

.control-config-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
}

.control-action-row { margin: .65rem 0; }
.control-action-row select { min-height: 38px; }

.scientific-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}

.scientific-results-grid .card { min-height: 160px; }
.scientific-ledger { display: grid; gap: .25rem; }
.scientific-ledger span { display: flex; justify-content: space-between; gap: 1rem; padding: .25rem 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .75rem; }
.scientific-ledger small { color: #9aa8b2; }

.scientific-reference-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  margin-top: .55rem;
}

.scientific-reference-grid > details {
  border: 1px solid rgba(222, 180, 73, .35);
  border-radius: 8px;
  padding: .5rem;
  max-height: 320px;
  overflow: auto;
}

.scientific-reference-grid summary { cursor: pointer; color: #e7c86e; font-weight: 700; }
.scientific-reference-grid :where(p, li, td, th) { font-size: .72rem; line-height: 1.45; }
.scientific-reference-grid table { width: 100%; border-collapse: collapse; }
.scientific-reference-grid :where(td, th) { padding: .3rem; border: 1px solid rgba(255,255,255,.09); text-align: left; }

.celestial-recovery-gallery {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(222, 180, 73, .4);
  scroll-margin-top: 96px;
}

.celestial-gallery-body { padding: .25rem 0 .8rem; }

.celestial-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
}

.celestial-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(222, 180, 73, .4);
  border-radius: 10px;
  background: #020406;
}

.celestial-card img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #000;
}

.celestial-card figcaption { padding: .55rem; }
.celestial-card b { display: block; color: #f2d373; }
.celestial-card small { color: #9aabb6; line-height: 1.35; }
.celestial-source-badge { position: absolute; top: .45rem; left: .45rem; padding: .18rem .38rem; border-radius: 999px; background: rgba(0,0,0,.72); color: #fff; font-size: .62rem; }

@media (max-width: 1220px) {
  .scientific-command-row { grid-template-columns: 1fr 1fr; }
  .six-agent-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .scientific-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .scientific-command-row,
  .compute-mode-row,
  .control-config-grid,
  .scientific-results-grid { grid-template-columns: 1fr; }
  .six-agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .celestial-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .container,
  .section > .container,
  body.windowed-layout .section > .container,
  .scientific-control-inner,
  #planet-simulation .planet-simulation-inner { width: min(calc(100% - .75rem), 1600px) !important; }
  .six-agent-grid,
  .scientific-reference-grid,
  .celestial-gallery-grid { grid-template-columns: 1fr; }
}

@media print {
  .site-header,
  .access-gate,
  .guide-orb,
  .ticker-deck,
  .control-action-row,
  .global-kill-switch { display: none !important; }
  .scientific-control-deck { color: #111; background: #fff; border: 0; }
  .control-deck-workspace-body,
  .scientific-reference-grid > details { max-height: none !important; overflow: visible !important; }
  .science-agent,
  .scientific-results-grid .card,
  .scientific-reference-grid > details { color: #111; background: #fff; border-color: #777; break-inside: avoid; }
  .celestial-card { break-inside: avoid; }
}

@media (prefers-reduced-motion: reduce) {
  .led { box-shadow: none !important; }
}