/* {space} v6.1 – wild signal layer, 2026-08-29 */

:root {
  --wild-paper: #f2f0e9;
  --wild-ink: #111313;
  --wild-blue: #b8ff4a;
  --wild-yellow: #dce8c8;
  --wild-red: #ff5a3d;
}

.wild-signal-field {
  --signal-x: 50%;
  --signal-y: 50%;
  position: relative;
  min-height: 104px;
  overflow: hidden;
  border-bottom: 1px solid rgba(17, 19, 19, .26);
  background:
    radial-gradient(circle at var(--signal-x) var(--signal-y), rgba(184,255,74,.2), transparent 19%),
    #f2f0e9;
  color: #111313;
  isolation: isolate;
}

.wild-signal-field::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #f2f0e9 0, transparent 11%, transparent 89%, #f2f0e9 100%);
}

.wild-signal-field__meta {
  position: absolute;
  z-index: 5;
  left: max(24px, calc((100vw - min(1600px, calc(100vw - 48px))) / 2));
  right: max(24px, calc((100vw - min(1600px, calc(100vw - 48px))) / 2));
  bottom: 15px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: rgba(17,19,19,.56);
  font: 700 8px/1 var(--mono);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.wild-signal-field__meta b {
  color: #111313;
  font-weight: 700;
}

.wild-signal-field__glyphs {
  position: absolute;
  z-index: 1;
  inset: 8px 0 26px;
  transition: transform .3s cubic-bezier(.16,.8,.2,1);
}

.wild-signal-field.is-tracking .wild-signal-field__glyphs {
  transform: translate3d(var(--signal-shift-x, 0), var(--signal-shift-y, 0), 0);
}

.wild-glyph {
  position: absolute;
  left: var(--gx);
  top: var(--gy);
  color: rgba(27,45,93,var(--ga));
  font: 700 var(--gs)/1 var(--mono);
  transform: translate3d(-50%,-50%,0) rotate(var(--gr));
  transition: color .18s ease, opacity .18s ease, transform .3s cubic-bezier(.16,.8,.2,1);
  user-select: none;
}

.wild-glyph[data-tone="yellow"] { color: rgba(216,156,0,var(--ga)); }
.wild-glyph[data-tone="red"] { color: rgba(230,70,41,var(--ga)); }
.wild-glyph[data-tone="green"] { color: rgba(86,120,0,var(--ga)); }
.wild-signal-field.is-tracking .wild-glyph.is-near {
  color: #111313;
  opacity: 1;
  transform: translate3d(-50%,-50%,0) rotate(0) scale(1.6);
}

/* A harder, square control grammar borrowed from the AIM wild lab. */
.field-guide__keys--interactive {
  gap: 0;
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(17,19,19,.42);
  background: rgba(242,240,233,.76);
}

.map-filter {
  position: relative;
  min-height: 46px;
  margin: -1px 0 -1px -1px;
  border-radius: 0;
  border-color: rgba(17,19,19,.35);
  overflow: visible;
}

.map-filter:first-child { margin-left: -1px; }
.map-filter[aria-pressed="true"] {
  border-color: var(--wild-ink);
  background: var(--wild-ink);
  color: var(--wild-paper);
  box-shadow: inset 0 -4px 0 var(--signal);
}

.space-field__card-route {
  min-height: 44px;
  height: auto;
  margin-top: 10px;
  padding: 8px 10px 8px 12px;
  border: 1px solid rgba(242,240,233,.88);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: var(--wild-paper);
  color: var(--wild-ink);
  font: 750 9px/1.25 var(--mono);
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  pointer-events: auto;
  transition: transform .16s ease, box-shadow .16s ease;
}

.space-field__card[data-node-id="dataflow"] { background: #080a09; }

.space-field__card-route::after {
  content: "↘";
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  background: var(--signal);
  color: var(--wild-ink);
}

.space-field__card-route:hover,
.space-field__card-route:focus-visible {
  transform: translate(-2px,-2px);
  box-shadow: 6px 6px 0 var(--signal);
  outline: 2px solid var(--wild-paper);
  outline-offset: 3px;
}

.space-field__card-route[hidden] { display: none; }
.space-field__card[data-kind="person"] .space-field__card-route { grid-column: 2; }
.space-field__card[data-kind]:not([data-kind="person"]) .space-field__card-route { grid-column: 1; }

.application__flow .flow-row {
  margin: 0 -12px;
  padding-left: 12px;
  padding-right: 12px;
  transition: background .2s ease, transform .2s ease;
}

.application__flow .flow-row.is-active {
  background: linear-gradient(90deg, rgba(184,255,74,.14), transparent 72%);
  transform: translateX(4px);
}

.application__flow .flow-row.is-active b {
  border-color: var(--signal);
  background: var(--signal);
  color: #111313;
  box-shadow: 0 0 0 6px rgba(184,255,74,.06);
}

@media (max-width: 700px) {
  .space-field:has(.space-field__card[data-node-id="dataflow"]) .space-field__axis { opacity: 0; }
  .mobile-apply { min-height: 58px; }
  .mobile-apply__copy { display: grid; gap: 4px; }
  .mobile-apply__copy small {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--signal);
    font: 700 7px/1 var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .mobile-apply__copy small::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: var(--signal);
    box-shadow: 9px 0 0 var(--wild-paper);
  }
  .mobile-apply__copy strong { color: var(--wild-paper); font: 750 10px/1 var(--mono); }
  .mobile-apply::after { width: 42px; height: 42px; background: var(--signal); color: var(--wild-ink); }
  .mobile-apply:focus-visible { outline: 2px solid var(--wild-paper); outline-offset: 2px; box-shadow: 4px 4px 0 var(--signal); }
  .wild-signal-field { min-height: 112px; }
  .wild-signal-field__meta {
    left: 16px;
    right: 16px;
    bottom: 10px;
    font-size: 7px;
  }
  .wild-signal-field__meta b { display: none; }
  .wild-signal-field__glyphs { inset: 5px 0 22px; }

  .field-guide__keys--interactive {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .map-filter { min-width: 0; padding: 0 8px; }
  .map-filter[aria-pressed="true"] { box-shadow: inset 0 -3px 0 var(--signal); }

  .space-field { min-height: 720px; }
  .space-field__ledger { backdrop-filter: blur(7px); }
  .version-switcher,
  .evolution-rail.version-history,
  .topic-grid,
  .community-path,
  .fit-list,
  .season-phase,
  .season-precedents {
    scrollbar-width: none;
  }
  .version-switcher::-webkit-scrollbar,
  .evolution-rail.version-history::-webkit-scrollbar,
  .topic-grid::-webkit-scrollbar,
  .community-path::-webkit-scrollbar,
  .fit-list::-webkit-scrollbar,
  .season-phase::-webkit-scrollbar,
  .season-precedents::-webkit-scrollbar { display: none; }

  .application__flow {
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-content: start;
  }
  .application__flow > h3 { grid-column: 1 / -1; }
  .application__flow .flow-row {
    display: block;
    min-height: 130px;
    margin: 0;
    padding: 15px 12px;
    border: 1px solid var(--line);
    border-right: 0;
  }
  .application__flow .flow-row:nth-of-type(2n + 1) { border-right: 1px solid var(--line); }
  .application__flow .flow-row:nth-last-child(-n + 2) { border-top: 0; }
  .application__flow .flow-row b { margin-bottom: 17px; }
  .application__flow .flow-row strong { font-size: 14px; line-height: 1.08; }
  .application__flow .flow-row span { font-size: 10px; line-height: 1.38; }
  .application__flow .flow-row.is-active { transform: none; }
}

/* v6.1 release convergence – one public story, fewer nested instruments. */
.artifact-section .section__inner { max-width: 1760px; padding-top: clamp(48px, 6vw, 88px); }
.artifact-section .section__head { margin-bottom: 24px; align-items: start; }
.artifact-section .field-guide__intro { max-width: 62ch; }
.artifact-lab--solo .space-field {
  min-height: clamp(720px, 88dvh, 980px);
  border-color: rgba(17, 19, 19, .5);
}
.space-field__card {
  border-color: rgba(184, 255, 74, .72);
  box-shadow: 12px 12px 0 rgba(184, 255, 74, .1);
}
.space-field__card[data-kind="person"] { min-width: min(360px, calc(100% - 32px)); }
.people .section__inner { padding-bottom: clamp(72px, 8vw, 120px); }

.season-marker {
  position: absolute;
  z-index: 4;
  display: grid;
  grid-template-columns: 28px auto;
  gap: 8px;
  align-items: center;
  color: rgba(242, 240, 233, .7);
  font: 700 7px/1.3 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.season-marker b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--signal);
  border-radius: 50%;
  color: var(--signal);
  font: 500 14px/1 var(--serif);
}
.season-marker small { font: inherit; }
.season-marker--equinox { left: 9%; bottom: 19%; }
.season-marker--moon { top: 18%; right: 13%; }
.season-marker--solstice { right: 7%; bottom: 23%; }

.next-event { min-height: 520px; }
.luma-window,
.luma-window iframe { min-height: 280px; height: 280px; }
.session-index { min-height: 210px; }
.letter-card,
.letter-signup { min-height: 300px; }
.letter-card { padding: 24px; }
.letter-signup iframe { height: 132px; }
.letter-signup h3 { margin-top: 22px; }
.application__flow { align-content: center; }
.application__flow > h3 { margin-bottom: 28px; }

@media (max-width: 700px) {
  .wild-signal-field { min-height: 74px; }
  .artifact-section .section__inner { padding-top: 42px; }
  .artifact-section .section__head { gap: 18px; margin-bottom: 18px; }
  .artifact-lab--solo .space-field { min-height: 82dvh; max-height: 820px; }
  .space-field__card[data-kind="person"] { min-width: 0; }
  .season-marker { grid-template-columns: 22px auto; font-size: 6px; }
  .season-marker b { width: 22px; height: 22px; font-size: 11px; }
  .season-marker--equinox { left: 6%; bottom: 31%; }
  .season-marker--moon { top: 16%; right: 5%; }
  .season-marker--solstice { right: 4%; bottom: 24%; }
  .next-event { min-height: 360px; }
  .luma-window,
  .luma-window iframe { min-height: 240px !important; height: 240px !important; }
  .session-index { display: grid; grid-template-columns: 1fr; min-height: 0; overflow: visible; }
  .session-lane { min-height: 110px; }
  .fit-list { display: grid; grid-template-columns: 1fr; padding: 0 20px 22px; overflow: visible; }
  .fit-row {
    min-width: 0;
    min-height: 138px;
    grid-template-columns: 28px 64px minmax(0,1fr);
    grid-template-rows: 1fr;
    gap: 12px;
    padding: 18px 14px;
    border-right: 0;
  }
  .fit-row__portrait { grid-column: 2; width: 64px; height: 64px; }
  .fit-row__copy { grid-column: 3; align-self: center; }
  .fit-row p { font-size: 14px; }
  .letter-card { min-height: 290px; }
  .letter-signup { padding: 22px; }
  .letter-signup iframe { height: 120px; }
  .application__system-note { display: grid; }
  .application__flow { grid-template-columns: 1fr; }
  .application__flow .flow-row,
  .application__flow .flow-row:nth-of-type(2n + 1) {
    min-height: 104px;
    border-right: 1px solid var(--line);
    border-top: 0;
  }
}

@media (max-width: 420px) {
  .hero-copy-v2 { padding-bottom: 560px; }
  .human-fragment--one { bottom: 350px; }
  .human-fragment--two { bottom: 190px; }
  .human-fragment--three { bottom: 105px; }
}

.final-person {
  border-radius: 0;
  background: #090a0a;
}

.final-pointer {
  --pointer-x: 50%;
  --pointer-y: 50%;
  position: absolute;
  z-index: 3;
  left: var(--pointer-x);
  top: var(--pointer-y);
  width: 146px;
  height: 184px;
  border: 1px solid rgba(184, 255, 74, .76);
  background: #090a0a;
  opacity: 0;
  overflow: visible;
  transform: translate(24px, 24px);
  transition: opacity .16s ease;
  pointer-events: none;
}

.final-pointer::before,
.final-pointer::after {
  content: "";
  position: absolute;
  z-index: 2;
  background: rgba(184, 255, 74, .68);
}

.final-pointer::before { left: -22px; top: -1px; width: 190px; height: 1px; }
.final-pointer::after { left: -1px; top: -22px; width: 1px; height: 228px; }

.final-pointer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.16) contrast(1.08);
}

.final-pointer__meta {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 8px;
  border: 1px solid rgba(184, 255, 74, .76);
  border-bottom: 0;
  background: #090a0a;
  color: rgba(242, 240, 233, .7);
  font: 650 7px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.final-pointer__meta b { color: var(--signal); font: inherit; }
.final.is-pointer-tracking .final-pointer { opacity: .92; }

@media (max-width: 760px) {
  .final-pointer { display: none; }
  .final-person { width: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  .wild-signal-field__glyphs,
  .wild-glyph,
  .application__flow .flow-row,
  .final-pointer,
  .final-person { transition: none; }
}

.community-path--compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}