/* GOE-1.0 — Observatory expansion surfaces */

/* Mission Field expansion */
#glo-mission-field[data-goe-state="focused"] {
  max-height: 280px !important;
  opacity: 1 !important;
  min-height: 100px !important;
}
.glo-mission-history {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
  margin-top: var(--space-2);
}
.glo-mission-gravity {
  font-size: var(--text-xs);
  color: var(--color-muted);
  text-align: center;
  padding: var(--space-2);
}

/* Memory Depth layers */
.glo-memory-layers {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
}
.glo-memory-layer {
  padding: var(--space-3);
  border-left: 2px solid var(--color-border);
  font-size: var(--text-sm);
  animation: glo-descent 0.8s ease-out backwards;
}
.glo-memory-layer[data-depth="deep"] { opacity: 0.75; margin-left: var(--space-4); }
.glo-memory-layer[data-depth="archived"] { opacity: 0.5; margin-left: var(--space-6); }

/* Knowledge Sky clusters */
.glo-knowledge-cluster {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-1);
  margin: var(--space-2);
}
.glo-cluster-label {
  font-size: var(--text-xs);
  color: var(--color-muted);
}
.glo-star-node[data-verified="false"] { opacity: 0.35; }

/* Builder / Studio / Launcher surfaces (in observatory) */
.goe-workspace-surface {
  display: none;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(12, 16, 32, 0.55);
  margin-top: var(--space-4);
  animation: glo-emergence 0.9s ease-out;
}
#glo-observatory[data-goe-zone="builder"] #goe-builder-surface,
#glo-observatory[data-goe-zone="studio"] #goe-studio-surface,
#glo-observatory[data-goe-zone="launcher"] #goe-launcher-gateway {
  display: block;
}
.goe-studio-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
}
.goe-studio-chip {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  background: transparent;
  color: var(--color-text);
  cursor: pointer;
}
.goe-studio-chip:hover { border-color: var(--color-primary); }
.goe-launcher-context {
  text-align: center;
  font-size: var(--text-sm);
  color: var(--color-muted);
}

/* Horizon enterprise hint */
#glo-horizon[data-goe-enterprise="open"] {
  height: 48px;
  opacity: 0.7;
  background: linear-gradient(90deg, transparent, rgba(101,232,255,0.06), transparent);
}

/* GOE-L001 — Marketplace at civilization horizon */
#glo-horizon[data-goe-marketplace="open"] {
  min-height: 120px;
  opacity: 1;
  padding: var(--space-4);
  background: linear-gradient(180deg, transparent, rgba(101,232,255,0.04));
}
.goe-horizon-panel {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.goe-horizon-label {
  font-size: var(--text-xs);
  color: var(--color-muted);
  margin: 0 0 var(--space-3);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.goe-horizon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
  margin-bottom: var(--space-3);
}
.goe-horizon-empty {
  font-size: var(--text-sm);
  color: var(--color-muted);
}
#glo-observatory[data-goe-zone="marketplace"] #glo-knowledge-sky {
  opacity: 0.9;
}
.view.glo-legacy-view[hidden] {
  display: none !important;
}

/* GUX expansion bar */
.glo-gux-bar .glo-gux-btn[data-goe-active="true"] {
  color: var(--color-primary);
  background: rgba(101, 232, 255, 0.1);
}

/* Migrated nav — observatory mode indicator */
body.goe-observatory-primary .sidebar .nav-item[data-goe-migrated="true"]::after {
  content: "◦";
  margin-left: 4px;
  color: var(--color-primary);
  font-size: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .goe-workspace-surface, .glo-memory-layer { animation: none !important; }
}