:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, "Segoe UI", Arial, sans-serif;
  color: #24323d;
  background: #d8c49f;
  --ink: #24323d;
  --ink-soft: #55636b;
  --ink-faint: #7d887f;
  --paper: #efe0bd;
  --paper-light: #f6ebcf;
  --paper-deep: #d8c49f;
  --line: rgba(43, 59, 67, 0.22);
  --line-strong: rgba(43, 59, 67, 0.42);
  --orange: #d76d2c;
  --orange-deep: #ad4f1f;
  --orange-soft: rgba(215, 109, 44, 0.14);
  --blue-gray: #334957;
  --shadow: 0 24px 70px rgba(52, 43, 28, 0.22);
  --serif: Georgia, "Times New Roman", Times, serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 248, 221, 0.74), transparent 30rem),
    linear-gradient(145deg, #cbb489 0%, #e8d8b4 48%, #c9b286 100%);
}

body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background:
    repeating-linear-gradient(0deg, rgba(70, 54, 32, 0.025) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(70, 54, 32, 0.015) 0 1px, transparent 1px 7px);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(84, 63, 34, 0.12) 100%),
    repeating-radial-gradient(circle at 22% 18%, transparent 0 28px, rgba(51, 73, 87, 0.035) 29px 30px);
  mix-blend-mode: multiply;
}

button,
summary {
  font: inherit;
}

button {
  border: 0;
}

button:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(215, 109, 44, 0.42);
  outline-offset: 3px;
}

[hidden] {
  display: none !important;
}

.atlas-backdrop {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  color: rgba(51, 73, 87, 0.25);
}

.atlas-contour {
  position: absolute;
  width: 38rem;
  height: 38rem;
  border: 1px solid currentColor;
  border-radius: 44% 56% 48% 52% / 58% 38% 62% 42%;
  transform: rotate(13deg);
}

.atlas-contour::before,
.atlas-contour::after {
  content: "";
  position: absolute;
  border: 1px solid currentColor;
  border-radius: inherit;
}

.atlas-contour::before {
  inset: 1.6rem;
}

.atlas-contour::after {
  inset: 3.3rem;
}

.atlas-contour--one {
  top: -12rem;
  right: -10rem;
}

.atlas-contour--two {
  bottom: -18rem;
  left: -12rem;
  transform: rotate(-24deg) scale(1.35);
}

.atlas-contour--three {
  width: 22rem;
  height: 22rem;
  left: 55%;
  top: 40%;
  opacity: 0.42;
}

.atlas-coordinate {
  position: absolute;
  font-family: var(--mono);
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.atlas-coordinate--north {
  top: 1.1rem;
  left: 50%;
}

.atlas-coordinate--west {
  left: 1.2rem;
  top: 48%;
  writing-mode: vertical-rl;
}

#reality-map-app {
  position: relative;
  width: min(90rem, calc(100% - 3rem));
  aspect-ratio: 4 / 3;
  min-height: min(56.25rem, calc(100vh - 2rem));
  margin: 1rem auto;
  padding: clamp(1.1rem, 2vw, 2rem);
  border: 1px solid rgba(82, 64, 38, 0.36);
  border-radius: 1.25rem;
  background:
    linear-gradient(rgba(239, 224, 189, 0.94), rgba(239, 224, 189, 0.94)),
    repeating-radial-gradient(circle at 28% 18%, transparent 0 36px, rgba(44, 65, 75, 0.06) 37px 38px);
  box-shadow: var(--shadow);
  isolation: isolate;
}

#reality-map-app::before,
#reality-map-app::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

#reality-map-app::before {
  inset: 0.8rem;
  border: 1px solid rgba(70, 54, 33, 0.17);
  border-radius: 0.95rem;
}

#reality-map-app::after {
  inset: 0;
  border-radius: 1.25rem;
  background:
    linear-gradient(90deg, rgba(85, 62, 30, 0.05), transparent 10%, transparent 90%, rgba(85, 62, 30, 0.05)),
    linear-gradient(rgba(255, 255, 255, 0.12), transparent 18%, transparent 82%, rgba(86, 60, 29, 0.07));
}

.app-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 0.15rem 0.4rem 1rem;
  border-bottom: 1px solid var(--line);
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.brand-mark {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  background: var(--orange);
  box-shadow:
    inset 0 0 0 3px rgba(255, 245, 218, 0.55),
    0 0 0 1px rgba(101, 57, 28, 0.35);
}

.brand,
.boundary,
.eyebrow,
.status-line,
.share-status,
.challenge-status {
  margin: 0;
}

.brand {
  color: var(--blue-gray);
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.boundary {
  color: var(--ink-soft);
  font-size: 0.76rem;
  letter-spacing: 0.06em;
}

.atlas-frame {
  position: relative;
  min-height: clamp(37rem, 72vh, 47rem);
  padding: clamp(2.5rem, 5vw, 5rem) clamp(1rem, 3.5vw, 3.6rem) 2rem;
  overflow: hidden;
}

.atlas-frame::before {
  content: "";
  position: absolute;
  inset: 1.4rem;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(51, 73, 87, 0.055) 50%, transparent 50.2%),
    linear-gradient(transparent 49.8%, rgba(51, 73, 87, 0.055) 50%, transparent 50.2%);
}

.atlas-compass {
  position: absolute;
  top: 1.8rem;
  right: 2.2rem;
  width: 3.7rem;
  height: 3.7rem;
  border: 1px solid rgba(51, 73, 87, 0.28);
  border-radius: 50%;
  color: var(--blue-gray);
  opacity: 0.64;
}

.atlas-compass::before,
.atlas-compass::after {
  content: "";
  position: absolute;
  background: rgba(51, 73, 87, 0.22);
}

.atlas-compass::before {
  width: 1px;
  height: 100%;
  left: 50%;
}

.atlas-compass::after {
  width: 100%;
  height: 1px;
  top: 50%;
}

.atlas-compass__north {
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--mono);
  font-size: 0.64rem;
  letter-spacing: 0.12em;
}

.atlas-compass__needle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.3rem;
  height: 1.7rem;
  transform: translate(-50%, -78%) rotate(17deg);
  transform-origin: 50% 78%;
  clip-path: polygon(50% 0, 100% 100%, 50% 78%, 0 100%);
  background: var(--orange);
}

.screen {
  position: relative;
  z-index: 1;
  min-height: 31rem;
  animation: atlas-enter 420ms ease both;
}

@keyframes atlas-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.screen-copy {
  max-width: 45rem;
}

.screen-copy--narrow {
  max-width: 39rem;
}

.eyebrow,
.panel-kicker {
  color: var(--orange-deep);
  font-family: var(--mono);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

h1,
h2,
h3 {
  color: var(--blue-gray);
  font-family: var(--serif);
  font-weight: 500;
  text-wrap: balance;
}

h1 {
  max-width: 13ch;
  margin: 0.65rem 0 1rem;
  font-size: clamp(3.2rem, 6.8vw, 6.8rem);
  line-height: 0.94;
  letter-spacing: -0.045em;
}

h2 {
  margin: 0.55rem 0 0.8rem;
  font-size: clamp(2.2rem, 4vw, 4.35rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

h3 {
  margin: 0.25rem 0 0;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.lede {
  max-width: 34rem;
  margin: 0;
  color: var(--ink-soft);
  font-family: var(--serif);
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
  line-height: 1.55;
}

.status-line,
.challenge-status,
.share-status {
  max-width: 52rem;
  color: var(--ink-soft);
  line-height: 1.55;
}

.primary-action,
.secondary-action,
.option-stack button,
[data-slot="surface-options"] button,
[data-slot="path-options"] button {
  border-radius: 999px;
  cursor: pointer;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}

.primary-action {
  min-width: 10rem;
  margin-top: 1.75rem;
  padding: 0.85rem 1.25rem;
  color: #fff7e9;
  background: var(--orange-deep);
  box-shadow: 0 8px 20px rgba(123, 66, 29, 0.18);
}

.primary-action:not(:disabled):hover {
  transform: translateY(-1px);
  background: #9d461b;
  box-shadow: 0 10px 26px rgba(123, 66, 29, 0.24);
}

.secondary-action {
  margin-top: 1.75rem;
  padding: 0.82rem 1.2rem;
  color: var(--blue-gray);
  border: 1px solid var(--line-strong);
  background: rgba(246, 235, 207, 0.44);
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
  filter: saturate(0.55);
}

.screen--promise {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
}

.unknown-map {
  position: relative;
  min-height: 31rem;
  opacity: 0.8;
}

.unknown-map::before,
.unknown-map::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(51, 73, 87, 0.16);
  border-radius: 48% 52% 44% 56% / 55% 42% 58% 45%;
}

.unknown-map::before {
  inset: 7% 3% 11% 7%;
  transform: rotate(8deg);
}

.unknown-map::after {
  inset: 15% 12% 18% 16%;
  transform: rotate(-11deg);
}

.map-node {
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
  border: 1px solid var(--blue-gray);
  border-radius: 50%;
}

.map-node--ghost {
  opacity: 0.32;
}

.map-node--one {
  top: 33%;
  left: 30%;
}

.map-node--two {
  right: 26%;
  bottom: 28%;
}

.map-route {
  position: absolute;
  left: 31%;
  top: 35%;
  width: 43%;
  height: 32%;
  border-top: 1px dashed rgba(51, 73, 87, 0.26);
  border-right: 1px dashed rgba(51, 73, 87, 0.26);
  border-radius: 0 3rem 0 0;
  transform: rotate(11deg);
}

.map-marker {
  position: absolute;
  display: grid;
  place-items: center;
  width: 4.7rem;
  height: 4.7rem;
  border: 1px solid rgba(215, 109, 44, 0.58);
  border-radius: 50% 50% 50% 0;
  color: var(--orange-deep);
  background: rgba(239, 224, 189, 0.78);
  font-family: var(--serif);
  font-size: 2.2rem;
  transform: rotate(-45deg);
}

.map-marker--question {
  top: 42%;
  left: 50%;
}

.map-marker--question::first-letter {
  transform: rotate(45deg);
}

.atlas-panel {
  border: 1px solid var(--line);
  border-radius: 0.9rem;
  background: rgba(246, 235, 207, 0.52);
  box-shadow: inset 0 0 0 1px rgba(255, 250, 235, 0.35);
}

.atlas-panel--binding {
  max-width: 58rem;
  margin-top: 2.1rem;
  padding: 1.35rem;
}

.panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.panel-seal {
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border: 1px solid rgba(215, 109, 44, 0.5);
  border-radius: 50%;
  color: var(--orange-deep);
  font-family: var(--mono);
  font-size: 0.66rem;
}

.fact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.fact-grid > div {
  min-width: 0;
  padding: 0.9rem 1rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.fact-grid dt {
  color: var(--ink-faint);
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fact-grid dd {
  margin: 0.45rem 0 0;
  color: var(--blue-gray);
  font-family: var(--serif);
  font-size: 1.12rem;
  overflow-wrap: anywhere;
}

.mapping-field {
  position: relative;
  max-width: 62rem;
  margin-top: 2rem;
  padding: 1.4rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 70% 40%, var(--orange-soft), transparent 14rem),
    rgba(246, 235, 207, 0.42);
  overflow: hidden;
}

.mapping-surfaces {
  position: relative;
  min-height: 12rem;
  margin-top: 1.2rem;
  padding: 1rem;
  border: 1px dashed var(--line);
  border-radius: 0.8rem;
}

.mapping-surfaces p {
  position: relative;
  margin: 0.65rem 0;
  padding-left: 1.4rem;
  color: var(--blue-gray);
}

.mapping-surfaces p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.42rem;
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid var(--orange);
  border-radius: 50%;
}

.mapping-beacon {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  width: 5rem;
  height: 5rem;
}

.mapping-beacon span {
  position: absolute;
  inset: 50%;
  border: 1px solid rgba(215, 109, 44, 0.35);
  border-radius: 50%;
  animation: atlas-pulse 2.6s ease-out infinite;
}

.mapping-beacon span:nth-child(2) {
  animation-delay: 0.8s;
}

.mapping-beacon span:nth-child(3) {
  animation-delay: 1.6s;
}

@keyframes atlas-pulse {
  from {
    inset: 48%;
    opacity: 0.85;
  }
  to {
    inset: 0;
    opacity: 0;
  }
}

.reveal-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 1.18fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  min-height: 30rem;
}

.hero-route-card {
  position: relative;
  min-height: 25rem;
  padding: 3.2rem 2rem;
  border: 1px solid rgba(215, 109, 44, 0.44);
  border-radius: 48% 52% 46% 54% / 56% 45% 55% 44%;
  background:
    radial-gradient(circle at 50% 50%, rgba(215, 109, 44, 0.13), transparent 48%),
    rgba(246, 235, 207, 0.42);
  box-shadow: inset 0 0 0 0.5rem rgba(239, 224, 189, 0.35);
}

.hero-route-card::before,
.hero-route-card::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background: linear-gradient(var(--orange), rgba(51, 73, 87, 0.2));
}

.hero-route-card::before {
  top: 2.7rem;
  height: 2.2rem;
}

.hero-route-card::after {
  bottom: 2.7rem;
  height: 2.2rem;
}

.route-origin,
.route-destination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--ink-faint);
  font-family: var(--mono);
  font-size: 0.63rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.route-origin {
  top: 1.2rem;
}

.route-destination {
  bottom: 1.2rem;
  color: var(--orange-deep);
}

.reality-route {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reality-route li {
  position: relative;
  color: var(--blue-gray);
  background: rgba(246, 235, 207, 0.84);
  border: 1px solid var(--line);
}

.reality-route--hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.05rem;
}

.reality-route--hero li {
  width: min(90%, 26rem);
  padding: 0.8rem 1rem;
  border-radius: 999px;
  text-align: center;
  font-family: var(--serif);
}

.reality-route--hero li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1.08rem;
  width: 1px;
  height: 1.08rem;
  background: var(--orange);
}

.reality-route--hero li:last-child::after {
  display: none;
}

.result-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(30rem, 0.9fr);
  align-items: end;
  gap: 2rem;
  margin-bottom: 1.6rem;
}

.fact-grid--summary dd {
  color: var(--orange-deep);
  font-size: 1.35rem;
}

.result-atlas {
  display: grid;
  grid-template-columns: minmax(13rem, 0.72fr) minmax(15rem, 0.84fr) minmax(22rem, 1.44fr);
  gap: 1rem;
  min-height: 24rem;
}

.result-atlas > .atlas-panel {
  min-width: 0;
  padding: 1.1rem;
}

.option-stack,
[data-slot="surface-options"],
[data-slot="path-options"] {
  display: grid;
  gap: 0.65rem;
}

.option-stack button,
[data-slot="surface-options"] button,
[data-slot="path-options"] button {
  width: 100%;
  margin: 0;
  padding: 0.72rem 0.85rem;
  color: var(--blue-gray);
  border: 1px solid var(--line);
  background: rgba(239, 224, 189, 0.5);
  text-align: left;
}

[data-slot="surface-options"] button[aria-pressed="true"],
[data-slot="path-options"] button[aria-pressed="true"] {
  border-color: rgba(215, 109, 44, 0.72);
  background: var(--orange-soft);
  box-shadow: inset 3px 0 0 var(--orange);
}

.reality-route--selected {
  display: grid;
  gap: 0.7rem;
  margin: 1rem 0 1.2rem;
}

.reality-route--selected li {
  padding: 0.72rem 0.8rem 0.72rem 2.2rem;
  border-radius: 0.55rem;
}

.reality-route--selected li::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  width: 0.58rem;
  height: 0.58rem;
  transform: translateY(-50%);
  border: 1px solid var(--orange);
  border-radius: 50%;
  background: var(--paper);
}

.reality-route--selected li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1.02rem;
  top: calc(50% + 0.32rem);
  bottom: -1.04rem;
  width: 1px;
  background: rgba(215, 109, 44, 0.58);
}

.effect-copy {
  padding: 0.85rem 1rem;
  border-left: 2px solid var(--orange);
  color: var(--ink);
  background: rgba(215, 109, 44, 0.08);
  line-height: 1.5;
}

.evidence-panel {
  margin-top: 1rem;
  border-top: 1px solid var(--line);
}

.evidence-panel summary {
  padding: 0.9rem 0;
  cursor: pointer;
  color: var(--blue-gray);
  font-family: var(--serif);
}

.evidence-list {
  display: grid;
  gap: 0.7rem;
}

.evidence-list > div {
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  background: rgba(246, 235, 207, 0.45);
}

.evidence-list p {
  margin: 0.3rem 0;
  color: var(--ink-soft);
  font-family: var(--mono);
  font-size: 0.73rem;
  line-height: 1.45;
}

.result-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.65rem 1.5rem;
  margin-top: 1.3rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--line);
}

.action-row {
  display: flex;
  gap: 0.65rem;
  grid-row: span 2;
}

.action-row .primary-action,
.action-row .secondary-action {
  margin-top: 0;
}

.share-status {
  font-size: 0.76rem;
}

.atlas-footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 0.4rem 0.1rem;
  border-top: 1px solid var(--line);
  color: var(--ink-faint);
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#reality-map-app[data-state="S1_PROMISE"] .atlas-compass {
  opacity: 0.38;
}

#reality-map-app[data-state="S3_MAPPING"] .atlas-compass__needle {
  animation: needle-search 2.4s ease-in-out infinite alternate;
}

#reality-map-app[data-state="S4_REVEAL"] .atlas-compass,
#reality-map-app[data-state="S4_RESULT"] .atlas-compass {
  opacity: 0.95;
}

@keyframes needle-search {
  from {
    transform: translate(-50%, -78%) rotate(-19deg);
  }
  to {
    transform: translate(-50%, -78%) rotate(34deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

@media (max-width: 980px) {
  #reality-map-app {
    width: min(100% - 1.5rem, 58rem);
    margin: 0.75rem auto;
  }

  .atlas-frame {
    padding-inline: 1.2rem;
  }

  .screen--promise,
  .reveal-layout,
  .result-heading {
    grid-template-columns: 1fr;
  }

  .unknown-map {
    min-height: 17rem;
  }

  .reveal-layout {
    gap: 1.5rem;
  }

  .hero-route-card {
    min-height: 20rem;
  }

  .result-atlas {
    grid-template-columns: minmax(11rem, 0.8fr) minmax(0, 1.2fr);
  }

  .result-atlas__selected {
    grid-column: 1 / -1;
  }

  .fact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  html {
    background: var(--paper-deep);
  }

  body::before,
  .atlas-backdrop,
  .atlas-compass,
  .atlas-footer {
    display: none;
  }

  #reality-map-app {
    width: calc(100% - 0.8rem);
    min-height: calc(100vh - 0.8rem);
    margin: 0.4rem;
    padding: 0.85rem;
    border-radius: 0.8rem;
  }

  #reality-map-app::before {
    inset: 0.4rem;
    border-radius: 0.6rem;
  }

  .app-header {
    display: block;
    padding: 0 0 0.8rem;
  }

  .boundary {
    margin-top: 0.5rem;
    font-size: 0.68rem;
    line-height: 1.45;
  }

  .atlas-frame {
    min-height: auto;
    padding: 2.4rem 0.3rem 1rem;
    overflow: visible;
  }

  .screen {
    min-height: auto;
  }

  h1 {
    font-size: clamp(3rem, 17vw, 4.65rem);
  }

  h2 {
    font-size: clamp(2.2rem, 12vw, 3.3rem);
  }

  .screen--promise {
    display: block;
  }

  .unknown-map {
    min-height: 12.5rem;
    margin-top: 1rem;
    opacity: 0.58;
  }

  .primary-action,
  .secondary-action {
    width: 100%;
  }

  .atlas-panel--binding,
  .mapping-field {
    margin-top: 1.2rem;
    padding: 0.8rem;
  }

  .fact-grid {
    grid-template-columns: 1fr;
  }

  .fact-grid > div {
    padding: 0.75rem 0.8rem;
  }

  .mapping-field {
    overflow: visible;
  }

  .mapping-beacon {
    display: none;
  }

  .reveal-layout {
    display: block;
  }

  .hero-route-card {
    min-height: 0;
    margin-top: 1.4rem;
    padding: 3rem 0.7rem;
    border-radius: 1.2rem;
  }

  .result-heading {
    display: block;
  }

  .fact-grid--summary {
    margin-top: 1rem;
  }

  .result-atlas {
    display: block;
    min-height: auto;
  }

  .result-atlas > .atlas-panel {
    margin-bottom: 0.9rem;
  }

  .result-atlas__surfaces,
  .result-atlas__paths,
  .result-atlas__selected {
    width: 100%;
  }

  .option-stack,
  [data-slot="surface-options"],
  [data-slot="path-options"] {
    gap: 0.55rem;
  }

  [data-slot="surface-options"] button:not([aria-pressed="true"]),
  [data-slot="path-options"] button:not([aria-pressed="true"]) {
    display: none;
  }

  .reality-route--selected li {
    padding-right: 0.55rem;
  }

  .result-actions {
    display: block;
  }

  .action-row {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.85rem;
  }

  .action-row .secondary-action,
  .share-status {
    display: none;
  }

  .challenge-status,
  .share-status {
    margin-top: 0.65rem;
  }
}
/* === ORANGE_S1_EXACT_FROZEN_PLATE_LIVE_OVERLAY_V3_BEGIN ===
   Static visual owner: byte-identical frozen reference plate.
   Interaction owner: live DOM overlay.
   Product logic owner: unchanged app.js.
   === */

#reality-map-app[data-state="S1_PROMISE"] {
  position: relative;
  width: min(96vw, calc(94vh * 4 / 3), 90rem);
  min-height: 0;
  aspect-ratio: 4 / 3;
  margin: 2vh auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#reality-map-app[data-state="S1_PROMISE"]::before,
#reality-map-app[data-state="S1_PROMISE"]::after {
  content: none;
}

#reality-map-app[data-state="S1_PROMISE"] .app-header,
#reality-map-app[data-state="S1_PROMISE"] .atlas-footer,
#reality-map-app[data-state="S1_PROMISE"] .atlas-compass {
  display: none;
}

#reality-map-app[data-state="S1_PROMISE"] .atlas-frame {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

#reality-map-app[data-state="S1_PROMISE"] .screen--promise {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-frozen-visual-plate {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  z-index: 1;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-map-button {
  position: absolute;
  left: 33.1%;
  top: 58.0%;
  width: 32.8%;
  height: 6.8%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: transparent;
  appearance: none;
  cursor: pointer;
  pointer-events: auto;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-map-button:hover {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.18);
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-map-button:focus-visible {
  outline: 3px solid #0b5e8e;
  outline-offset: 4px;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-semantic-copy,
#reality-map-app[data-state="S1_PROMISE"] .s1-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#reality-map-app[data-state="S1_PROMISE"] .unknown-map {
  display: none;
}

@media (max-width: 760px) {
  #reality-map-app[data-state="S1_PROMISE"] {
    width: 100vw;
    max-width: none;
    min-height: 0;
    aspect-ratio: 4 / 3;
    margin: 0;
  }

  #reality-map-app[data-state="S1_PROMISE"] .atlas-frame,
  #reality-map-app[data-state="S1_PROMISE"] .screen--promise {
    min-height: 0;
    height: 100%;
  }

  #reality-map-app[data-state="S1_PROMISE"] .s1-live-map-button {
    left: 33.1%;
    top: 58.0%;
    width: 32.8%;
    height: 6.8%;
  }
}

/* === ORANGE_S1_EXACT_FROZEN_PLATE_LIVE_OVERLAY_V3_END === */
/* === ORANGE_A_S1_COPY_CORRECTION_AND_GLOBAL_FEEDBACK_V1_BEGIN ===
   S1 plate bytes remain unchanged.
   The live patch removes one baked verdict word from human-visible output.
   Feedback is a user-initiated mailto utility with no runtime data.
   === */

#reality-map-app[data-state="S1_PROMISE"] .s1-live-copy-correction {
  position: absolute;
  left: 22.55%;
  top: 79.75%;
  width: 12.4%;
  height: 7.2%;
  z-index: 3;
  box-sizing: border-box;
  padding: 0.45% 0.25% 0.25% 0.25%;
  overflow: hidden;
  background: #f3dfb8;
  color: #1f2d35;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(0.58rem, 1.08vw, 1rem);
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: 0;
  text-align: left;
  pointer-events: none;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-copy-correction span {
  display: block;
  width: 100%;
}

.orange-global-feedback {
  position: fixed;
  right: max(0.9rem, env(safe-area-inset-right));
  bottom: max(0.9rem, env(safe-area-inset-bottom));
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0.42rem 0.78rem;
  border: 1px solid rgba(63, 48, 31, 0.34);
  border-radius: 999px;
  background: rgba(247, 235, 207, 0.94);
  color: #263847;
  box-shadow: 0 2px 9px rgba(52, 38, 24, 0.12);
  font: 600 0.78rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
  text-decoration: none;
  opacity: 0.78;
}

.orange-global-feedback:hover {
  opacity: 1;
  text-decoration: underline;
}

.orange-global-feedback:focus-visible {
  opacity: 1;
  outline: 3px solid #0b5e8e;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  #reality-map-app[data-state="S1_PROMISE"] .s1-live-copy-correction {
    left: 22.55%;
    top: 79.75%;
    width: 12.4%;
    height: 7.2%;
    font-size: clamp(0.5rem, 1.08vw, 0.72rem);
  }

  .orange-global-feedback {
    right: max(0.65rem, env(safe-area-inset-right));
    bottom: max(0.65rem, env(safe-area-inset-bottom));
    min-height: 2rem;
    padding: 0.38rem 0.66rem;
    font-size: 0.72rem;
  }
}

/* === ORANGE_A_S1_COPY_CORRECTION_AND_GLOBAL_FEEDBACK_V1_END === */
/* === ORANGE_A_S1_LOCAL_VISUAL_POLISH_V2_BEGIN ===
   Human-visible repair:
   1. Anchor Feedback to the Reality Map panel instead of the viewport.
   2. Cover the full baked S1 teaser sentence without obscuring its title.
   === */

#reality-map-app[data-state="S1_PROMISE"] .s1-live-copy-correction {
  top: 80.6%;
  width: 13.6%;
  height: 9.8%;
  padding: 0.35% 0.35% 0.25%;
  background: #f6e6ca;
}

#reality-map-app > .orange-global-feedback {
  position: absolute;
  right: -5.3rem;
  bottom: 9.8%;
}

@media (max-width: 1180px) {
  #reality-map-app > .orange-global-feedback {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}

/* === ORANGE_A_S1_LOCAL_VISUAL_POLISH_V2_END === */
/* === ORANGE_A_S1_FEEDBACK_CLIP_ESCAPE_V3_BEGIN ===
   The Feedback anchor is a direct child of the Reality Map shell.
   The shell must allow that utility to render outside its right edge.
   Inner atlas/screen clipping remains closed around the visual plate.
   === */

#reality-map-app[data-state="S1_PROMISE"] {
  overflow: visible;
}

#reality-map-app[data-state="S1_PROMISE"] .atlas-frame,
#reality-map-app[data-state="S1_PROMISE"] .screen--promise {
  overflow: hidden;
}

/* === ORANGE_A_S1_FEEDBACK_CLIP_ESCAPE_V3_END === */
/* === ORANGE_A_S2_LIVE_DOM_VISUAL_ORACLE_V1_BEGIN ===
   S2 uses the approved transparent reference as an appearance oracle only.
   Runtime truth stays in the existing live DOM and current app runtime.
   Unsupported Local Project / Agent Configuration controls are not rendered.
   === */

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] {
  position: relative;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 10.8% 9.5% 7.5%;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 17%, rgba(255,255,255,0.18), transparent 26%),
    radial-gradient(circle at 82% 72%, rgba(118,84,44,0.08), transparent 28%),
    linear-gradient(180deg, rgba(248,233,199,0.98), rgba(238,215,168,0.98));
  color: #273944;
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"]::before {
  content: "";
  position: absolute;
  inset: 2.2%;
  pointer-events: none;
  border: 1px solid rgba(93,69,42,0.12);
  border-radius: 47% 53% 49% 51% / 3% 4% 3% 4%;
  box-shadow:
    inset 0 0 40px rgba(125,91,50,0.05),
    0 10px 28px rgba(54,42,29,0.08);
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] > * {
  position: relative;
  z-index: 1;
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] h1,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] h2 {
  max-width: 78%;
  margin: 0 auto 0.65rem;
  color: #223744;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.75vw, 2.55rem);
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] > p {
  max-width: 70%;
  margin: 0 auto 1.65rem;
  color: rgba(39,57,68,0.78);
  font: 500 clamp(0.72rem, 1.12vw, 1rem)/1.45 Arial, Helvetica, sans-serif;
  text-align: center;
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] button:not([data-action="start-mapping"]) {
  display: block;
  width: min(48%, 27rem);
  min-height: 5.4rem;
  margin: 0 auto 1.35rem;
  padding: 1rem 1.25rem;
  border: 2px solid rgba(202,89,30,0.78);
  border-radius: 0.8rem;
  background: rgba(255,247,227,0.84);
  color: #263a47;
  box-shadow: 0 5px 14px rgba(73,52,29,0.08);
  font: 700 clamp(0.8rem, 1.18vw, 1.05rem)/1.25 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] button:not([data-action="start-mapping"]):hover {
  background: rgba(255,251,239,0.96);
  transform: translateY(-1px);
}

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] button:not([data-action="start-mapping"]):focus-visible,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] button[data-action="start-mapping"]:focus-visible {
  outline: 3px solid #0b5e8e;
  outline-offset: 3px;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-boundary {
  width: min(76%, 43rem);
  margin: 0.9rem auto 1.25rem;
  padding: 0.95rem 1.15rem 1rem;
  border: 1px solid rgba(92,70,43,0.24);
  border-radius: 0.65rem;
  background: rgba(249,239,214,0.72);
  box-shadow: inset 0 0 18px rgba(109,77,40,0.04);
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-boundary h3 {
  margin: 0 0 0.7rem;
  color: #2a3d47;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.9rem, 1.25vw, 1.1rem);
  text-align: center;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.05rem;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-column {
  min-width: 0;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-column--will {
  padding-right: 1rem;
  border-right: 1px solid rgba(92,70,43,0.18);
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-column h4 {
  margin: 0 0 0.4rem;
  color: #344a53;
  font: 700 clamp(0.68rem, 0.95vw, 0.86rem)/1.2 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-trust-column ul {
  margin: 0;
  padding-left: 1.05rem;
  color: rgba(42,61,71,0.82);
  font: 500 clamp(0.63rem, 0.88vw, 0.8rem)/1.45 Arial, Helvetica, sans-serif;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-live-start-mapping {
  display: flex;
  justify-content: center;
  margin-top: 0.2rem;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-live-start-mapping button[data-action="start-mapping"] {
  min-width: 11.5rem;
  min-height: 2.85rem;
  padding: 0.72rem 1.25rem;
  border: 1px solid rgba(166,67,19,0.76);
  border-radius: 0.55rem;
  background: #c96527;
  color: #fff8ea;
  box-shadow: 0 4px 11px rgba(103,54,26,0.18);
  font: 700 clamp(0.72rem, 1vw, 0.9rem)/1 Arial, Helvetica, sans-serif;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-live-start-mapping button[data-action="start-mapping"]:disabled {
  cursor: not-allowed;
  filter: saturate(0.55);
  opacity: 0.56;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-live-start-mapping button[data-action="start-mapping"]:not(:disabled) {
  cursor: pointer;
}

@media (max-width: 760px) {
  #reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] {
    padding: 13% 6.5% 8%;
  }

  #reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] h1,
  #reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] h2,
  #reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] > p,
  #reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] button:not([data-action="start-mapping"]),
  #reality-map-app[data-state="S2_CONNECT"] .s2-trust-boundary {
    max-width: none;
    width: 88%;
  }

  #reality-map-app[data-state="S2_CONNECT"] .s2-trust-columns {
    grid-template-columns: 1fr;
  }

  #reality-map-app[data-state="S2_CONNECT"] .s2-trust-column--will {
    padding-right: 0;
    padding-bottom: 0.7rem;
    border-right: 0;
    border-bottom: 1px solid rgba(92,70,43,0.18);
  }
}

/* === ORANGE_A_S2_LIVE_DOM_VISUAL_ORACLE_V1_END === */

/* === ORANGE_A_S2_SINGLE_APPROVED_BASEPLATE_RESET_V1_BEGIN ===
   Human-visible reset baseline:
   exactly one approved Screen 2 image is visible.
   Current runtime DOM remains present but fully hidden.
   No masks, erase plates, or live overlays are visible in this baseline.
   === */

#reality-map-app[data-state="S2_CONNECT"] {
  position: relative !important;
  width: min(96vw, calc(94vh * 4 / 3), 90rem) !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  margin: 2vh auto !important;
  padding: clamp(1.1rem, 2vw, 2rem) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .app-header,
#reality-map-app[data-state="S2_CONNECT"] .atlas-footer,
#reality-map-app[data-state="S2_CONNECT"] .atlas-compass {
  display: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .atlas-frame,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1__sr-only,
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1__runtime {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  left: -10000px !important;
  top: -10000px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* A start-mapping element may historically live outside the S2 section.
   Keep its runtime node, but make it invisible for this reset baseline. */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="start-mapping"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Feedback is not part of the S2 canvas reset and remains a secondary utility. */
#reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* === ORANGE_A_S2_SINGLE_APPROVED_BASEPLATE_RESET_V1_END === */

/* === ORANGE_A_S2_TRANSPARENT_EDGE_UNDERLAY_CLEAR_V1_BEGIN ===
   The approved S2 PNG already contains transparent outer-edge pixels.
   This block removes the old beige page/app underlay that was visible
   through those transparent pixels. The PNG itself is not modified.
   === */

/* Page-level underlay and decorative pseudo layers. */
html:has(#reality-map-app[data-state="S2_CONNECT"]),
body:has(#reality-map-app[data-state="S2_CONNECT"]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body:has(#reality-map-app[data-state="S2_CONNECT"])::before,
body:has(#reality-map-app[data-state="S2_CONNECT"])::after,
main:has(#reality-map-app[data-state="S2_CONNECT"])::before,
main:has(#reality-map-app[data-state="S2_CONNECT"])::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Common outer shells, only while they contain current S2. */
main:has(#reality-map-app[data-state="S2_CONNECT"]),
.app-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.page-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.demo-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.reality-map-shell:has(#reality-map-app[data-state="S2_CONNECT"]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Known Orange app containers. */
#reality-map-app[data-state="S2_CONNECT"],
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"],
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
}

/* Do not let inherited decorative pseudo-elements paint behind the PNG. */
#reality-map-app[data-state="S2_CONNECT"]::before,
#reality-map-app[data-state="S2_CONNECT"]::after,
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame::before,
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame::after,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"]::before,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"]::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1::before,
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Preserve the project-owner supplied PNG exactly as the only S2 visual plate. */
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1__image {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Feedback remains a separate secondary utility. */
#reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* === ORANGE_A_S2_TRANSPARENT_EDGE_UNDERLAY_CLEAR_V1_END === */

/* === ORANGE_A_S2_OUTER_CANVAS_BACKGROUND_RESTORE_V1_BEGIN ===
   Restore only the warm page canvas that should be visible through
   the PNG transparent perimeter. Do not restore the old rounded app shell,
   border, shadow, or presentation layers.
   === */

html:has(#reality-map-app[data-state="S2_CONNECT"]),
body:has(#reality-map-app[data-state="S2_CONNECT"]) {
  min-height: 100% !important;
  background-color: #e7d5b2 !important;
  background-image: none !important;
}

/* Keep all old shells transparent so only the warm page canvas shows through. */
main:has(#reality-map-app[data-state="S2_CONNECT"]),
.app-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.page-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.demo-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
.reality-map-shell:has(#reality-map-app[data-state="S2_CONNECT"]),
#reality-map-app[data-state="S2_CONNECT"],
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame,
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"],
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1 {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* === ORANGE_A_S2_OUTER_CANVAS_BACKGROUND_RESTORE_V1_END === */

/* === ORANGE_A_S2_GIT_REPOSITORY_LIVE_SELECT_INPUT_V1_BEGIN ===
   Git Repository only.
   The existing proven select-input DOM element is moved out of the hidden
   compatibility reservoir and placed over the approved baked Git control.
   Local Project, Agent Configuration, and Start Mapping remain untouched.
   === */

#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 {
  position: absolute !important;
  z-index: 7 !important;
  left: 26.45% !important;
  top: 71.0% !important;
  width: 15.1% !important;
  height: 4.9% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 [data-action="select-input"] {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.25rem 0.45rem !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border: 1px solid rgba(192,78,25,0.86) !important;
  border-radius: 0.46rem !important;
  background: linear-gradient(180deg,rgba(250,236,206,0.99),rgba(243,220,180,0.99)) !important;
  color: #263946 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.30),0 0.18rem 0.42rem rgba(91,55,28,0.09) !important;
  font: 700 clamp(0.57rem,0.76vw,0.72rem)/1.05 Georgia,"Times New Roman",serif !important;
  cursor: pointer !important;
  white-space: normal !important;
  text-align: center !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 [data-action="select-input"]:focus-visible {
  outline: 3px solid #0b5e8e !important;
  outline-offset: 3px !important;
}

/* === ORANGE_A_S2_GIT_REPOSITORY_LIVE_SELECT_INPUT_V1_END === */
/* === ORANGE_A_S2_GIT_REPOSITORY_TRANSPARENT_HIT_TARGET_VISUAL_REPAIR_V1_BEGIN === */
.s2-git-live-select-v1 [data-action="select-input"] {
  opacity: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
/* === ORANGE_A_S2_GIT_REPOSITORY_TRANSPARENT_HIT_TARGET_VISUAL_REPAIR_V1_END === */


/* === ORANGE_A_S2_GIT_REPOSITORY_TRANSPARENT_HIT_TARGET_SPECIFICITY_CORRECTION_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 [data-action="select-input"][data-candidate-id="session-git-repository"] {
  visibility: visible !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-git-live-select-v1 [data-action="select-input"][data-candidate-id="session-git-repository"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* === ORANGE_A_S2_GIT_REPOSITORY_TRANSPARENT_HIT_TARGET_SPECIFICITY_CORRECTION_V1_END === */


/* === ORANGE_A_S2_REDUCED_VIEWPORT_EXTERNAL_CONTROL_RAIL_ISOLATION_V2_BEGIN === */
@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S2_CONNECT"] {
    max-width: calc(100vw - 11rem) !important;
    margin-left: 1rem !important;
    margin-right: 10rem !important;
  }

  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: fixed !important;
    left: auto !important;
    right: 1rem !important;
    bottom: 1rem !important;
  }
}
/* === ORANGE_A_S2_REDUCED_VIEWPORT_EXTERNAL_CONTROL_RAIL_ISOLATION_V2_END === */


/* === ORANGE_A_S2_PANEL_ANCHORED_EXTERNAL_CONTROL_RAIL_REFERENCE_FRAME_CORRECTION_V1_BEGIN === */
@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: auto !important;
    right: -5.3rem !important;
    bottom: 9.8% !important;
  }
}
/* === ORANGE_A_S2_PANEL_ANCHORED_EXTERNAL_CONTROL_RAIL_REFERENCE_FRAME_CORRECTION_V1_END === */


/* === ORANGE_A_S1_REDUCED_VIEWPORT_PANEL_ANCHORED_FEEDBACK_RAIL_V1_BEGIN === */
@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S1_PROMISE"] {
    max-width: calc(100vw - 11rem) !important;
    margin-left: 1rem !important;
    margin-right: 10rem !important;
  }

  #reality-map-app[data-state="S1_PROMISE"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: auto !important;
    right: -5.3rem !important;
    bottom: 9.8% !important;
  }
}
/* === ORANGE_A_S1_REDUCED_VIEWPORT_PANEL_ANCHORED_FEEDBACK_RAIL_V1_END === */

/* === ORANGE_A_S2_START_MAPPING_CURRENT_PIXEL_LIVE_HIT_TARGET_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] .s2-start-mapping-live-v1 {
  position: absolute !important;
  z-index: 8 !important;
  left: 36.1188% !important;
  top: 83.0571% !important;
  width: 26.7956% !important;
  height: 6.7219% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-start-mapping-live-v1 [data-action="start-mapping"] {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-start-mapping-live-v1 [data-action="start-mapping"]:disabled {
  cursor: default !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-start-mapping-live-v1 [data-action="start-mapping"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* === ORANGE_A_S2_START_MAPPING_CURRENT_PIXEL_LIVE_HIT_TARGET_V1_END === */

/* === ORANGE_A_S3_FROZEN_VISUAL_REFERENCE_V1_BEGIN === */
/*
   S3 visible shell is the project-owner supplied 1448x1086 4:3 visual reference.
   Runtime data slots remain live in a hidden compatibility reservoir.
   Pixels that look like runtime facts are visual-only in this unit and are NOT canonical evidence.
*/

body:has(#reality-map-app[data-state="S3_MAPPING"]) {
  margin: 0 !important;
  background: #e7d5b2 !important;
  overflow-x: hidden;
}

main:has(#reality-map-app[data-state="S3_MAPPING"]),
.app-shell:has(#reality-map-app[data-state="S3_MAPPING"]),
.page-shell:has(#reality-map-app[data-state="S3_MAPPING"]),
.demo-shell:has(#reality-map-app[data-state="S3_MAPPING"]),
.reality-map-shell:has(#reality-map-app[data-state="S3_MAPPING"]) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] {
  position: relative !important;
  width: min(100vw, 1448px) !important;
  max-width: 1448px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .app-header,
#reality-map-app[data-state="S3_MAPPING"] .atlas-backdrop,
#reality-map-app[data-state="S3_MAPPING"] .atlas-contour,
#reality-map-app[data-state="S3_MAPPING"] .atlas-coordinate,
#reality-map-app[data-state="S3_MAPPING"] .atlas-compass,
#reality-map-app[data-state="S3_MAPPING"] .atlas-footer,
#reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback {
  display: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .atlas-frame {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  user-select: none !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime {
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

@media (max-width: 1448px) {
  #reality-map-app[data-state="S3_MAPPING"] {
    width: 100vw !important;
  }
}

/* === ORANGE_A_S3_FROZEN_VISUAL_REFERENCE_V1_END === */

/* === ORANGE_A_S4_HERO_REVEAL_FROZEN_VISUAL_V1_BEGIN === */
/* S4 frozen visual shell. Runtime-looking image facts remain visual-only until live fact overlay closeout. */

body:has(#reality-map-app[data-state="S4_REVEAL"]) {
  margin: 0 !important;
  background: #e7d5b2 !important;
  overflow-x: hidden;
}

#reality-map-app[data-state="S4_REVEAL"] {
  position: relative !important;
  width: min(100vw, 1448px) !important;
  max-width: 1448px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] .app-header,
#reality-map-app[data-state="S4_REVEAL"] .atlas-backdrop,
#reality-map-app[data-state="S4_REVEAL"] .atlas-contour,
#reality-map-app[data-state="S4_REVEAL"] .atlas-coordinate,
#reality-map-app[data-state="S4_REVEAL"] .atlas-compass,
#reality-map-app[data-state="S4_REVEAL"] .atlas-footer,
#reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback {
  display: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] .atlas-frame {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__frame {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  user-select: none !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__runtime {
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-show-path-live-v1 {
  position: absolute !important;
  left: 35.1519% !important;
  top: 89.6869% !important;
  width: 29.8343% !important;
  height: 5.8011% !important;
  z-index: 8 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-show-path-live-v1 [data-action="show-path"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 0 !important;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-show-path-live-v1 [data-action="show-path"]:disabled {
  cursor: default !important;
}

@media (max-width: 1448px) {
  #reality-map-app[data-state="S4_REVEAL"] {
    width: 100vw !important;
  }
}

/* === ORANGE_A_S4_HERO_REVEAL_FROZEN_VISUAL_V1_END === */

/* === ORANGE_A_S3_S4_VIEWPORT_CONTROL_RAIL_AND_S4_TRANSPARENT_VISUAL_REPAIR_V1_BEGIN === */
/*
  Preserve frozen S3/S4 4:3 artwork while budgeting viewport space for persistent utility controls.
  S4 V2 changes alpha/matte semantics only; runtime-looking pixels remain visual-only until canonical overlay closeout.
*/

#reality-map-app[data-state="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] {
  width: min(92vw, calc(88vh * 4 / 3), 82rem) !important;
  max-width: 82rem !important;
  aspect-ratio: 4 / 3 !important;
  margin: 2vh auto !important;
  overflow: visible !important;
}

#reality-map-app[data-state="S3_MAPPING"] .atlas-frame,
#reality-map-app[data-state="S4_REVEAL"] .atlas-frame,
#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
#reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: auto !important;
  right: 1rem !important;
  bottom: 1rem !important;
  z-index: 1200 !important;
}

#reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback[data-action="back-to-promise"],
#reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback[data-action="back-to-promise"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S4_REVEAL"] .s4-show-path-live-v1 {
  left: 35.1519% !important;
  top: 89.6869% !important;
  width: 29.8343% !important;
  height: 5.8011% !important;
}

@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] {
    max-width: calc(100vw - 10rem) !important;
    margin-left: 1rem !important;
    margin-right: 9rem !important;
  }
}

@media (max-width: 640px) {
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] {
    width: min(96vw, calc(80vh * 4 / 3)) !important;
    max-width: 96vw !important;
    margin: 1rem auto 5rem !important;
  }

  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    right: 0.75rem !important;
    bottom: 0.75rem !important;
  }
}

/* === ORANGE_A_S3_S4_VIEWPORT_CONTROL_RAIL_AND_S4_TRANSPARENT_VISUAL_REPAIR_V1_END === */

/* === ORANGE_A_S3_S4_GHOST_HOST_CHROME_AND_PANEL_ANCHORED_CONTROL_RAIL_CORRECTION_V2_BEGIN === */
/* Frozen S3/S4 image is the shell. Legacy app chrome must not remain visible behind it. */
#reality-map-app[data-state="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#reality-map-app[data-state="S3_MAPPING"]::before,
#reality-map-app[data-state="S3_MAPPING"]::after,
#reality-map-app[data-state="S4_REVEAL"]::before,
#reality-map-app[data-state="S4_REVEAL"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .atlas-frame,
#reality-map-app[data-state="S4_REVEAL"] .atlas-frame,
#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"],
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1,
#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1 {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__image,
#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Panel-anchored utility rail. Existing Back module follows Feedback geometry. */
#reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
#reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
  position: absolute !important;
  left: calc(100% + 1rem) !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  margin: 0 !important;
  z-index: 1200 !important;
}

@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    left: calc(100% + 0.75rem) !important;
  }
}

@media (max-width: 640px) {
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: fixed !important;
    left: auto !important;
    right: 0.75rem !important;
    top: auto !important;
    bottom: 0.75rem !important;
  }
}
/* === ORANGE_A_S3_S4_GHOST_HOST_CHROME_AND_PANEL_ANCHORED_CONTROL_RAIL_CORRECTION_V2_END === */

/* === ORANGE_A_S3_S4_S2_GEOMETRY_AUTHORITY_ALIGNMENT_V2_BEGIN === */
/* Exact runtime alignment to the already accepted S2 geometry authority. */

#reality-map-app[data-state="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] {
  position: relative !important;
  max-width: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}

#reality-map-app[data-state="S3_MAPPING"] .atlas-frame,
#reality-map-app[data-state="S4_REVEAL"] .atlas-frame,
#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"],
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame,
#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  inset: 0 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__image,
#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill !important;
  object-position: center center !important;
}

@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] {
    width: 78.3791vw !important;
    height: 87.9586vh !important;
    margin-left: 3.3726vw !important;
    margin-top: 6.0901vh !important;
  }

  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: calc(100% + 22px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 55.275px !important;
    margin: 0 !important;
  }
}

@media (min-width: 1181px) {
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] {
    width: 62.4613vw !important;
    height: 86.4546vh !important;
    margin-left: 18.7828vw !important;
    margin-top: 6.7862vh !important;
  }

  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: calc(100% + 28.4px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 50.8625px !important;
    margin: 0 !important;
  }
}

/* === ORANGE_A_S3_S4_S2_GEOMETRY_AUTHORITY_ALIGNMENT_V2_END === */

/* === ORANGE_A_S3_S4_INTERNAL_SHELL_INSET_CLOSEOUT_V5_BEGIN === */
/* Move only the internal frozen visual shell. Root and utility controls remain fixed to accepted S2 geometry. */
@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"] {
    translate: 0 -7.4907px !important;
  }
}

@media (min-width: 1181px) {
  #reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"] {
    translate: 0 -8px !important;
  }
}
/* === ORANGE_A_S3_S4_INTERNAL_SHELL_INSET_CLOSEOUT_V5_END === */

/* === ORANGE_A_FIVE_SCREEN_SHARED_4X3_VISUAL_SPINE_FREEZE_V1_BEGIN === */
/* Five-screen visual spine: one order, one panel law, exact 4:3, shared utility rail. */

#reality-map-app[data-state="S1_PROMISE"],
#reality-map-app[data-state="S2_CONNECT"],
#reality-map-app[data-state="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"],
#reality-map-app[data-state="S4_RESULT"] {
  position: relative !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  aspect-ratio: 4 / 3 !important;
}

#reality-map-app[data-state="S1_PROMISE"] .atlas-frame,
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame,
#reality-map-app[data-state="S3_MAPPING"] .atlas-frame,
#reality-map-app[data-state="S4_REVEAL"] .atlas-frame,
#reality-map-app[data-state="S4_RESULT"] .atlas-frame,
#reality-map-app[data-state="S1_PROMISE"] [data-screen="S1_PROMISE"],
#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"],
#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"],
#reality-map-app[data-state="S4_RESULT"] [data-screen="S4_RESULT"] {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  aspect-ratio: 4 / 3 !important;
}

#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"],
#reality-map-app[data-state="S4_REVEAL"] [data-screen="S4_REVEAL"] {
  transform: none !important;
  translate: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime {
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-frozen-visual-plate,
#reality-map-app[data-state="S2_CONNECT"] .s2-whiteboard-reset-v1__image,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__image,
#reality-map-app[data-state="S4_REVEAL"] .s4-frozen-visual-v1__image,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
}

@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app[data-state="S1_PROMISE"],
  #reality-map-app[data-state="S2_CONNECT"],
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"],
  #reality-map-app[data-state="S4_RESULT"] {
    left: 0 !important;
    top: 0 !important;
    width: min(77.004717vw, 117.216057vh) !important;
    height: min(57.753538vw, 87.912043vh) !important;
    margin-left: 4.038245vw !important;
    margin-top: 6.086815vh !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  #reality-map-app[data-state="S1_PROMISE"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_RESULT"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: calc(100% + 22px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 55.275px !important;
  }

  #reality-map-app[data-state="S1_PROMISE"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S4_RESULT"] > .orange-global-feedback[data-action="back-to-promise"] {
    position: absolute !important;
    left: calc(100% + 22px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 103.275px !important;
  }
}

@media (min-width: 1181px) {
  #reality-map-app[data-state="S1_PROMISE"],
  #reality-map-app[data-state="S2_CONNECT"],
  #reality-map-app[data-state="S3_MAPPING"],
  #reality-map-app[data-state="S4_REVEAL"],
  #reality-map-app[data-state="S4_RESULT"] {
    left: 0 !important;
    top: 0 !important;
    width: min(61.128869vw, 115.276015vh) !important;
    height: min(45.846652vw, 86.457011vh) !important;
    margin-left: 19.435565vw !important;
    margin-top: 6.785374vh !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  #reality-map-app[data-state="S1_PROMISE"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback:not([data-action="back-to-promise"]),
  #reality-map-app[data-state="S4_RESULT"] > .orange-global-feedback:not([data-action="back-to-promise"]) {
    position: absolute !important;
    left: calc(100% + 28.390625px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 50.859375px !important;
  }

  #reality-map-app[data-state="S1_PROMISE"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S2_CONNECT"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S3_MAPPING"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S4_REVEAL"] > .orange-global-feedback[data-action="back-to-promise"],
  #reality-map-app[data-state="S4_RESULT"] > .orange-global-feedback[data-action="back-to-promise"] {
    position: absolute !important;
    left: calc(100% + 28.390625px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 98.859375px !important;
  }
}

/* === ORANGE_A_FIVE_SCREEN_SHARED_4X3_VISUAL_SPINE_FREEZE_V1_END === */

/* === ORANGE_A_S5_PARENT_FLOW_VISUAL_CLOSEOUT_V4_BEGIN === */
/* Selected by exact settled-state causal reproduction: ATLAS_ABSOLUTE_INSET_ZERO */
#reality-map-app[data-state="S4_RESULT"] > .atlas-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  box-sizing: border-box !important;
}
/* === ORANGE_A_S5_PARENT_FLOW_VISUAL_CLOSEOUT_V4_END === */

/* === ORANGE_A_S5_BACK_CONTROL_DISPLAY_V6_BEGIN === */
#reality-map-app[data-state="S4_RESULT"] > .orange-global-feedback[data-action="back-to-promise"] {
  display: inline-flex !important;
}
/* === ORANGE_A_S5_BACK_CONTROL_DISPLAY_V6_END === */

/* === ORANGE_A_S5_HUMAN_VISIBLE_HOST_CHROME_AND_HEADER_CLOSEOUT_V6R6_BEGIN === */
#reality-map-app[data-state="S4_RESULT"] {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  border-color: transparent !important;
  outline: none !important;
}

#reality-map-app[data-state="S4_RESULT"]::before,
#reality-map-app[data-state="S4_RESULT"]::after {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

#reality-map-app[data-state="S4_RESULT"] > .app-header {
  display: none !important;
}
/* === ORANGE_A_S5_HUMAN_VISIBLE_HOST_CHROME_AND_HEADER_CLOSEOUT_V6R6_END === */

/* === ORANGE_A_S3_S4_TOP_BAND_AND_S5_PSEUDO_BORDER_VISUAL_CLOSEOUT_V11_BEGIN === */
/* Frozen visual shell cleanup: preserve panel geometry and semantic overlays. */
body:has(#reality-map-app[data-state="S3_MAPPING"]),
body:has(#reality-map-app[data-state="S4_REVEAL"]) {
  display: flow-root !important;
}

#reality-map-app[data-state="S4_RESULT"]::before {
  border: 0 !important;
}
/* === ORANGE_A_S3_S4_TOP_BAND_AND_S5_PSEUDO_BORDER_VISUAL_CLOSEOUT_V11_END === */

/* === ORANGE_A_S5_CANVAS_CONTINUITY_VISUAL_CLOSEOUT_V12_BEGIN === */
/* Finish S5 canvas continuity after the root pseudo border closeout. */
body:has(#reality-map-app[data-state="S4_RESULT"]) {
  display: flow-root !important;
}
/* === ORANGE_A_S5_CANVAS_CONTINUITY_VISUAL_CLOSEOUT_V12_END === */
/* ORANGE_A3_S1_AUTHORITATIVE_FROZEN_PLATE_RENDERING
   WHY:
   Screen 1 is a frozen-shell screen. The canonical PNG owns ALL S1 visual presentation.
   Live DOM on S1 exists only to provide the Map My Agent semantic hit target.
   Do not reintroduce live headings, cards, icons, copy, badges, or decorative paint here.
   Feedback is intentionally outside this suppression rule and remains visible. */
#reality-map-app[data-state="S1_PROMISE"] .s1-live-overlay,
#reality-map-app[data-state="S1_PROMISE"] .s1-live-overlay * {
  color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-overlay {
  pointer-events: none !important;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-live-map-button,
#reality-map-app[data-state="S1_PROMISE"] [data-action="map-agent"] {
  visibility: visible !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S1_PROMISE"] .s1-frozen-visual-plate {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* === ORANGE_A3_S2_FIXED_4X3_STAGE_STRUCTURAL_AUTHORITY_V53_BEGIN ===
   WHY:
   V52 proved late S2 geometry/hit-test drift as large as 568px.
   S2 therefore has one structural coordinate owner for its entire lifetime:
   the same fixed 4:3 stage contains the frozen PNG and both live controls.
   Legacy presentation reservoir markup is removed from the S2 DOM.
   === */

#reality-map-app[data-state="S2_CONNECT"] [data-screen="S2_CONNECT"] {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53 {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: min(94vw, calc(82vh * 4 / 3), 1448px) !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  isolation: isolate !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: fill !important;
  object-position: 50% 50% !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  z-index: 1 !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect {
  position: absolute !important;
  left: 28.9364640884% !important;
  top: 73.0202578269% !important;
  right: auto !important;
  bottom: auto !important;
  width: 15.0552486188% !important;
  height: 4.4198895028% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start {
  position: absolute !important;
  left: 36.1187845304% !important;
  top: 83.0570902394% !important;
  right: auto !important;
  bottom: auto !important;
  width: 26.7265193370% !important;
  height: 6.6298342541% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect > [data-action="select-input"],
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start > [data-action="start-mapping"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect > [data-action="select-input"]:hover,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect > [data-action="select-input"]:focus,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start > [data-action="start-mapping"]:hover,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start > [data-action="start-mapping"]:focus {
  transform: none !important;
  translate: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start > [data-action="start-mapping"]:disabled {
  pointer-events: auto !important;
  opacity: 0 !important;
}

/* === ORANGE_A3_S2_FIXED_4X3_STAGE_STRUCTURAL_AUTHORITY_V53_END === */

/* === ORANGE_A3_S2_START_ANCESTOR_CLIP_CONTAINMENT_REPAIR_V1_BEGIN ===
   WHY: runtime minimal-subset proof showed .atlas-frame alone clips the
   enabled Start Mapping control outside the frame bottom at SMALL.
   Keep the S2 screen owner unchanged and release only the proven blocker.
   === */
#reality-map-app[data-state="S2_CONNECT"] .atlas-frame {
  overflow: visible !important;
}
/* === ORANGE_A3_S2_START_ANCESTOR_CLIP_CONTAINMENT_REPAIR_V1_END === */

/* ORANGE_A3_S2_START_MAPPING_DISABLED_PARCHMENT_V1_BEGIN */
#reality-map-app[data-state="S2_CONNECT"] [data-action="start-mapping"]:disabled,
#reality-map-app[data-state="S2_CONNECT"] [data-action="start-mapping"][aria-disabled="true"] {
  background: linear-gradient(180deg, #d8c4a2 0%, #c8b18d 100%) !important;
  color: #6f5430 !important;
  border: 2px solid #b88d55 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 2px 6px rgba(70,48,24,0.12) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  filter: saturate(0.82) brightness(0.98) !important;
}

#reality-map-app[data-state="S2_CONNECT"] [data-action="start-mapping"]:disabled *,
#reality-map-app[data-state="S2_CONNECT"] [data-action="start-mapping"][aria-disabled="true"] * {
  color: #6f5430 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* ORANGE_A3_S2_START_MAPPING_DISABLED_PARCHMENT_V1_END */

/* ORANGE_A_S4_RESULT_LONG_OUTER_LINE_REMOVAL_V2_BEGIN */
.atlas-footer {
  border-top-width: 0 !important;
  border-top-style: none !important;
}
/* ORANGE_A_S4_RESULT_LONG_OUTER_LINE_REMOVAL_V2_END */

/* === ORANGE_A3_S2_LOCAL_CONFIG_SHADOW_ACQUISITION_V1_BEGIN === */
/* Shadow-only acquisition geometry.
   Vertical position and size inherit the current accepted Git control rail.
   Horizontal offsets are derived from the frozen 1448px S2 artwork button row.
   No frozen image bytes or root-stage geometry are changed. */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config {
  position: absolute !important;
  top: 73.0202578269% !important;
  right: auto !important;
  bottom: auto !important;
  width: 15.0552486188% !important;
  height: 4.4198895028% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local {
  left: 7.8729281768% !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config {
  left: 48.8950276243% !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local > [data-action="select-local-project"],
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config > [data-action="select-agent-config"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  transition: none !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-source-file-input-v1[hidden] {
  display: none !important;
}
/* === ORANGE_A3_S2_LOCAL_CONFIG_SHADOW_ACQUISITION_V1_END === */


/* === /* === ORANGE_A3_S2_START_DISABLED_PARCHMENT_MASK_V2_BEGIN ===
   Human visual oracle accepted a warm parchment disabled Start state.
   This mask fully covers the frozen orange artwork, including its corners,
   while the same DOM Start control is disabled. When admission enables the
   control, the mask disappears and the original orange artwork is revealed.
   The live transparent button remains the sole interaction owner.
   === */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start:has(> [data-action="start-mapping"]:disabled)::before {
  content: "Start Mapping" !important;
  position: absolute !important;
  inset: -0.16rem -0.18rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(138, 101, 59, 0.52) !important;
  border-radius: 0.56rem !important;
  background: linear-gradient(180deg, rgba(235, 207, 165, 0.98) 0%, rgba(224, 191, 144, 0.98) 100%) !important;
  color: rgba(103, 91, 72, 0.66) !important;
  box-shadow: 0 0.16rem 0.38rem rgba(82, 57, 31, 0.14), inset 0 0.08rem 0.18rem rgba(255, 244, 218, 0.40), inset 0 -0.08rem 0.18rem rgba(121, 83, 45, 0.08) !important;
  font: 700 clamp(0.72rem, 1.25vw, 1.05rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.01em !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start:has(> [data-action="start-mapping"]:not(:disabled))::before {
  content: none !important;
  display: none !important;
}
/* === ORANGE_A3_S2_START_DISABLED_PARCHMENT_MASK_V2_END === */ === */

/* === ORANGE_A3_S3_DYNAMIC_SURFACES_AND_TRUTH_BOUND_ANIMATION_V2_BEGIN === */
/*
  S3 preserves the frozen parchment as geometry/decorative authority.
  Baked example surface rows are covered. Canonical surfaces own live content.
  Three live rows plus one overflow summary row form the S3 presentation window; canonical truth remains unbounded by this viewport.
*/

#reality-map-app[data-state="S3_MAPPING"] [data-screen="S3_MAPPING"] {
  position: relative !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  clip-path: none !important;
  z-index: 4 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime > .screen-copy,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime .fact-grid,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime .mapping-beacon {
  display: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime .mapping-field {
  display: contents !important;
}

/* Cover the four baked example rows, while leaving the heading visible. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime::after {
  content: "" !important;
  position: absolute !important;
  left: 6.45% !important;
  top: 46.50% !important;
  width: 34.75% !important;
  height: 27.50% !important;
  border-radius: 0.18rem !important;
  background:
    linear-gradient(180deg, rgba(242, 220, 183, 0.998) 0%, rgba(238, 213, 173, 0.998) 100%) !important;
  box-shadow: none !important;
  z-index: 1 !important;
}

#reality-map-app[data-state="S3_MAPPING"] [data-slot="mapping-surfaces"] {
  position: absolute !important;
  left: 7.20% !important;
  top: 47.25% !important;
  width: 32.65% !important;
  height: 25.25% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: clamp(0.16rem, 0.32vw, 0.34rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-row {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(0.22rem, 0.42vw, 0.42rem) clamp(0.40rem, 0.72vw, 0.70rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.55rem !important;
  border: 1px solid rgba(119, 78, 37, 0.48) !important;
  border-radius: 0.45rem !important;
  background: rgba(246, 225, 187, 0.76) !important;
  box-shadow: inset 0 1px rgba(255, 245, 220, 0.42) !important;
  color: #17364a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  opacity: 0;
  transform: translateY(0.34rem) !important;
  animation: orange-s3-surface-reveal 340ms ease-out forwards !important;
  animation-delay: calc(var(--s3-row-index, 0) * 85ms) !important;
}

#reality-map-app[data-state="S3_MAPPING"] [data-slot="mapping-surfaces"][data-surface-overflow="true"] .s3-live-surface-row {
  flex: 1 1 0 !important;
  padding-block: clamp(0.16rem, 0.31vw, 0.30rem) !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(0.68rem, 1.08vw, 0.96rem) !important;
  font-weight: 700 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-label::before {
  content: "閴? !important;
  margin-right: 0.46rem !important;
  color: #d86112 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-status {
  flex: 0 0 auto !important;
  max-width: 40% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 0.15rem 0.42rem !important;
  border: 1px solid rgba(104, 91, 55, 0.52) !important;
  border-radius: 0.28rem !important;
  background: rgba(237, 225, 184, 0.80) !important;
  color: #5d5a2e !important;
  font-size: clamp(0.54rem, 0.80vw, 0.72rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-overflow {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0.20rem 0.52rem !important;
  border-top: 1px dashed rgba(119, 78, 37, 0.46) !important;
  color: #7a4a24 !important;
  font: 700 clamp(0.58rem, 0.88vw, 0.78rem)/1.15 Georgia, "Times New Roman", serif !important;
  text-align: right !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-empty {
  margin: auto 0 !important;
  padding: 0.95rem !important;
  border: 1px dashed rgba(119, 78, 37, 0.48) !important;
  border-radius: 0.48rem !important;
  background: rgba(246, 225, 187, 0.64) !important;
  color: #5f513d !important;
  font: 600 clamp(0.72rem, 1.12vw, 0.98rem)/1.35 Georgia, "Times New Roman", serif !important;
  text-align: center !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-scan::after {
  content: "" !important;
  display: inline-block !important;
  width: 0.72em !important;
  height: 0.72em !important;
  margin-left: 0.55em !important;
  border: 2px dotted #d86112 !important;
  border-radius: 50% !important;
  vertical-align: -0.08em !important;
  animation: orange-s3-scan-spin 900ms linear infinite !important;
}

/* ORANGE_A3_S3_LEFT_PANEL_COORDINATE_AND_BOTTOM_BOUNDARY_POLISH_V1: pulse is plate-coordinate-bound to the numbered checkpoint; surface window bottom stops above the shield bar. */
/* ORANGE_A3_S3_LEFT_PANEL_FRAME_BOUND_PULSE_AND_COMPACT_SURFACE_WINDOW_V1: pulse lives inside the exact frozen-image frame. */ #reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame {   overflow: visible !important; }  #reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__image {   position: relative !important;   z-index: 1 !important; }  #reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame::after {   content: "" !important;   display: block !important;   position: absolute !important;   left: 10.10% !important;   top: 27.45% !important;   width: 4.25% !important;   aspect-ratio: 1 / 1 !important;   border-radius: 50% !important;   border: 0 !important;   background: rgba(255, 213, 124, 0.82) !important;   box-shadow: none !important;   mix-blend-mode: screen !important;   transform: translate(-50%, -50%) !important;   opacity: 0.18 !important;   pointer-events: none !important;   animation: orange-s3-stage-frame-flash 2400ms steps(1, end) infinite !important;   z-index: 9 !important; }  #reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="resolved"] .s3-frozen-visual-v1__frame::after {   left: 36.05% !important;   opacity: 0.28 !important;   animation: none !important; }

@keyframes orange-s3-stage-frame-flash {
  0% { left: 10.10%; opacity: 0.16; }
  6% { left: 10.10%; opacity: 0.58; }
  13% { left: 10.10%; opacity: 0.20; }
  19% { left: 10.10%; opacity: 0.54; }
  23% { left: 10.10%; opacity: 0; }
  25% { left: 18.40%; opacity: 0; }
  31% { left: 18.40%; opacity: 0.58; }
  38% { left: 18.40%; opacity: 0.20; }
  44% { left: 18.40%; opacity: 0.54; }
  48% { left: 18.40%; opacity: 0; }
  50% { left: 27.15%; opacity: 0; }
  56% { left: 27.15%; opacity: 0.58; }
  63% { left: 27.15%; opacity: 0.20; }
  69% { left: 27.15%; opacity: 0.54; }
  73% { left: 27.15%; opacity: 0; }
  75% { left: 36.05%; opacity: 0; }
  81% { left: 36.05%; opacity: 0.58; }
  88% { left: 36.05%; opacity: 0.20; }
  94% { left: 36.05%; opacity: 0.54; }
  98% { left: 36.05%; opacity: 0; }
  100% { left: 10.10%; opacity: 0; }
}

@keyframes orange-s3-surface-reveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes orange-s3-scan-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
    #reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-row,
  #reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-scan::after {
    animation: none !important;
  }

  #reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-row {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* === ORANGE_A3_S3_DYNAMIC_SURFACES_AND_TRUTH_BOUND_ANIMATION_V2_END

/* ORANGE_A3_S3_ACCEPTED_LEFT_PANEL_VISUAL_TARGET_V1 */

/* Retire the failed pseudo-element pulse completely. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse-layer {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 30 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
  position: absolute !important;
  top: 27.45% !important;
  width: 4.55% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: rgba(255, 181, 55, 0.34) !important;
  box-shadow:
    0 0 0 0.30rem rgba(255, 176, 43, 0.18),
    0 0 0.80rem rgba(227, 96, 10, 0.22) !important;
  transform: translate(-50%, -50%) scale(0.94) !important;
  opacity: 0;
  mix-blend-mode: screen !important;
  animation: orange-s3-explicit-stage-breathe 2400ms ease-in-out infinite !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--1 {
  left: 10.10% !important;
  animation-delay: 0ms !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--2 {
  left: 18.40% !important;
  animation-delay: 600ms !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--3 {
  left: 27.15% !important;
  animation-delay: 1200ms !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--4 {
  left: 36.05% !important;
  animation-delay: 1800ms !important;
}

@keyframes orange-s3-explicit-stage-breathe {
  0%, 72%, 100% {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(0.94) !important;
  }
  8% {
    opacity: 0.30 !important;
    transform: translate(-50%, -50%) scale(0.98) !important;
  }
  18% {
    opacity: 0.88 !important;
    transform: translate(-50%, -50%) scale(1.08) !important;
  }
  30% {
    opacity: 0.36 !important;
    transform: translate(-50%, -50%) scale(1.00) !important;
  }
  42% {
    opacity: 0.78 !important;
    transform: translate(-50%, -50%) scale(1.05) !important;
  }
  55% {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
  }
}

/* One dashed scanning/live region, immediately below the static heading. */
#reality-map-app[data-state="S3_MAPPING"] [data-slot="mapping-surfaces"] {
  top: 47.25% !important;
  height: 25.25% !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-empty {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  border-radius: 0.85rem !important;
}

@media (prefers-reduced-motion: reduce) {
  #reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
    animation: orange-s3-explicit-stage-breathe 3600ms ease-in-out infinite !important;
  }
}



@media (prefers-reduced-motion: reduce) {
  #reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame::after {
    animation: orange-s3-stage-frame-flash 4000ms steps(1, end) infinite !important;
  }
}
 === */

/* ORANGE_A3_S3_FRAME_OWNED_ACCEPTED_LEFT_PANEL_TARGET_V1_BEGIN */
/* ORANGE_A3_S3_FRAME_OWNED_ACCEPTED_LEFT_PANEL_TARGET_V1 */

/* Runtime no longer paints the baked-row mask. The frame-owned live panel does. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame {
  position: absolute !important;
  inset: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse-layer {
  z-index: 40 !important;
}

/* Same accepted geometry as the approved reference, now owned by the frozen frame. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  position: absolute !important;
  left: 7.20% !important;
  top: 47.25% !important;
  width: 32.65% !important;
  height: 25.25% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(0.16rem, 0.32vw, 0.34rem) !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    linear-gradient(180deg, rgba(244, 224, 190, 0.995) 0%, rgba(240, 218, 180, 0.995) 100%) !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

/* Remove every legacy decorative dot owned by the live surface container. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"]::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"]::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: clamp(0.75rem, 1.3vw, 1.15rem) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  flex-wrap: wrap !important;
  border: 1px dashed rgba(119, 78, 37, 0.50) !important;
  border-radius: 0.82rem !important;
  background: rgba(246, 225, 187, 0.34) !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-scan::before {
  content: none !important;
  display: none !important;
}

/* ORANGE_A3_S3_FRAME_OWNED_ACCEPTED_LEFT_PANEL_TARGET_V1_END */

/* ORANGE_A3_S3_EMPTY_SURFACE_BASEPLATE_V2_AND_BLANK_ZONE_OVERLAY_R35_BEGIN */
/* User-approved V2 baseplate is intentionally empty below the Discovered reality surfaces heading. */
/* All geometry is normalized to the full 1448x1086 frozen frame. */

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__runtime::after,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame::after,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"]::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"]::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Reserved blank zone below the baked heading, never over the four process stages. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  position: absolute !important;
  left: 7.85% !important;
  top: 59.00% !important;
  width: 34.00% !important;
  height: 20.00% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 30 !important;
}

/* The execution/scanning board occupies only the intentionally empty surface zone. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(0.65rem, 1.20vw, 1.10rem) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: rgba(74, 52, 31, 0.70) !important;
  border: 1px dashed rgba(116, 78, 43, 0.56) !important;
  border-radius: 0.80rem !important;
  background: rgba(246, 229, 198, 0.16) !important;
  box-shadow: none !important;
}

/* Runtime truth rows remain inside the same reserved zone. */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* New baseplate stage-circle centers measured from the 1448x1086 user-approved art. */
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse-layer {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 60 !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
  position: absolute !important;
  top: 47.31% !important;
  width: 3.25% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: rgba(242, 112, 28, 0.98) !important;
  mix-blend-mode: normal !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0;
  visibility: visible !important;
  pointer-events: none !important;
  animation: orange-s3-r35-number-breathe 7200ms ease-in-out 1 forwards !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--1 {
  left: 10.29% !important;
  animation-delay: 0ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--2 {
  left: 18.66% !important;
  animation-delay: 1800ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--3 {
  left: 27.28% !important;
  animation-delay: 3600ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--4 {
  left: 36.81% !important;
  animation-delay: 5400ms !important;
}

@keyframes orange-s3-r35-number-breathe {
  0% { opacity: 0.06; }
  6% { opacity: 0.42; }
  11% { opacity: 0.98; }
  16% { opacity: 0.72; }
  21% { opacity: 0.24; }
  24% { opacity: 0; }
  25%, 100% { opacity: 0; }
}

/* ORANGE_A3_S3_EMPTY_SURFACE_BASEPLATE_V2_AND_BLANK_ZONE_OVERLAY_R35_END */
/* ORANGE_A3_S3_EXPLICIT_FINAL_1S_FRAME_FADE_R54R2_CSS_BEGIN */
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(77, 42, 21, 0.96) !important;
  text-align: center !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse::after {
  content: attr(data-s3-stage-pulse);
  display: block;
  font-family: "Times New Roman", Georgia, serif;
  font-size: 100% !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: rgba(77, 42, 21, 0.96) !important;
  text-shadow: 0 1px 0 rgba(255, 239, 211, 0.34);
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] [data-slot="mapping-surfaces"] {
  animation: orange-s3-r54r2-placeholder-frame-final-fade 1000ms linear 3000ms 1 both !important;
}

@keyframes orange-s3-r54r2-placeholder-frame-final-fade {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="resolved"] .s3-stage-pulse {
  animation: none !important;
  opacity: 0 !important;
}

/* ORANGE_A3_S3_R53R1_TERMINAL_STAGE4_LATCH_REMOVED */

#reality-map-app[data-state="S3_MAPPING"] [data-slot="mapping-surfaces"][data-s3-demo-fixture="three-plus-summary-v4"] {
  display: block;
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  min-height: 132px;
  overflow: visible !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-list {
  list-style: none;
  margin: 0;
  padding: 3px 8px 0;
  display: grid;
  gap: 7px;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-item {
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  column-gap: 7px;
  align-items: center;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(92, 66, 35, 0.24);
  border-radius: 4px;
  background: rgba(250, 239, 213, 0.62);
  color: #30352f;
  box-sizing: border-box;
  font-size: 0.76em;
  font-weight: 400;
  line-height: 1.15;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #6f7f3d;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-copy {
  min-width: 0;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-label {
  display: inline;
  font-weight: 500;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-detail {
  display: inline;
  margin-left: 5px;
  opacity: 0.62;
  font-size: 0.88em;
  font-weight: 400;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-item--summary {
  display: block;
  min-height: 0;
  padding: 5px 6px 0 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(70, 75, 61, 0.78);
  font-size: 0.72em;
  font-weight: 500;
  line-height: 1.15;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-demo-surface-item--revealing {
  animation: orange-s3-r52r2-result-row-reveal 1000ms ease-out forwards;
}

@keyframes orange-s3-r52r2-result-row-reveal {
  0% { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* ORANGE_A3_S3_EXPLICIT_FINAL_1S_FRAME_FADE_R54R2_CSS_END */


/* === ORANGE_A3_S3_DEDICATED_AMBIENT_DOM_LAYER_R55R7_CSS_BEGIN === */
/* R55R19: Human rejected the right-side glow because it obscured the avatar.
   Keep the dedicated DOM layer inert so S3 has no ambient overlay effect. */
#reality-map-app .s3-map-ambient-breathe {
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* === ORANGE_A3_S3_DEDICATED_AMBIENT_DOM_LAYER_R55R7_CSS_END === */

/* === ORANGE_A3_S4_CANONICAL_RUNTIME_OVERLAY_CLOSEOUT_V1_BEGIN ===
   Frozen PNG remains the visual shell. Live DOM above it renders canonical values only.
   === */
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
  background: transparent !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-heading > .screen-copy,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .panel-heading {
  visibility: hidden !important;
  pointer-events: none !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-heading {
  position: absolute !important;
  left: 11.2% !important;
  right: 8.2% !important;
  top: 20.2% !important;
  height: 10.8% !important;
  margin: 0 !important;
  pointer-events: none !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 2.2% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary dd {
  margin: 0 !important;
  color: #b95f2a !important;
  font: 700 clamp(1.05rem,2.05vw,2rem)/1 Georgia,"Times New Roman",serif !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas {
  position: absolute !important;
  left: 7.4% !important;
  right: 7.4% !important;
  top: 34% !important;
  bottom: 15% !important;
  display: grid !important;
  grid-template-columns: 24.5% 27% minmax(0,1fr) !important;
  gap: 2.35% !important;
  min-height: 0 !important;
  margin: 0 !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas > .atlas-panel {
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8% 7% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas__selected {
  grid-column: 3 !important;
  width: auto !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="surface-options"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="path-options"] {
  display: grid !important;
  align-content: start !important;
  gap: .42rem !important;
  max-height: 100% !important;
  overflow: auto !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="surface-options"] button,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="path-options"] button {
  width: 100% !important;
  margin: 0 !important;
  padding: .42rem .52rem !important;
  border: 1px solid rgba(89,75,54,.18) !important;
  border-radius: .42rem !important;
  background: rgba(246,235,207,.34) !important;
  color: rgba(40,55,62,.92) !important;
  box-shadow: none !important;
  font-size: clamp(.56rem,.78vw,.76rem) !important;
  line-height: 1.22 !important;
  text-align: left !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="surface-options"] button[aria-pressed="true"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="path-options"] button[aria-pressed="true"] {
  border-color: rgba(190,91,39,.60) !important;
  background: rgba(216,113,57,.12) !important;
  box-shadow: inset 3px 0 0 rgba(196,91,37,.82) !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-status"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-effect"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-steps"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="evidence-list"] {
  color: rgba(39,53,60,.92) !important;
  font-size: clamp(.55rem,.72vw,.72rem) !important;
  line-height: 1.34 !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .evidence-panel {
  margin-top: .6rem !important;
  padding-top: .55rem !important;
  border-top: 1px solid rgba(89,75,54,.18) !important;
  background: transparent !important;
  box-shadow: none !important;
}
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions {
  position: absolute !important;
  left: 7.4% !important;
  right: 7.4% !important;
  bottom: 5.8% !important;
  margin: 0 !important;
  background: transparent !important;
  pointer-events: auto !important;
}
/* === ORANGE_A3_S4_CANONICAL_RUNTIME_OVERLAY_CLOSEOUT_V1_END === */

/* === ORANGE_A3_S4_S4_RESULT_PRESENTATION_REPAIR_V265R1_BEGIN === */
/*
  Authority-bound S4 presentation correction.
  The frozen parchment image remains the Shell. Live DOM contributes runtime facts and hit targets.
  No canonical values, surface names, counts, paths, or evidence are hardcoded here.
*/
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-heading > .screen-copy,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .panel-heading {
  display: none !important;
}

/* Summary: the Shell already owns labels/icons. Put the four live counts only in the four statistic cells. */
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-heading {
  left: 33.5% !important;
  right: 6.8% !important;
  top: 20.2% !important;
  height: 10.4% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  inset: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div {
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:nth-child(2) { grid-column: 1 !important; }
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:nth-child(1) { grid-column: 2 !important; }
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:nth-child(3) { grid-column: 3 !important; }
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:nth-child(4) { grid-column: 4 !important; }

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary dd {
  max-width: 100% !important;
  margin: 0 !important;
  color: #c85e16 !important;
  font: 700 clamp(.90rem, 1.58vw, 1.56rem)/1 Georgia, "Times New Roman", serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/*
  Shell geometry is one left Surface Navigator plus one right Detail region.
  The legacy path-selector DOM stays populated for machine/interaction continuity but is not a second visual navigator.
  The selected canonical path remains visible in the Detail region.
*/
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas {
  left: 6.6% !important;
  right: 6.7% !important;
  top: 35.4% !important;
  bottom: 19.7% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 22.8%) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 1.35% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas > .atlas-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas__surfaces {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  padding: 7.5% 5.2% 5.5% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="surface-options"] {
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: grid !important;
  grid-auto-rows: min-content !important;
  align-content: start !important;
  gap: .30rem !important;
  padding: 0 .12rem 0 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="surface-options"] button {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: .34rem .44rem !important;
  font-size: clamp(.54rem, .68vw, .70rem) !important;
  line-height: 1.14 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Keep the existing path selector data/DOM but remove the legacy second navigator from frozen-shell visual composition. */
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas__paths {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-atlas__selected {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1.05fr) auto minmax(0, .95fr) !important;
  align-content: stretch !important;
  gap: .26rem !important;
  padding: 3.2% 3.1% 2.8% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-status"],
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-effect"] {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  font-size: clamp(.52rem, .66vw, .68rem) !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-steps"] {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: .30rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .10rem 0 .12rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-steps"] li {
  flex: 1 1 0 !important;
  min-width: 5.2rem !important;
  margin: 0 !important;
  padding: .34rem .40rem .34rem 1.20rem !important;
  font-size: clamp(.47rem, .60vw, .62rem) !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-steps"] li::before {
  left: .43rem !important;
  top: 50% !important;
  width: .46rem !important;
  height: .46rem !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="selected-path-steps"] li:not(:last-child)::after {
  left: calc(100% + .02rem) !important;
  top: 50% !important;
  bottom: auto !important;
  width: .28rem !important;
  height: 1px !important;
  transform: translateY(-50%) !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .evidence-panel {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: .18rem 0 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .evidence-panel > summary {
  margin: 0 !important;
  padding: .12rem 0 .18rem !important;
  font-size: clamp(.49rem, .61vw, .63rem) !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="evidence-list"] {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .24rem !important;
  padding: 0 .12rem 0 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="evidence-list"] > div {
  min-width: 0 !important;
  margin: 0 !important;
  padding: .28rem .34rem !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime [data-slot="evidence-list"] p {
  min-width: 0 !important;
  margin: 0 0 .08rem !important;
  font-size: clamp(.44rem, .55vw, .57rem) !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}

/*
  Action labels/buttons are already part of the frozen Shell artwork.
  Keep live controls as aligned transparent hit targets so there is one visible geometry, not a duplicate second action bar.
*/
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions {
  left: 29.7% !important;
  right: 9.0% !important;
  bottom: 12.7% !important;
  height: 5.5% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .challenge-status,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .share-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .action-row {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .primary-action,
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .secondary-action {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  opacity: 0 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .primary-action {
  left: 0 !important;
  width: 49% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-actions .secondary-action {
  right: 0 !important;
  width: 24% !important;
}
/* === ORANGE_A3_S4_S4_RESULT_PRESENTATION_REPAIR_V265R1_END === */

/* ORANGE_A3S4_S3_CANONICAL_PROGRESSIVE_REVEAL_V1_BEGIN */
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-progressive-item {
  opacity: 0;
  transform: translateY(0.34rem);
  animation: orange-a3s4-s3-canonical-progressive-reveal 1000ms ease-out forwards !important;
  animation-delay: 0ms !important;
}

@keyframes orange-a3s4-s3-canonical-progressive-reveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-progressive-item {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}
/* ORANGE_A3S4_S3_CANONICAL_PROGRESSIVE_REVEAL_V1_END */

/* ORANGE_A3S4_S3_STABLE_PROGRESSIVE_SLOT_GEOMETRY_V1_BEGIN */
#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(var(--s3-progressive-slot-count, 4), minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-content: stretch !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row,
#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}
/* ORANGE_A3S4_S3_STABLE_PROGRESSIVE_SLOT_GEOMETRY_V1_END */

/* ORANGE_A3S4_S3_OVERFLOW_SUMMARY_NO_CIRCLE_V1_BEGIN */
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-overflow {
  list-style: none !important;
  list-style-type: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-overflow::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* ORANGE_A3S4_S3_OVERFLOW_SUMMARY_NO_CIRCLE_V1_END */

/* ORANGE_A3S4_S3_OWNER_PACING_AND_RESULT_ROW_POLISH_V1_BEGIN */

/* Keep the owner-visible scan board alive through the canonical-result hold. */
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"],
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="holding-result"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"],
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="holding-result"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-scan {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] .s3-live-surface-scan,
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="holding-result"] .s3-live-surface-scan {
  border-color: rgba(116, 78, 43, 0.64) !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] .s3-live-surface-scan::after,
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="holding-result"] .s3-live-surface-scan::after {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: orange-s3-scan-spin 900ms linear infinite !important;
}

/* Align result-row hierarchy with the compact summary scale. */
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-label,
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-overflow {
  font-size: clamp(0.58rem, 0.88vw, 0.78rem) !important;
}

/* Preserve the row circle, but give it breathing room from the left edge. */
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-row {
  padding-left: clamp(1.10rem, 1.65vw, 1.34rem) !important;
  padding-right: clamp(0.34rem, 0.58vw, 0.52rem) !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-row::before {
  left: clamp(0.34rem, 0.55vw, 0.48rem) !important;
  top: 50% !important;
  width: clamp(0.34rem, 0.48vw, 0.44rem) !important;
  height: clamp(0.34rem, 0.48vw, 0.44rem) !important;
  transform: translateY(-50%) !important;
}

/* Make FOUND subordinate to the result label instead of competing with it. */
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-status {
  padding: 0.08rem 0.30rem !important;
  border-radius: 0.20rem !important;
  font-size: clamp(0.50rem, 0.72vw, 0.64rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.015em !important;
}
/* ORANGE_A3S4_S3_OWNER_PACING_AND_RESULT_ROW_POLISH_V1_END */

/* NIMCLEA_O_R6R18R3_S2_RETIRED_CONTROL_HIT_SURFACE_GUARD */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config {
  pointer-events: none !important;
  cursor: default !important;
}


/* NIMCLEA_O_R6R20R3_EFFECTIVE_CSS_OWNER_FRAME_FADE_V3_BEGIN */
/*
  R6R20R2 proved pulse timing, 3+1 geometry, first-row timing and S4 timing.
  The remaining failure is the current effective V389 panel owner:
  scanning/holding-result sets opacity:1!important and animation:none!important.
  Match that exact owner specificity later in the cascade, preserve opacity
  authority, and animate visual fade through filter opacity instead.
*/

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
  animation: orange-s3-r35-number-breathe 3600ms ease-in-out 1 forwards !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--1 {
  animation-delay: 0ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--2 {
  animation-delay: 900ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--3 {
  animation-delay: 1800ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--4 {
  animation-delay: 2700ms !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="scanning"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"],
#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="holding-result"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  opacity: 1 !important;
  visibility: visible !important;
  animation: nimclea-o-r6r20r3-frame-visual-filter-4s 4000ms linear 1 both !important;
  transition: none !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-mapping-phase="resolved"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@keyframes nimclea-o-r6r20r3-frame-visual-filter-4s {
  0%, 50% { filter: opacity(1); }
  100% { filter: opacity(0); }
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: none !important;
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.10rem !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row,
#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
  margin: 0 !important;
  padding: 0.04rem 0.34rem !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.30rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-status {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  padding-top: 0.03rem !important;
  padding-bottom: 0.03rem !important;
}
/* NIMCLEA_O_R6R20R3_EFFECTIVE_CSS_OWNER_FRAME_FADE_V3_END */


/* NIMCLEA_O_R6R22_S3_FOUR_SECOND_PULSE_AND_25PX_AIRY_ROWS_V1_BEGIN */
/*
  Human R6R21R1 accepted the repaired S3 path but rejected pacing and row density.
  Four numbered pulses now occupy the full T0-T4 interval in one-second slots.
  Surface rows target 25px. The resolved panel grows to 112px so 3+1 keeps air.
*/

#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse {
  animation: orange-s3-r35-number-breathe 4000ms ease-in-out 1 forwards !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--1 {
  animation-delay: 0ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--2 {
  animation-delay: 1000ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--3 {
  animation-delay: 2000ms !important;
}
#reality-map-app[data-state="S3_MAPPING"] .s3-stage-pulse--4 {
  animation-delay: 3000ms !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  gap: 3px !important;
  grid-auto-rows: 25px !important;
  align-content: start !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row,
#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  box-sizing: border-box !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  align-self: start !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-status {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
/* NIMCLEA_O_R6R22_S3_FOUR_SECOND_PULSE_AND_25PX_AIRY_ROWS_V1_END */


/* NIMCLEA_O_R6R24_S3_30PX_AIRY_ROW_AND_CIRCLE_TEXT_SEPARATION_V1_BEGIN */
/*
  Human R6R23 accepted the four-second pacing direction but rejected row geometry.
  Current 30px rows still feel flat and the leading circle overlaps the label.
  Restore explicit horizontal air and raise rows to the owner-selected 30px.
  Preserve four-second pulse pacing, frame fade, Surface Kind semantics and T10.
*/

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
  gap: 4px !important;
  grid-auto-rows: 30px !important;
  align-content: start !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row {
  position: relative !important;
  box-sizing: border-box !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 8px 0 28px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-row::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-live-surface-status {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow {
  box-sizing: border-box !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 8px 0 10px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S3_MAPPING"][data-s3-progressive-reveal="true"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-overflow::before {
  content: none !important;
  display: none !important;
}
/* NIMCLEA_O_R6R24_S3_30PX_AIRY_ROW_AND_CIRCLE_TEXT_SEPARATION_V1_END */

/* === NIMCLEA_O_S2_GIT_PREPARATION_STATE_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  color: #3f2d20 !important;
  font-size: clamp(.56rem, .72vw, .76rem) !important;
  line-height: 1 !important;
  opacity: 1 !important;
  background: rgba(231, 213, 178, .96) !important;
  border: 1px solid rgba(63, 45, 32, .74) !important;
  border-radius: .30rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.34) inset !important;
}
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before {
  content: "" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  border: 1.5px dashed currentColor !important;
  border-radius: 50% !important;
  animation: nimclea-o-s2-source-preparing-spin 900ms linear infinite !important;
}
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before {
  content: "✓" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
}
@keyframes nimclea-o-s2-source-preparing-spin {
  to { transform: rotate(360deg); }
}
/* === NIMCLEA_O_S2_GIT_PREPARATION_STATE_V1_END === */

/* === NIMCLEA_O_S2_V2_ORACLE_HIT_GEOMETRY_ALIGNMENT_V1_BEGIN === */
/* Frozen V2 oracle pixel rectangles: Connect x421 y837 w234 h52; Start x504 y914 w420 h100 on 1448x1086. */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect {
  left: 29.0745856354% !important;
  top: 77.0718232044% !important;
  width: 16.1602209945% !important;
  height: 4.7882136280% !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start {
  left: 34.8066298343% !important;
  top: 84.1620626151% !important;
  width: 29.0055248619% !important;
  height: 9.2081031308% !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start:has(> [data-action="start-mapping"]:disabled)::before {
  inset: 0 !important;
}
/* === NIMCLEA_O_S2_V2_ORACLE_HIT_GEOMETRY_ALIGNMENT_V1_END === */

/* === NIMCLEA_O_S2_LIVE_CONTROL_PLANE_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local {
  position: absolute !important;
  left: 7.5966850829% !important;
  top: 77.0718232044% !important;
  width: 16.2983425414% !important;
  height: 4.7882136280% !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config {
  position: absolute !important;
  left: 50.1381215470% !important;
  top: 77.0718232044% !important;
  width: 16.0911602210% !important;
  height: 4.7882136280% !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local > [data-action="select-local-project"],
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config > [data-action="select-agent-config"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
#reality-map-app[data-state="S2_CONNECT"] .s2-source-file-input-v1[hidden] {
  display: none !important;
}
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has(> [data-source-state="preparing"])::after {
  content: "Preparing..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(229, 202, 160, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="ready"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has(> [data-source-state="ready"])::after {
  content: "✓ Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(231, 213, 178, 0.98) !important;
  border: 1px solid rgba(63, 45, 32, 0.74) !important;
  border-radius: 0.40rem !important;
  color: #2f4a27 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}
/* === NIMCLEA_O_S2_LIVE_CONTROL_PLANE_V1_END === */

/* === NIMCLEA_O_S2_LOCAL_HELPER_V0_CONTROL_PLANE_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__download-helper {
  position: absolute !important;
  left: 38.2596685083% !important;
  top: 47.5138121547% !important;
  width: 15.1933701657% !important;
  height: 6.3535911602% !important;
  z-index: 9 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent {
  position: absolute !important;
  left: 54.7651933702% !important;
  top: 47.4217311234% !important;
  width: 11.8093922652% !important;
  height: 6.3535911602% !important;
  z-index: 9 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__download-helper > [data-action="download-helper"],
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent > [data-action="find-my-agent"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::after {
  content: "Discovering..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(229, 202, 160, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="ready"])::after {
  content: "✓ Agent Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(231, 213, 178, 0.98) !important;
  border: 1px solid rgba(63, 45, 32, 0.74) !important;
  border-radius: 0.40rem !important;
  color: #2f4a27 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}
/* === NIMCLEA_O_S2_LOCAL_HELPER_V0_CONTROL_PLANE_END === */

/* === NIMCLEA_O_S2_STAGE_SCALE_MATCH_S1_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53 {
  width: 100% !important;
}
/* === NIMCLEA_O_S2_STAGE_SCALE_MATCH_S1_V1_END === */

/* === NIMCLEA_O_S2_PENDING_SPINNER_AND_FRESH_ENTRY_V1_BEGIN === */
@keyframes nimclea-s2-source-spinner-v1 {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

@keyframes nimclea-s2-connecting-ellipsis-v1 {
  0%, 24.999% { content: "Connecting"; }
  25%, 49.999% { content: "Connecting."; }
  50%, 74.999% { content: "Connecting.."; }
  75%, 100% { content: "Connecting..."; }
}

@keyframes nimclea-s2-discovering-ellipsis-v1 {
  0%, 24.999% { content: "Discovering"; }
  25%, 49.999% { content: "Discovering."; }
  50%, 74.999% { content: "Discovering.."; }
  75%, 100% { content: "Discovering..."; }
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::before,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has(> [data-source-state="preparing"])::before,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::before {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  top: 50% !important;
  width: clamp(12px, 1.15vw, 18px) !important;
  height: clamp(12px, 1.15vw, 18px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px dashed rgba(90, 54, 20, 0.88) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 31 !important;
  pointer-events: none !important;
  animation: nimclea-s2-source-spinner-v1 700ms linear infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::after {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 1.45rem !important;
  box-sizing: border-box !important;
  background: rgba(233, 207, 166, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.54rem, 0.86vw, 0.80rem)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after {
  content: "Connecting / Preparing..." !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after {
  content: "Preparing Local Project..." !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has(> [data-source-state="preparing"])::after {
  content: "Preparing Agent Config..." !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::after {
  content: "Discovering / Preparing..." !important;
}

/* Human R3R2 refinement: Git copy is concise and the rotating dashed
   indicator sits after the text rather than before it. */
/* Human R3R6 refinement:
   Keep the baked PNG button as the appearance owner.  The legacy live Git
   preparing/ready style must not repaint that baked base. */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before {
  content: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before {
  left: auto !important;
  right: 5% !important;
  width: clamp(9px, 0.80vw, 12px) !important;
  height: clamp(9px, 0.80vw, 12px) !important;
  border-width: 1.5px !important;
  animation-duration: 1.4s !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after {
  left: calc(26% - 6px) !important;
  right: 5% !important;
  top: 14% !important;
  bottom: 14% !important;
  inset: 14% 5% 14% calc(26% - 6px) !important;
  padding: 0 0.90rem 0 6px !important;
  justify-content: flex-start !important;
  background: rgb(243, 221, 186) !important;
  border: 0 !important;
  border-radius: 0.20rem !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 600 clamp(0.56rem, 0.72vw, 0.76rem)/1 Arial, sans-serif !important;
  font-size: calc(clamp(0.56rem, 0.72vw, 0.76rem) + 1px) !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after {
  content: "Connecting..." !important;
  animation: nimclea-s2-connecting-ellipsis-v1 1.2s steps(1, end) infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after {
  content: "✓ Ready" !important;
  inset: 14% 5% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgb(243, 221, 186) !important;
}

/* Find My Agent uses the same quiet grammar, with intentionally smaller copy. */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::before {
  left: auto !important;
  right: 5% !important;
  width: clamp(8px, 0.70vw, 10px) !important;
  height: clamp(8px, 0.70vw, 10px) !important;
  border-width: 1.4px !important;
  animation-duration: 1.4s !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="ready"])::after {
  inset: 14% 5% 14% calc(30% - 5px) !important;
  padding: 0 0.78rem 0 5px !important;
  justify-content: flex-start !important;
  background: rgb(243, 221, 186) !important;
  border: 0 !important;
  border-radius: 0.20rem !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 600 clamp(0.56rem, 0.72vw, 0.76rem)/1 Arial, sans-serif !important;
  font-size: calc(clamp(0.56rem, 0.72vw, 0.76rem) + 1px) !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="preparing"])::after {
  content: "Discovering..." !important;
  animation: nimclea-s2-discovering-ellipsis-v1 1.2s steps(1, end) infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__find-agent:has(> [data-source-state="ready"])::after {
  content: "✓ Agent Ready" !important;
  inset: 14% 5% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgb(243, 221, 186) !important;
}
/* === NIMCLEA_O_S2_PENDING_SPINNER_AND_FRESH_ENTRY_V1_END === */

/* === NIMCLEA_O_S4_TOP4_EXACT_INDEPENDENT_POSITION_CALIBRATION_R2_BEGIN === */
/*
  S4 top-four count visual calibration only.
  Frozen target reference authority: C555351D8A47150B735AB034AEC7972935C87D71EF7AD90FC6DB595FF254FAB6
  Current runtime shell authority: 7F30B0B812A24AA8AE2FA1679920C793195D882AEA1A57E439F3582F432A1AFB

  The prior live grid is not a single-row translational error:
  Reality surfaces is vertically displaced in the opposite direction
  from the other three values. Each semantic count therefore gets an
  independent full-shell anchor. No count value or canonical truth changes.
*/
#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .result-heading {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div {
  position: absolute !important;
  display: block !important;
  width: max-content !important;
  height: max-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: translate(-50%, -50%) !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:has(> [data-slot="result-reachable-count"]) {
  left: 39.8480662983% !important;
  top: 26.3812154696% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:has(> [data-slot="result-surface-count"]) {
  left: 53.7292817680% !important;
  top: 26.3812154696% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:has(> [data-slot="result-state-changing-count"]) {
  left: 68.6809392265% !important;
  top: 26.4272559853% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary > div:has(> [data-slot="result-unresolved-count"]) {
  left: 81.8715469613% !important;
  top: 26.3812154696% !important;
}

#reality-map-app[data-state="S4_RESULT"] .s4-result-frozen-visual-v1__runtime .fact-grid--summary dd {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
/* === NIMCLEA_O_S4_TOP4_EXACT_INDEPENDENT_POSITION_CALIBRATION_R2_END === */

/* === NIMCLEA_O_S4_V5_CONTENT_PRESENTATION_CALIBRATION_R5_BEGIN === */
/*
  Human S4 calibration after R4 current runtime census.

  Frozen facts:
  - S2 accepted prefix is committed and checkpointed.
  - S4 top-four positions are Human PASS.
  - Current S4 runtime has real surface data in the DOM.
  - surface-options and selected-path-status have collapsed geometry.
  - the observed stray STRUCTURAL_RELATION_CANDIDATE text is selected-effect.
  - style reference SHA C555351D8A47150B735AB034AEC7972935C87D71EF7AD90FC6DB595FF254FAB6 is a STYLE/GEOMETRY oracle only.
    No reference values, labels, paths, evidence, or example content are data authority.

  This block repairs presentation only.
*/

/* Keep the four accepted semantic anchors. Increase only typography. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.fact-grid--summary dd {
  min-width: 2.05ch !important;
  font-size: calc(clamp(1.05rem, 2.05vw, 2rem) + 2px) !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  text-align: center !important;
  overflow: visible !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.fact-grid--summary dd[data-digit-bucket="3"] {
  font-size: clamp(.96rem, 1.72vw, 1.66rem) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.fact-grid--summary dd[data-digit-bucket="4"] {
  font-size: clamp(.82rem, 1.43vw, 1.40rem) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.fact-grid--summary dd[data-digit-bucket="5plus"] {
  font-size: clamp(.70rem, 1.16vw, 1.16rem) !important;
}

/* Reference architecture: one Surface Navigator + one Detail region. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas {
  left: 7.25% !important;
  right: 7.32% !important;
  top: 35.91% !important;
  bottom: 12.52% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 23.05%) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 1.22% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas > .atlas-panel {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Frozen shell already owns the Surface Navigator heading. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__surfaces > .panel-heading {
  display: none !important;
}

/* Surface Navigator groups concrete Surfaces by existing canonical surface_kind; no canonical instance is merged or deleted. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__surfaces {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  height: 100% !important;
  padding: 10.2% 6.7% 6.0% !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="surface-options"] {
  position: relative !important;
  top: 1.5rem !important;
  display: grid !important;
  height: calc(100% - 1.5rem) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: calc(100% - 1.5rem) !important;
  grid-auto-rows: minmax(2.15rem, max-content) !important;
  align-content: start !important;
  gap: .32rem !important;
  padding: 0 .18rem 0 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="surface-options"] button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.15rem !important;
  margin: 0 !important;
  padding: .36rem .50rem !important;
  border: 1px solid rgba(99, 72, 42, .24) !important;
  border-radius: .34rem !important;
  background: rgba(250, 239, 209, .20) !important;
  color: rgba(34, 48, 56, .96) !important;
  box-shadow: none !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: calc(clamp(.51rem, .68vw, .70rem) - 1px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  text-align: left !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  font-variant-numeric: tabular-nums !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="surface-options"] button[aria-pressed="true"] {
  border-color: rgba(205, 91, 25, .62) !important;
  background: rgba(236, 117, 44, .08) !important;
  box-shadow: inset .24rem 0 0 rgba(225, 92, 20, .92) !important;
}

/* Keep the legacy path selector populated but out of the visual composition. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__paths {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Detail region follows the V5 reference hierarchy, using only real canonical text. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected {
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected > .panel-heading {
  position: absolute !important;
  left: 3.6% !important;
  right: 24.5% !important;
  top: 3.0% !important;
  height: 8.6% !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected > .panel-heading .panel-kicker {
  display: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected > .panel-heading h3 {
  margin: 0 !important;
  color: rgba(33, 51, 61, .98) !important;
  font: 700 clamp(.88rem, 1.36vw, 1.45rem)/1.02 Georgia, "Times New Roman", serif !important;
  letter-spacing: .01em !important;
}

/* Status becomes a bounded top-right badge instead of a zero-height grid casualty. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"] {
  position: absolute !important;
  top: 3.0% !important;
  right: 3.95% !important;
  width: max-content !important;
  min-width: 7.2rem !important;
  max-width: 29% !important;
  height: 7.8% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .18rem !important;
  padding: .10rem .58rem !important;
  border: 1px solid rgba(112, 91, 55, .52) !important;
  border-radius: .42rem !important;
  background: rgba(242, 226, 191, .68) !important;
  box-shadow:
    0 .08rem .20rem rgba(80, 57, 31, .12),
    inset 0 1px rgba(255, 248, 229, .46) !important;
  color: rgba(74, 58, 39, .98) !important;
  font: 700 clamp(.56rem, .70vw, .74rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .015em !important;
  white-space: nowrap !important;
  text-align: center !important;
  overflow: hidden !important;
  overflow-wrap: normal !important;
  z-index: 3 !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="reachable"] {
  border-color: rgba(89, 111, 51, .58) !important;
  background: rgba(234, 237, 196, .66) !important;
  color: rgba(57, 78, 37, .98) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="reachable"]::before {
  content: "✓" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  font: inherit !important;
  line-height: 1 !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="unresolved"] {
  border-color: rgba(151, 109, 47, .58) !important;
  background: rgba(244, 226, 177, .70) !important;
  color: rgba(106, 73, 31, .98) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="unresolved"]::before {
  content: "?" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  font: inherit !important;
  line-height: 1 !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="not-found"] {
  border-color: rgba(117, 88, 65, .54) !important;
  background: rgba(236, 218, 194, .72) !important;
  color: rgba(82, 61, 45, .98) !important;
  font-size: clamp(.50rem, .62vw, .66rem) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="not-found"]::before {
  content: none !important;
  display: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="incomplete"] {
  border-color: rgba(121, 96, 55, .46) !important;
  background: rgba(245, 226, 188, .66) !important;
  color: rgba(91, 67, 39, .96) !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"][data-reachability-badge="neutral"] {
  border-color: rgba(121, 96, 55, .38) !important;
  background: rgba(242, 226, 197, .58) !important;
  color: rgba(91, 67, 39, .92) !important;
}

/* The previously stray selected-effect is now a real description row. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-effect"] {
  position: absolute !important;
  left: 1.29rem !important;
  right: 24.5% !important;
  top: 12.2% !important;
  height: 8.4% !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 .85rem !important;
  border-left: 0 !important;
  color: rgba(35, 51, 59, .94) !important;
  font-size: clamp(.49rem, .61vw, .63rem) !important;
  line-height: 1.24 !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-effect"]::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: #d86112 !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* Real path steps become a horizontal route strip. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"] {
  position: absolute !important;
  left: 3.6% !important;
  right: 3.8% !important;
  top: 24% !important;
  height: 26.5% !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .78rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .58rem .68rem .72rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(65, 70, 67, .42) transparent !important;
  list-style: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"] > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 12rem !important;
  width: 12rem !important;
  max-width: 12rem !important;
  min-height: 2.7rem !important;
  margin: 0 !important;
  padding: .50rem .74rem .50rem .86rem !important;
  border: 1px solid rgba(102, 78, 44, .25) !important;
  border-radius: .36rem !important;
  background: rgba(247, 226, 177, .24) !important;
  color: rgba(33, 48, 56, .96) !important;
  font-size: clamp(.45rem, .55vw, .58rem) !important;
  line-height: 1.22 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"] > li::before {
  content: none !important;
  display: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"] > li:not(:last-child)::after {
  content: "→" !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  right: -.78rem !important;
  top: 50% !important;
  width: .78rem !important;
  height: 1rem !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(71, 62, 49, .78) !important;
  font: 700 clamp(.50rem, .66vw, .70rem)/1 Arial, Helvetica, sans-serif !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

/* Evidence is visible by default and uses the lower reference region. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"] {
  position: absolute !important;
  left: 3.6% !important;
  right: 3.8% !important;
  top: 52% !important;
  height: 37% !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"] > summary {
  display: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"] > summary::-webkit-details-marker {
  display: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] {
  position: absolute !important;
  left: 2.6% !important;
  right: 2.2% !important;
  top: 39.5% !important;
  bottom: 5.5% !important;
  display: grid !important;
  grid-template-columns: 46.5% 48.5% !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  align-content: stretch !important;
  gap: 5% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: rgba(37, 52, 59, .92) !important;
  font-size: clamp(.43rem, .52vw, .55rem) !important;
  line-height: 1.17 !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .28rem .30rem .16rem .24rem !important;
  border: 0 !important;
  background: transparent !important;
  overflow: auto !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div:nth-child(2) {
  padding-top: .46rem !important;
  padding-left: .58rem !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] p {
  min-width: 0 !important;
  margin: 0 0 .08rem !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* === NIMCLEA_O_S2_FIND_DOTS_AND_COMPACT_DISABLED_START_R9_BEGIN === */

/*
  Direct Human counterevidence 2026-08-31:
  Find My Agent pending content overlapped its short baked control.
  Pending state is now a flat parchment cover plus a three-dot pulse only.
  No magnifier, no circular/dashed spinner, no long pending copy.
*/
@keyframes nimclea-s2-find-dots-r9 {
  0%, 100% {
    opacity: .18;
  }
  45% {
    opacity: 1;
  }
  72% {
    opacity: .58;
  }
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(92, 70, 43, .62) !important;
  border-radius: .32rem !important;
  background: rgb(243, 221, 186) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 227, .46) !important;
  animation: none !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"]::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* R20: the wrapper owns the only Human-visible pending feedback. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::after {
  content: "Discovering..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 700 clamp(.62rem, .90vw, .82rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  animation: none !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Ready remains compact, centered, and spinner-free. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(92, 70, 43, .62) !important;
  border-radius: .32rem !important;
  background: rgb(243, 221, 186) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 227, .46) !important;
  animation: none !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::after {
  content: "✓ Agent Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .28rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 700 clamp(.56rem, .78vw, .72rem)/1 Arial, Helvetica, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  animation: none !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/*
  R15: missing Helper must not look like a dead click.
  The action remains fail-closed and Download Helper remains explicit.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(92, 70, 43, .62) !important;
  border-radius: .32rem !important;
  background: rgb(243, 221, 186) !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 227, .46) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::after {
  content: "Run Helper First" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .24rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #5d4634 !important;
  font: 700 clamp(.50rem, .69vw, .64rem)/1 Arial, Helvetica, sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/*
  Direct Human correction R10:
  restore the prior disabled Start visual language exactly in color, width,
  pill silhouette, border, shadow and typography. The ONLY visual change is
  vertical height reduction inside the same frozen Start footprint.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__start:has(
  > [data-action="start-mapping"]:disabled
)::before {
  content: "Start Mapping" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 14.002955% !important;
  bottom: 0.993684% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(138, 101, 59, 0.52) !important;
  border-radius: 0.56rem !important;
  background: linear-gradient(
    180deg,
    rgba(235, 207, 165, 0.98) 0%,
    rgba(224, 191, 144, 0.98) 100%
  ) !important;
  color: rgba(103, 91, 72, 0.66) !important;
  box-shadow:
    0 0.16rem 0.38rem rgba(82, 57, 31, 0.14),
    inset 0 0.08rem 0.18rem rgba(255, 244, 218, 0.40),
    inset 0 -0.08rem 0.18rem rgba(121, 83, 45, 0.08) !important;
  font: 700 clamp(0.72rem, 1.25vw, 1.05rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.01em !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__start:has(
  > [data-action="start-mapping"]:disabled
)::after {
  content: none !important;
  display: none !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__start:has(
  > [data-action="start-mapping"]:not(:disabled)
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__start:has(
  > [data-action="start-mapping"]:not(:disabled)
)::after {
  content: none !important;
  display: none !important;
}


/* Helper/INCOMPLETE S3 empty truth row: smaller typography + breathing room. */
#reality-map-app[data-state="S3_MAPPING"]
.s3-frozen-visual-v1__frame
> [data-slot="mapping-surfaces"]
> .s3-live-surface-empty {
  box-sizing: border-box !important;
  align-self: flex-start !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 2.15rem !important;
  margin: 0 !important;
  padding:
    clamp(.24rem, .48vw, .44rem)
    clamp(.54rem, .88vw, .82rem) !important;
  border: 1px solid rgba(119, 78, 37, 0.48) !important;
  border-radius: .45rem !important;
  background: rgba(246, 225, 187, 0.74) !important;
  box-shadow: inset 0 1px rgba(255, 245, 220, 0.42) !important;
  color: #17364a !important;
  font: 700 clamp(.52rem, .78vw, .70rem)/1.20 Georgia, "Times New Roman", serif !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
}

/* === NIMCLEA_O_S2_FIND_DOTS_AND_COMPACT_DISABLED_START_R9_END === */


/* === NIMCLEA_O_R20R6_DIRECT_HUMAN_UI_CLOSEOUT_BEGIN === */

/*
  Human counterevidence:
  Find My Agent non-idle text visually overlapped.
  The native button remains the ACTION_OWNER, but its own paint is suppressed
  while the wrapper owns the single Human-visible state label.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent {
  isolation: isolate !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"],
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"] {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  caret-color: transparent !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"] > *,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"] > *,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"] > * {
  visibility: hidden !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"]::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"]::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"]::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Wrapper overlay is the sole Human-visible text owner in non-idle states. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::before {
  z-index: 20 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::after {
  z-index: 21 !important;
}

/*
  Human counterevidence:
  Evidence vertical scroll rail rendered as a thick white browser gutter.
  Preserve scrolling, but make track transparent, thumb narrow, and suppress
  native arrow buttons. This is presentation-only; evidence content is unchanged.
*/
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"],
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(65, 70, 67, .42) transparent !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"]::-webkit-scrollbar,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"]::-webkit-scrollbar-track,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div::-webkit-scrollbar-track,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"]::-webkit-scrollbar-corner,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div::-webkit-scrollbar-corner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"]::-webkit-scrollbar-thumb,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div::-webkit-scrollbar-thumb {
  background: rgba(65, 70, 67, .42) !important;
  background-clip: content-box !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"]::-webkit-scrollbar-button,
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-list"] > div::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* === NIMCLEA_O_R20R6_DIRECT_HUMAN_UI_CLOSEOUT_END === */


/* === NIMCLEA_O_R20R7_FIND_NATIVE_BUTTON_SINGLE_OWNER_BEGIN === */

/*
  Direct Human counterevidence:
  Find My Agent still shows unreadable overlapping text on click even though
  the prior pseudo-element observer reported one overlay owner.

  R20R7 removes the overlay architecture from this control entirely.
  The native button is now the sole ACTION + VISUAL + TEXT owner.
  Its opaque parchment face also covers any baked/baseplate copy underneath.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"] {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 .34rem !important;
  border: 1px solid rgba(92, 70, 43, .62) !important;
  border-radius: .32rem !important;
  background: rgb(243, 221, 186) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 227, .46) !important;
  color: #4b3625 !important;
  -webkit-text-fill-color: #4b3625 !important;
  text-shadow: none !important;
  font: 700 clamp(.58rem, .82vw, .76rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"]::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* State tone may vary, but text ownership never changes. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"] {
  color: #35522f !important;
  -webkit-text-fill-color: #35522f !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"] {
  color: #5d4634 !important;
  -webkit-text-fill-color: #5d4634 !important;
}

/* === NIMCLEA_O_R20R7_FIND_NATIVE_BUTTON_SINGLE_OWNER_END === */


/* === NIMCLEA_O_R20R7R3_LEGACY_FIND_PSEUDO_SPECIFICITY_RETIREMENT_BEGIN === */

/*
  DIRECT R20R7R2 computed counterevidence:
  preparing native text was correct in DOM but transparent, while legacy
  wrapper pseudo paint survived. Retire those exact state-specific owners
  with matching specificity, later source order, and !important.
*/

/* Legacy wrapper pseudo layers are forbidden in every non-idle Find state. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="preparing"]
)::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="failed"]
)::after,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent:has(
  > [data-action="find-my-agent"][data-source-state="ready"]
)::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* Native button remains the only Human-visible owner in non-idle states. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="preparing"] {
  color: #4b3625 !important;
  -webkit-text-fill-color: #4b3625 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 30 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="failed"] {
  color: #5d4634 !important;
  -webkit-text-fill-color: #5d4634 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 30 !important;
}

#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"] {
  color: #35522f !important;
  -webkit-text-fill-color: #35522f !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 30 !important;
}

/* === NIMCLEA_O_R20R7R3_LEGACY_FIND_PSEUDO_SPECIFICITY_RETIREMENT_END === */

/* === NIMCLEA_O_S4_V5_CONTENT_PRESENTATION_CALIBRATION_R5_END === */

/* === NIMCLEA_O_R21D_GLOBAL_HELP_AND_PROVENANCE_VISUAL_V1_BEGIN === */
.rm-global-help-control{
  z-index:88 !important;
}

.rm-global-help-control--fallback{
  position:absolute;
  right:0.65rem;
  top:50%;
  transform:translateY(-50%);
  min-width:5.25rem;
  min-height:2.5rem;
  border:1px solid rgba(76,49,26,.64);
  border-radius:.55rem 0 0 .55rem;
  background:rgba(238,216,173,.96);
  color:#38291b;
  font:700 .9rem/1 Georgia,"Times New Roman",serif;
}

.rm-help-overlay[hidden]{
  display:none !important;
}

.rm-help-overlay{
  position:absolute;
  inset:0;
  z-index:96;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2.4%;
  background:rgba(31,22,13,.46);
  backdrop-filter:blur(1.3px);
}

.rm-help-parchment{
  position:relative;
  width:min(94%,92rem);
  max-height:94%;
  overflow:auto;
  padding:3.35% 4.4% 2.8%;
  border:1.5px solid rgba(92,58,28,.72);
  border-radius:1rem .75rem 1.05rem .8rem;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.28),transparent 27%),
    radial-gradient(circle at 86% 84%,rgba(114,69,28,.10),transparent 31%),
    linear-gradient(135deg,#f2dfb4,#ead2a0 54%,#f1ddb0);
  box-shadow:
    0 1.45rem 4.2rem rgba(20,13,7,.42),
    inset 0 0 2.7rem rgba(104,62,25,.14);
  color:#17364a;
  font-family:Georgia,"Times New Roman",serif;
}

.rm-help-parchment::before,
.rm-help-parchment::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:.65rem;
  border:1px solid rgba(99,63,30,.22);
  border-radius:.75rem .55rem .8rem .6rem;
}

.rm-help-parchment::after{
  inset:1.05rem;
  border-color:rgba(255,255,255,.18);
}

.rm-help-close{
  position:absolute;
  right:1.6rem;
  top:1.05rem;
  z-index:2;
  border:0;
  background:transparent;
  color:#74431e;
  font:700 1.8rem/1 Georgia,"Times New Roman",serif;
  cursor:pointer;
}

.rm-help-brand{
  position:absolute;
  left:3.2%;
  top:2.25%;
  font:700 clamp(1rem,2.15vw,2.2rem)/1 Arial,sans-serif;
  letter-spacing:-.03em;
  color:#17364a;
}

.rm-help-brand span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  margin-left:.09em;
  border-radius:50%;
  background:#e8751b;
  color:#fff5df;
}

.rm-help-brand sup{
  margin-left:.13em;
  color:#e8751b;
  font-size:.36em;
}

.rm-help-compass{
  position:absolute;
  right:4.25%;
  top:2.25%;
  font-size:clamp(2rem,4.3vw,4.5rem);
  line-height:1;
  color:#79502b;
}

.rm-help-kicker{
  text-align:center;
  margin-top:.15rem;
  font:700 clamp(.72rem,1.2vw,1.1rem)/1.1 Arial,sans-serif;
  letter-spacing:.18em;
  color:#b45820;
}

.rm-help-parchment h2{
  margin:.32rem 0 0;
  text-align:center;
  font-size:clamp(1.55rem,3.2vw,3.35rem);
  line-height:1.02;
  color:#17364a;
}

.rm-help-ribbon{
  width:max-content;
  max-width:77%;
  margin:.55rem auto 0;
  padding:.38rem 1.25rem;
  border:1px solid rgba(132,76,29,.35);
  background:rgba(221,179,112,.44);
  color:#9b4b1f;
  font-weight:700;
  font-size:clamp(.72rem,1.15vw,1rem);
  text-align:center;
}

.rm-help-subtitle{
  margin:.72rem 0 .75rem;
  text-align:center;
  font-style:italic;
  font-size:clamp(.82rem,1.35vw,1.18rem);
  color:#365165;
}

.rm-help-section{
  margin-top:.65rem;
}

.rm-help-section h3{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:.2rem 0 .55rem;
  font-size:clamp(1rem,1.55vw,1.42rem);
  color:#17364a;
}

.rm-help-section h3::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(116,75,36,.65),
    rgba(116,75,36,.12)
  );
}

.rm-help-section h3 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  background:#c25f22;
  color:#fff5e2;
  font-size:.88rem;
}

.rm-help-source-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.58rem .72rem;
}

.rm-help-source-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:.72rem;
  min-height:6.25rem;
  padding:.72rem .9rem;
  border:1px solid rgba(103,69,37,.42);
  border-radius:.55rem;
  background:rgba(255,248,228,.27);
}

.rm-help-source-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:3.55rem;
  height:3.55rem;
  border:1px solid rgba(160,95,36,.26);
  border-radius:50%;
  color:#bb5a1d;
  font-size:2rem;
}

.rm-help-tag{
  display:inline-block;
  padding:.14rem .5rem;
  border:1px solid rgba(180,91,29,.34);
  border-radius:.34rem;
  color:#b2551f;
  background:rgba(250,226,181,.38);
  font:700 .68rem/1 Arial,sans-serif;
  letter-spacing:.055em;
}

.rm-help-source-card h4{
  margin:.22rem 0 .18rem;
  color:#17364a;
  font-size:clamp(.95rem,1.45vw,1.35rem);
}

.rm-help-source-card p{
  margin:0;
  color:#3f4e57;
  font-size:clamp(.72rem,1vw,.96rem);
  line-height:1.3;
}

.rm-help-results-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr 1.05fr;
  gap:.75rem;
}

.rm-help-results-grid p{
  margin:0;
  padding:.35rem .6rem;
  border-left:1px solid rgba(178,88,26,.45);
  color:#3d4d56;
  font-size:clamp(.72rem,1vw,.93rem);
  line-height:1.3;
}

.rm-help-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.55rem;
}

.rm-help-metric-grid article{
  min-height:4.7rem;
  padding:.62rem .7rem;
  border:1px solid rgba(103,69,37,.38);
  border-radius:.5rem;
  background:rgba(255,248,228,.24);
}

.rm-help-metric-grid b{
  display:block;
  margin-bottom:.22rem;
  color:#17364a;
  font-size:clamp(.72rem,1vw,.95rem);
}

.rm-help-metric-grid span{
  display:block;
  color:#46555e;
  font-size:clamp(.65rem,.88vw,.82rem);
  line-height:1.26;
}

.rm-help-footer{
  margin:.8rem 0 0;
  text-align:center;
  color:#475765;
  font-size:clamp(.75rem,1.1vw,1rem);
  font-style:italic;
}

.rm-s4-provenance-host{
  position:relative !important;
}

.rm-s4-provenance[hidden]{
  display:none !important;
}

.rm-s4-provenance{
  position:absolute;
  left:11.05%;
  top:30.15%;
  z-index:14;
  max-width:22.5%;
  white-space:nowrap;
  color:#18384b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:9px;
  font-weight:700;
  line-height:1;
  pointer-events:none;
}

@media (max-width:980px){
  .rm-help-source-grid{
    grid-template-columns:1fr;
  }

  .rm-help-results-grid{
    grid-template-columns:1fr;
  }

  .rm-help-metric-grid{
    grid-template-columns:1fr 1fr;
  }

  .rm-help-brand,
  .rm-help-compass{
    opacity:.72;
  }
}

/* === NIMCLEA_O_R21D1_DIRECT_HUMAN_COUNTEREVIDENCE_VISUAL_REPAIR_V1_BEGIN === */

/* S2 · Agent Ready: keep the native button as sole owner, restore ✓, one size smaller. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__find-agent
> [data-action="find-my-agent"][data-source-state="ready"]{
  font-size:clamp(.54rem,.74vw,.70rem) !important;
}

/* S4 · status badge must be copy-driven, not fixed/min-width driven. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-status"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:14rem !important;
  height:auto !important;
  min-height:2rem !important;
  padding:.25rem .72rem !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* S4 · each path step owns only the width its copy needs, capped for long copy. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"] > li{
  flex:0 0 auto !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:18rem !important;
  min-height:2.7rem !important;
  padding:.50rem .74rem .50rem .86rem !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

/* Connecting is a frozen Product line. R21D1 adds no Git/source-state paint owner. */
/* === NIMCLEA_O_R21D1_DIRECT_HUMAN_COUNTEREVIDENCE_VISUAL_REPAIR_V1_END === */


/* R21D1R1R11 · persistent global Help control + exact accepted Help visual. */
.rm-global-help-control--persistent{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:.34rem .62rem !important;
  border:1px solid rgba(92,70,43,.62) !important;
  border-radius:.40rem !important;
  background:rgb(243,221,186) !important;
  box-shadow:inset 0 1px 0 rgba(255,247,227,.46),0 .12rem .28rem rgba(63,39,18,.18) !important;
  color:#4b3625 !important;
  -webkit-text-fill-color:#4b3625 !important;
  font:700 10px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:.01em !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

.rm-help-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483001 !important;
}

.rm-help-parchment--reference{
  position:relative !important;
  width:min(96vw,92rem) !important;
  max-width:96vw !important;
  max-height:94vh !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:auto !important;
}

.rm-help-parchment--reference::before,
.rm-help-parchment--reference::after{
  content:none !important;
  display:none !important;
}

.rm-help-reference-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:92vh !important;
  object-fit:contain !important;
  border:0 !important;
}

.rm-help-parchment--reference .rm-help-close{
  position:absolute !important;
  right:1.6% !important;
  top:2.2% !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:2rem !important;
  height:2rem !important;
  padding:0 !important;
  border:1px solid rgba(92,70,43,.48) !important;
  border-radius:50% !important;
  background:rgba(243,221,186,.94) !important;
  color:#74431e !important;
  font:700 1.3rem/1 Georgia,"Times New Roman",serif !important;
  cursor:pointer !important;
}

.rm-help-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* === NIMCLEA_O_R21D1R1R18_HELP_VISUAL_AND_CONTROL_RAIL_V1_BEGIN === */

/* Keep the MAP's own parchment/background visible around the Help image. */
.rm-help-overlay{
  background:transparent !important;
  background-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/*
  Back is the live visual authority. The JS rail normalizer copies its
  computed visual contract to Help and Feedback and enforces equal geometry.
  This CSS removes the old custom Help-only skin that caused the mismatch.
*/
.rm-global-help-control--persistent{
  text-shadow:none !important;
}

/* === NIMCLEA_O_R21D1R1R18_HELP_VISUAL_AND_CONTROL_RAIL_V1_END === */


/* === NIMCLEA_O_R21D1R1R20_SINGLE_PERSISTENT_CONTROL_RAIL_V1_BEGIN === */

.rm-global-control-rail{
  position:fixed;
  right:.65rem;
  top:50%;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  align-items:stretch;
  width:5.4rem;
  z-index:2147483000;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}

.rm-global-control-rail__button{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:2.25rem;
}

[data-r21-native-control-proxied="yes"]{
  display:none !important;
}

.rm-help-overlay{
  background:transparent !important;
  background-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* === NIMCLEA_O_R21D1R1R20_SINGLE_PERSISTENT_CONTROL_RAIL_V1_END === */

/* === NIMCLEA_O_R21D_GLOBAL_HELP_AND_PROVENANCE_VISUAL_V1_END === */

/* === NIMCLEA_O_R21D1R1R37_CLOSE_HIT_HALO_V1_BEGIN === */

/*
  Visual circle may be smaller than 24px, but the Human should not have to
  pixel-hunt. This invisible pseudo-element keeps a 32×32px hit halo centered
  on the same close control. It does not change the visible circle or ×.
*/
.rm-help-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 32px !important;
  height: 32px !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

/* === NIMCLEA_O_R21D1R1R37_CLOSE_HIT_HALO_V1_END === */

/* === NIMCLEA_O_R21D1R1R38_INK_CENTERED_CLOSE_X_V1_BEGIN === */

/*
  R37 proved the circle size is right, but Human visual acceptance found the
  font glyph itself is not optically centered. Flex centers the line box,
  not necessarily the painted glyph.

  Keep the original 18px text semantics and action, make the original glyph
  visually transparent, then paint an exact CSS × whose ink box is centered
  mathematically on the circle. No image generation and no image edit.
*/
.rm-help-close {
  color: transparent !important;
  overflow: visible !important;
}

.rm-help-close::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: 50% 50% !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      45deg,
      transparent calc(50% - 0.5px),
      rgba(91,52,28,0.92) calc(50% - 0.5px),
      rgba(91,52,28,0.92) calc(50% + 0.5px),
      transparent calc(50% + 0.5px)
    ),
    linear-gradient(
      -45deg,
      transparent calc(50% - 0.5px),
      rgba(91,52,28,0.92) calc(50% - 0.5px),
      rgba(91,52,28,0.92) calc(50% + 0.5px),
      transparent calc(50% + 0.5px)
    ) !important;
  background-repeat: no-repeat !important;
}

/*
  R37 ::after remains the invisible 32px hit halo.
  Do not change it.
*/

/* === NIMCLEA_O_R21D1R1R38_INK_CENTERED_CLOSE_X_V1_END === */

/* === NIMCLEA_O_R21D1R1R48_S4_STATUS_PASSIVE_CSS_V1_BEGIN === */

#reality-map-app[data-state="S4_RESULT"]
[data-slot="selected-path-status"],
#reality-map-app[data-state="S4_RESULT"]
[data-slot="selected-path-status"]:hover,
#reality-map-app[data-state="S4_RESULT"]
[data-slot="selected-path-status"]:active,
#reality-map-app[data-state="S4_RESULT"]
[data-slot="selected-path-status"]:focus,
#reality-map-app[data-state="S4_RESULT"]
[data-slot="selected-path-status"]:focus-visible {
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

/* === NIMCLEA_O_R21D1R1R48_S4_STATUS_PASSIVE_CSS_V1_END === */

/* === NIMCLEA_O_R21D1R1R50R2_S4_WHY_SURFACE_BINDING_READABILITY_CSS_V1_BEGIN === */
.rm-s4-r50-action-layer{
  position:fixed !important;
  left:0;
  top:0;
  width:0;
  height:0;
  z-index:2147482900 !important;
  pointer-events:none;
}
.rm-s4-r50-hotspot{
  position:absolute;
  margin:0;
  padding:0;
  border:0;
  border-radius:.45rem;
  background:rgba(255,255,255,.001);
  box-shadow:none;
  color:transparent;
  font-size:0;
  line-height:0;
  cursor:pointer;
  pointer-events:auto;
  appearance:none;
  -webkit-appearance:none;
}
.rm-s4-r50-hotspot--why{
  left:59.18%;
  top:80.94%;
  width:15.75%;
  height:5.16%;
}
.rm-s4-r50-hotspot:focus-visible{
  outline:2px solid rgba(205,91,25,.88);
  outline-offset:-2px;
}
.rm-s4-r50-why-overlay[hidden]{
  display:none !important;
}
.rm-s4-r50-why-overlay{
  position:fixed;
  inset:0;
  z-index:2147482950 !important;
  display:grid;
  place-items:center;
  padding:3vh 3vw;
  background:rgba(43,31,18,.24);
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}
.rm-s4-r50-why-card{
  position:relative;
  width:min(820px,91vw);
  max-height:88vh;
  overflow:auto;
  box-sizing:border-box;
  padding:1.65rem 1.85rem 1.8rem;
  border:1px solid rgba(108,76,38,.55);
  border-radius:14px;
  background:linear-gradient(rgba(249,235,201,.98),rgba(242,221,177,.98));
  box-shadow:0 18px 52px rgba(46,31,15,.28),inset 0 1px rgba(255,250,230,.72);
  color:#213847;
  font-family:Georgia,"Times New Roman",serif;
}
.rm-s4-r50-why-close{
  position:absolute;
  top:.72rem;
  right:.78rem;
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(104,76,43,.42);
  border-radius:50%;
  background:rgba(247,230,194,.84);
  color:#5e4328;
  font:400 1.25rem/1 Arial,sans-serif;
  cursor:pointer;
}
.rm-s4-r50-why-kicker{
  margin:0 2.5rem .28rem 0;
  color:#a6551f;
  font:700 .72rem/1.2 Arial,sans-serif;
  letter-spacing:.12em;
}
.rm-s4-r50-why-card h2{
  margin:.08rem 2.5rem 1.05rem 0;
  color:#19384c;
  font-size:clamp(1.45rem,2.25vw,2rem);
  line-height:1.12;
}
.rm-s4-r50-why-grid{
  display:grid;
  gap:.72rem;
  margin:0;
}
.rm-s4-r50-why-section{
  padding:.78rem .92rem .84rem;
  border:1px solid rgba(111,82,46,.23);
  border-radius:.62rem;
  background:rgba(255,248,229,.36);
}
.rm-s4-r50-why-grid dt{
  margin:0 0 .36rem;
  color:#8b5525;
  font:700 .72rem/1.2 Arial,sans-serif;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.rm-s4-r50-why-grid dd{
  margin:0;
  color:#263f4e;
  font-size:1rem;
  line-height:1.48;
  overflow-wrap:anywhere;
}
.rm-s4-r50-surface-value{
  font-size:1.08rem !important;
  font-weight:600;
}
.rm-s4-r50-surface-meta{
  margin:.28rem 0 0;
  color:#755838;
  font:600 .74rem/1.3 Arial,sans-serif;
  letter-spacing:.025em;
}
.rm-s4-r50-effect-block{
  display:grid;
  gap:.42rem;
}
.rm-s4-r50-effect-type,
.rm-s4-r50-token-value{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.rm-s4-r50-effect-type{
  display:inline-block;
  justify-self:start;
  max-width:100%;
  padding:.25rem .48rem;
  border:1px solid rgba(127,87,45,.24);
  border-radius:.38rem;
  background:rgba(122,81,38,.06);
  color:#71481f;
  font:700 .73rem/1.25 Arial,sans-serif;
  letter-spacing:.035em;
}
.rm-s4-r50-effect-description{
  color:#263f4e;
  font-size:1rem;
  line-height:1.5;
}
.rm-s4-r50-evidence-block{
  display:grid;
  gap:.55rem;
}
.rm-s4-r50-evidence-count{
  margin:0;
  color:#4d5960;
  font-size:.91rem;
  line-height:1.4;
}
.rm-s4-r50-evidence-records{
  display:grid;
  gap:.52rem;
}
.rm-s4-r50-evidence-record{
  display:grid;
  gap:.34rem;
  padding:.62rem .7rem;
  border:1px solid rgba(111,82,46,.18);
  border-radius:.48rem;
  background:rgba(255,250,235,.28);
}
.rm-s4-r50-evidence-row{
  display:grid;
  grid-template-columns:minmax(8.8rem,10rem) minmax(0,1fr);
  gap:.65rem;
  align-items:start;
}
.rm-s4-r50-evidence-label{
  color:#805020;
  font:700 .73rem/1.35 Arial,sans-serif;
}
.rm-s4-r50-token-value{
  min-width:0;
  color:#263f4e;
  font:600 .84rem/1.4 Arial,sans-serif;
  letter-spacing:.01em;
}
.rm-s4-r50-empty{
  margin:0;
  color:#5b6469;
  font-size:.92rem;
  line-height:1.4;
}
@media (max-width:680px){
  .rm-s4-r50-why-card{
    width:94vw;
    padding:1.45rem 1.25rem 1.5rem;
  }
  .rm-s4-r50-evidence-row{
    grid-template-columns:1fr;
    gap:.15rem;
  }
}
/* === NIMCLEA_O_R21D1R1R50R2_S4_WHY_SURFACE_BINDING_READABILITY_CSS_V1_END === */


/* === NIMCLEA_O_R21D1R1R53_S4_SHARE_MAP_ONLY_CSS_V1_BEGIN === */
.rm-s4-r53-hotspot--share{
  left:76.73%;
  top:80.94%;
  width:13.47%;
  height:5.16%;
}
.rm-s4-r53-share-toast[hidden],
.rm-s4-r53-copy-panel[hidden]{
  display:none !important;
}
.rm-s4-r53-share-toast{
  position:fixed;
  left:50%;
  bottom:5vh;
  z-index:2147482960 !important;
  transform:translateX(-50%);
  padding:.62rem 1rem;
  border:1px solid rgba(102,75,42,.42);
  border-radius:999px;
  background:rgba(247,231,195,.97);
  box-shadow:0 .4rem 1.5rem rgba(47,32,16,.22);
  color:#263d48;
  font:700 .84rem/1.15 Arial,sans-serif;
  white-space:nowrap;
}
.rm-s4-r53-copy-panel{
  position:fixed;
  inset:0;
  z-index:2147482965 !important;
  display:grid;
  place-items:center;
  padding:4vh 4vw;
  background:rgba(43,31,18,.24);
}
.rm-s4-r53-copy-card{
  position:relative;
  width:min(640px,88vw);
  box-sizing:border-box;
  padding:1.55rem 1.7rem 1.65rem;
  border:1px solid rgba(108,76,38,.55);
  border-radius:14px;
  background:linear-gradient(rgba(249,235,201,.98),rgba(242,221,177,.98));
  box-shadow:0 18px 52px rgba(46,31,15,.28);
  color:#213847;
  font-family:Georgia,"Times New Roman",serif;
}
.rm-s4-r53-copy-close{
  position:absolute;
  top:.7rem;
  right:.75rem;
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(104,76,43,.42);
  border-radius:50%;
  background:rgba(247,230,194,.84);
  color:#5e4328;
  font:400 1.25rem/1 Arial,sans-serif;
  cursor:pointer;
}
.rm-s4-r53-copy-kicker{
  margin:0 2.5rem .28rem 0;
  color:#a6551f;
  font:700 .72rem/1.2 Arial,sans-serif;
  letter-spacing:.12em;
}
.rm-s4-r53-copy-card h2{
  margin:.08rem 2.5rem .9rem 0;
  color:#19384c;
  font-size:1.45rem;
  line-height:1.15;
}
.rm-s4-r53-copy-text{
  display:block;
  width:100%;
  min-height:10rem;
  box-sizing:border-box;
  resize:vertical;
  padding:.75rem .8rem;
  border:1px solid rgba(111,82,46,.28);
  border-radius:.55rem;
  background:rgba(255,248,229,.52);
  color:#263f4e;
  font:400 .92rem/1.45 Arial,sans-serif;
}
/* === NIMCLEA_O_R21D1R1R53_S4_SHARE_MAP_ONLY_CSS_V1_END === */


/* === NIMCLEA_O_R68R1_S4_HUMAN_LANGUAGE_VISUAL_INTEGRATION_CSS_V1_BEGIN === */

/* Human text is written directly into the original parchment blank area.
   No large overlay card, no duplicate status chip. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected
.rm-s4-r68-human-panel{
  position:absolute !important;
  left:5.2% !important;
  right:5.0% !important;
  top:16.0% !important;
  bottom:12.5% !important;
  z-index:5 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:auto auto auto 1fr auto !important;
  gap:.64rem !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:.35rem .55rem .25rem !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#263f4e !important;
  overflow:auto !important;
}

#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.rm-s4-r68-human-panel[hidden]{
  display:none !important;
}

.rm-s4-r68-kicker{
  margin:0 !important;
  color:#a6551f !important;
  font:700 clamp(.57rem,.66vw,.70rem)/1.2 Arial,sans-serif !important;
  letter-spacing:.10em !important;
}

.rm-s4-r68-surface-title{
  margin:.04rem 0 0 !important;
  color:#19384c !important;
  font:700 clamp(1.18rem,1.72vw,1.65rem)/1.08 Georgia,"Times New Roman",serif !important;
  overflow-wrap:anywhere !important;
}

.rm-s4-r68-statement{
  margin:.05rem 0 0 !important;
  max-width:92% !important;
  color:#263f4e !important;
  font:700 clamp(.72rem,.91vw,.90rem)/1.40 Georgia,"Times New Roman",serif !important;
}

.rm-s4-r68-why{
  align-self:start !important;
  min-width:0 !important;
  max-width:94% !important;
  padding:.30rem 0 0 !important;
  border:0 !important;
  border-top:1px solid rgba(111,82,46,.20) !important;
  border-radius:0 !important;
  background:transparent !important;
}

.rm-s4-r68-why strong{
  display:block !important;
  margin:0 0 .28rem !important;
  color:#805020 !important;
  font:700 clamp(.57rem,.66vw,.69rem)/1.2 Arial,sans-serif !important;
  letter-spacing:.035em !important;
}

.rm-s4-r68-why p{
  margin:0 !important;
  max-width:95% !important;
  color:#314851 !important;
  font:400 clamp(.62rem,.75vw,.78rem)/1.44 Georgia,"Times New Roman",serif !important;
  overflow-wrap:anywhere !important;
}

.rm-s4-r68-evidence-row{
  align-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.8rem !important;
  min-width:0 !important;
  padding-top:.38rem !important;
  border-top:1px solid rgba(111,82,46,.16) !important;
}

.rm-s4-r68-evidence-cue{
  min-width:0 !important;
  color:#5f513c !important;
  font:700 clamp(.53rem,.63vw,.66rem)/1.25 Arial,sans-serif !important;
  overflow-wrap:anywhere !important;
}

.rm-s4-r68-view-tech,
.rm-s4-r68-back-human{
  box-sizing:border-box !important;
  padding:.42rem .70rem !important;
  border:1px solid rgba(104,76,43,.38) !important;
  border-radius:.44rem !important;
  background:rgba(247,230,194,.58) !important;
  box-shadow:inset 0 1px rgba(255,249,231,.42) !important;
  color:#31424a !important;
  font:700 clamp(.53rem,.64vw,.67rem)/1.05 Arial,sans-serif !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}

.rm-s4-r68-back-human{
  position:absolute !important;
  right:4.0% !important;
  top:52.2% !important;
  z-index:8 !important;
}

.rm-s4-r68-back-human[hidden]{
  display:none !important;
}

/* Human view hides only the technical path/evidence content.
   Original parchment, navigator, counts, status slot, and action rail remain visible. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-effect"],
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"],
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"]{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-effect"],
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
.s4-result-frozen-visual-v1__runtime
[data-slot="selected-path-steps"],
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"]{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
.s4-result-frozen-visual-v1__runtime
[data-slot="evidence-panel"]{
  z-index:6 !important;
}

/* Action rail remains exactly where the baseplate puts it. */
#reality-map-app[data-state="S4_RESULT"]
[data-r50-why-action-layer="yes"],
#reality-map-app[data-state="S4_RESULT"]
[data-r53-action="share"]{
  z-index:9 !important;
}

/* === NIMCLEA_O_R68R1_S4_HUMAN_LANGUAGE_VISUAL_INTEGRATION_CSS_V1_END === */


/* === NIMCLEA_O_R68R3_S4_WHAT_WHY_PROOF_RESPONSIBILITY_SPLIT_CSS_V1_BEGIN === */

/* Human View now has four responsibilities/rows:
   kicker, capability title, capability statement, evidence cue/disclosure. */
#reality-map-app[data-state="S4_RESULT"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected
.rm-s4-r68-human-panel{
  grid-template-rows:auto auto 1fr auto !important;
}

/* The default Human View must not manufacture a second WHY surface. */
#reality-map-app[data-state="S4_RESULT"]
.rm-s4-r68-human-panel
.rm-s4-r68-why{
  display:none !important;
}

/* === NIMCLEA_O_R68R3_S4_WHAT_WHY_PROOF_RESPONSIBILITY_SPLIT_CSS_V1_END === */


/* === NIMCLEA_O_R68R3R4_S4_HUMAN_VIEW_CONTENT_DENSITY_LAYOUT_POLISH_V1_BEGIN === */

/*
  Human default view only.
  Information architecture remains:
  WHAT = Human default
  WHY  = bottom Why button
  PROOF = View technical evidence
*/

/* Pull the Human reading flow upward and compact the vertical rhythm. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected
.rm-s4-r68-human-panel{
  top:15.2% !important;
  bottom:18.0% !important;
  padding:.28rem .55rem .20rem !important;
  gap:.46rem !important;
  grid-template-rows:auto auto auto auto !important;
  align-content:start !important;
}

/* Keep the capability statement visually close to its title. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.rm-s4-r68-human-panel
.rm-s4-r68-statement{
  margin:.02rem 0 .14rem !important;
  max-width:96% !important;
}

/* Evidence cue joins the main reading flow instead of floating near the footer. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.rm-s4-r68-human-panel
.rm-s4-r68-evidence-row{
  align-self:start !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:.52rem !important;
  width:auto !important;
  max-width:96% !important;
  margin:.08rem 0 0 !important;
  padding:.58rem 0 0 !important;
  border-top:0 !important;
}

/* Evidence cue is part of the text stream, not a footer label. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.rm-s4-r68-human-panel
.rm-s4-r68-evidence-cue{
  display:block !important;
  font-size:clamp(.62rem,.75vw,.78rem) !important;
  line-height:1.30 !important;
}

/* Proof disclosure sits directly below the evidence cue, left aligned. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.rm-s4-r68-human-panel
.rm-s4-r68-view-tech{
  align-self:flex-start !important;
  margin:0 !important;
}

/* Keep the bottom action rail untouched and visually separate. */
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
[data-r50-why-action-layer="yes"],
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
[data-r53-action="share"]{
  z-index:9 !important;
}

/* === NIMCLEA_O_R68R3R4_S4_HUMAN_VIEW_CONTENT_DENSITY_LAYOUT_POLISH_V1_END === */


/* === NIMCLEA_O_R68R3R5_S4_HUMAN_VIEW_VERTICAL_CENTERING_POLISH_V1_BEGIN === */

/*
  Vertical-centering only.
  R68R3R4 reading order, spacing, copy, WHAT/WHY/PROOF ownership,
  bottom action rail and technical view remain unchanged.
*/
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
.s4-result-frozen-visual-v1__runtime
.result-atlas__selected
.rm-s4-r68-human-panel{
  align-content:center !important;
}

/* === NIMCLEA_O_R68R3R5_S4_HUMAN_VIEW_VERTICAL_CENTERING_POLISH_V1_END === */


/* === NIMCLEA_O_R68R3R7_STATUS_HEIGHT_FOLLOWS_HUMAN_VIEW_CSS_V1_BEGIN === */

/*
  Human View owns its own fixed button geometry.
  Status keeps natural width, only height is normalized to Human View.
*/
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
.rm-s4-r68-back-human{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}

#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="yes"]
[data-slot="selected-path-status"]{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* === NIMCLEA_O_R68R3R7_STATUS_HEIGHT_FOLLOWS_HUMAN_VIEW_CSS_V1_END === */


/* === NIMCLEA_O_R68R3R8R1_HUMAN_STATUS_RENDERED_HEIGHT_FIX_V1_BEGIN === */

/*
  Human-mode status width remains natural (max-content).
  Only box sizing / vertical centering are normalized so that the
  rendered OUTER height equals the native Human View button height.
*/
#reality-map-app[data-state="S4_RESULT"][data-r68-technical-open="no"]
[data-slot="selected-path-status"]{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* === NIMCLEA_O_R68R3R8R1_HUMAN_STATUS_RENDERED_HEIGHT_FIX_V1_END === */

/* === NIMCLEA_O_LOCAL_PROJECT_CONNECTING_CONSISTENT_UI_V1_BEGIN === */
/* NIMCLEA_O_R6R24_S3_30PX_AIRY_ROW_AND_CIRCLE_TEXT_SEPARATION_V1_END */

/* === NIMCLEA_O_S2_GIT_PREPARATION_STATE_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="ready"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  color: #3f2d20 !important;
  font-size: clamp(.56rem, .72vw, .76rem) !important;
  line-height: 1 !important;
  opacity: 1 !important;
  background: rgba(231, 213, 178, .96) !important;
  border: 1px solid rgba(63, 45, 32, .74) !important;
  border-radius: .30rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.34) inset !important;
}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="preparing"]::before {
  content: "" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  border: 1.5px dashed currentColor !important;
  border-radius: 50% !important;
  animation: nimclea-o-s2-source-preparing-spin 900ms linear infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="ready"]::before {
  content: "✓" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after {
  content: "Preparing…" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(229, 202, 160, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="ready"])::after {
  content: "✓ Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(231, 213, 178, 0.98) !important;
  border: 1px solid rgba(63, 45, 32, 0.74) !important;
  border-radius: 0.40rem !important;
  color: #2f4a27 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::before {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  top: 50% !important;
  width: clamp(12px, 1.15vw, 18px) !important;
  height: clamp(12px, 1.15vw, 18px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px dashed rgba(90, 54, 20, 0.88) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 31 !important;
  pointer-events: none !important;
  animation: nimclea-s2-source-spinner-v1 700ms linear infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 1.45rem !important;
  box-sizing: border-box !important;
  background: rgba(233, 207, 166, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.54rem, 0.86vw, 0.80rem)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after {
  content: "Preparing…" !important;
}

/* Human R3R2 refinement: Git copy is concise and the rotating dashed
   indicator sits after the text rather than before it. */
/* Human R3R6 refinement:
   Keep the baked PNG button as the appearance owner.  The legacy live Git
   preparing/ready style must not repaint that baked base. */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="ready"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-local-project"][data-source-state="ready"]::before {
  content: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::before {
  left: auto !important;
  right: 5% !important;
  width: clamp(9px, 0.80vw, 12px) !important;
  height: clamp(9px, 0.80vw, 12px) !important;
  border-width: 1.5px !important;
  animation-duration: 1.4s !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="ready"])::after {
  left: calc(26% - 6px) !important;
  right: 5% !important;
  top: 14% !important;
  bottom: 14% !important;
  inset: 14% 5% 14% calc(26% - 6px) !important;
  padding: 0 0.90rem 0 6px !important;
  justify-content: flex-start !important;
  background: rgb(243, 221, 186) !important;
  border: 0 !important;
  border-radius: 0.20rem !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 600 clamp(0.56rem, 0.72vw, 0.76rem)/1 Arial, sans-serif !important;
  font-size: calc(clamp(0.56rem, 0.72vw, 0.76rem) + 1px) !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="preparing"])::after {
  content: "Preparing…" !important;
  animation: nimclea-s2-connecting-ellipsis-v1 1.2s steps(1, end) infinite !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__local:has(> [data-source-state="ready"])::after {
  content: "✓ Ready" !important;
  inset: 14% 5% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgb(243, 221, 186) !important;
}
/* === NIMCLEA_O_LOCAL_PROJECT_CONNECTING_CONSISTENT_UI_V1_END === */


/* NIMCLEA_O_R98R6R2_STATE_SPECIFIC_COPY_OWNED_FOLDER_AND_SCROLLBAR_V1 */

/*
  S2 Local Project state-specific runtime authority.

  Why state-specific:
  the Connecting-derived Local Project rules already use :has(...)
  plus data-source-state and !important. A generic wrapper::after rule
  can exist in source yet lose the cascade. Bind to the same real state
  seam with higher specificity instead of adjusting pixels blindly.
*/

/* Retire the old independent icon carrier in both status states. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1
[data-action="select-local-project"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1
[data-action="select-local-project"][data-source-state="ready"]::before {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

/* Preparing:
   folder + compact copy share wrapper::after;
   reserve the right edge for the live spinner. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1:has(
  [data-action="select-local-project"][data-source-state="preparing"]
)::after {
  content: "Preparing…" !important;
  left: 7px !important;
  right: 28px !important;
  top: 4px !important;
  bottom: 4px !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  transform: none !important;
  box-sizing: border-box !important;
  padding: 0 2px 0 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  background-color: rgb(243, 221, 186) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M2.2%205.2h7.1l2-2.3h4.2l2%202.3h4.3v12.2H2.2z%22%20fill%3D%22%23d98208%22%20stroke%3D%22%234a3219%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%205.2V3.1h7l2%202.1%22%20fill%3D%22%23efb64d%22%20stroke%3D%22%234a3219%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.7%207.2h16.6%22%20stroke%3D%22%23f5c86e%22%20stroke-width%3D%221.2%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 6px center !important;
  background-size: 18px 16px !important;
}

/* Ready:
   same visual owner, no spinner reservation necessary. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1:has(
  [data-action="select-local-project"][data-source-state="ready"]
)::after {
  content: "✓ Ready" !important;
  left: 7px !important;
  right: 7px !important;
  top: 4px !important;
  bottom: 4px !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  transform: none !important;
  box-sizing: border-box !important;
  padding: 0 2px 0 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  background-color: rgb(243, 221, 186) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M2.2%205.2h7.1l2-2.3h4.2l2%202.3h4.3v12.2H2.2z%22%20fill%3D%22%23d98208%22%20stroke%3D%22%234a3219%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%205.2V3.1h7l2%202.1%22%20fill%3D%22%23efb64d%22%20stroke%3D%22%234a3219%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.7%207.2h16.6%22%20stroke%3D%22%23f5c86e%22%20stroke-width%3D%221.2%22%20opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 6px center !important;
  background-size: 18px 16px !important;
}

/* S4 scrollbar visual polish. */
#reality-map-app[data-state="S4_RESULT"] * {
  scrollbar-width: thin;
  scrollbar-color:
    rgba(54, 62, 64, 0.52)
    transparent;
}

#reality-map-app[data-state="S4_RESULT"] *::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  background: transparent !important;
}

#reality-map-app[data-state="S4_RESULT"] *::-webkit-scrollbar-track {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_RESULT"] *::-webkit-scrollbar-thumb {
  min-height: 28px !important;
  background:
    rgba(54, 62, 64, 0.52) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}

#reality-map-app[data-state="S4_RESULT"] *::-webkit-scrollbar-button {
  width: 7px !important;
  height: 7px !important;
  background: transparent !important;
}

#reality-map-app[data-state="S4_RESULT"] *::-webkit-scrollbar-corner {
  background: transparent !important;
}


/* NIMCLEA_O_R98R6R3_READY_ICON_RETIRE_AND_USER_OWNED_HUMAN_BROWSER_V1 */

/*
  Human FAIL authority:
  Ready is a terminal status, not an active folder-preparation state.
  Keep the folder only while Preparing. Ready matches the compact
  post-Connecting language: iconless, centered, and stable.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1:has(
  [data-action="select-local-project"][data-source-state="ready"]
)::after {
  content: "✓ Ready" !important;
  left: 7px !important;
  right: 7px !important;
  top: 4px !important;
  bottom: 4px !important;
  width: auto !important;
  height: auto !important;
  min-height: 22px !important;
  transform: none !important;
  box-sizing: border-box !important;
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  background-image: none !important;
  background-position: initial !important;
  background-size: auto !important;
}

/* NIMCLEA_O_R98R6R4R3R4R4R5R6_S4_CHALLENGE_MASK_GEOMETRY_CLOSE_V1 */
/* Reusable RESULT_ACTION_INELIGIBLE_MASK.
   Human correction: this IS an overlay block, but it must sit exactly on the existing Challenge artwork.
   It carries NO replacement copy, font, shield, arrow, or layout. The baked original remains the sole content owner.
   CSS Anchor Positioning supplies the responsive base carrier frame only.
   Human visual evidence owns the baked Challenge correction inside that frame: same visible left/top/width/height as the original artwork.
   Human R5R5 near-pass correction: move the mask UP by exactly 1px and change nothing else.
   X position, width, height, scale, border radius 0.44rem, Start Mapping color system, copy, font, shield, arrow, and layout remain frozen.
   The veil neutralizes/tints the original artwork into the already-accepted Start Mapping disabled color system. */
@media (min-width: 641px) and (max-width: 1180px) {
  #reality-map-app > .orange-global-feedback {
    position: absolute !important;
    left: auto !important;
    right: -5.3rem !important;
    bottom: 9.8% !important;
  }
}

#reality-map-app[data-state="S4_RESULT"] [data-action="challenge-boundary"],
#reality-map-app[data-state="S4_RESULT"] [data-r49-action="challenge"] {
  anchor-name: --nimclea-result-action-ineligible-anchor !important;
}

body:has(#reality-map-app[data-state="S4_RESULT"] [data-action="challenge-boundary"]:disabled)::after,
body:has(#reality-map-app[data-state="S4_RESULT"] [data-r49-action="challenge"]:disabled)::after {
  content: "" !important;
  position: fixed !important;
  position-anchor: --nimclea-result-action-ineligible-anchor !important;
  left: anchor(left) !important;
  top: anchor(top) !important;
  width: anchor-size(width) !important;
  height: anchor-size(height) !important;
  transform-origin: left top !important;
  transform: translate(4px, -8px) scale(0.905660, 1.044444) !important;
  display: block !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient( 180deg, rgba(235, 207, 165, 0.72) 0%, rgba(224, 191, 144, 0.72) 100% ) !important;
  border: 1px solid rgba(138, 101, 59, 0.52) !important;
  border-radius: 0.44rem !important;
  box-shadow: 0 0.16rem 0.38rem rgba(82, 57, 31, 0.14), inset 0 0.08rem 0.18rem rgba(255, 244, 218, 0.40), inset 0 -0.08rem 0.18rem rgba(121, 83, 45, 0.08) !important;
  -webkit-backdrop-filter: grayscale(1) saturate(0.16) sepia(0.12) brightness(1.03) contrast(0.94) !important;
  backdrop-filter: grayscale(1) saturate(0.16) sepia(0.12) brightness(1.03) contrast(0.94) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 2147483000 !important;
}

/* === NIMCLEA_O_R98R6R7R7_CONNECTING_ISOLATED_HUMAN_RESTORE_V1_BEGIN === */
/* Human-accepted Connecting lineage replay, selector-item isolated.
   Local Project, Find My Agent, S4 and backend owners are forbidden in this island. */
/* NIMCLEA_O_R6R24_S3_30PX_AIRY_ROW_AND_CIRCLE_TEXT_SEPARATION_V1_END */

/* === NIMCLEA_O_S2_GIT_PREPARATION_STATE_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]{display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  color: #3f2d20 !important;
  font-size: clamp(.56rem, .72vw, .76rem) !important;
  line-height: 1 !important;
  opacity: 1 !important;
  background: rgba(231, 213, 178, .96) !important;
  border: 1px solid rgba(63, 45, 32, .74) !important;
  border-radius: .30rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.34) inset !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before{content: "" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  border: 1.5px dashed currentColor !important;
  border-radius: 50% !important;
  animation: nimclea-o-s2-source-preparing-spin 900ms linear infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before{content: "✓" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Preparing..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(229, 202, 160, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{content: "✓ Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(231, 213, 178, 0.98) !important;
  border: 1px solid rgba(63, 45, 32, 0.74) !important;
  border-radius: 0.40rem !important;
  color: #2f4a27 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before{content: "" !important;
  position: absolute !important;
  left: 10% !important;
  top: 50% !important;
  width: clamp(12px, 1.15vw, 18px) !important;
  height: clamp(12px, 1.15vw, 18px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px dashed rgba(90, 54, 20, 0.88) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 31 !important;
  pointer-events: none !important;
  animation: nimclea-s2-source-spinner-v1 700ms linear infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 1.45rem !important;
  box-sizing: border-box !important;
  background: rgba(233, 207, 166, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.54rem, 0.86vw, 0.80rem)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  z-index: 30 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Connecting / Preparing..." !important;}

/* Human R3R2 refinement: Git copy is concise and the rotating dashed
   indicator sits after the text rather than before it. */
/* Human R3R6 refinement:
   Keep the baked PNG button as the appearance owner.  The legacy live Git
   preparing/ready style must not repaint that baked base. */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]{background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before{content: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before{left: auto !important;
  right: 5% !important;
  width: clamp(9px, 0.80vw, 12px) !important;
  height: clamp(9px, 0.80vw, 12px) !important;
  border-width: 1.5px !important;
  animation-duration: 1.4s !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{left: calc(26% - 6px) !important;
  right: 5% !important;
  top: 14% !important;
  bottom: 14% !important;
  inset: 14% 5% 14% calc(26% - 6px) !important;
  padding: 0 0.90rem 0 6px !important;
  justify-content: flex-start !important;
  background: rgb(243, 221, 186) !important;
  border: 0 !important;
  border-radius: 0.20rem !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 600 clamp(0.56rem, 0.72vw, 0.76rem)/1 Arial, sans-serif !important;
  font-size: calc(clamp(0.56rem, 0.72vw, 0.76rem) + 1px) !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Connecting..." !important;
  animation: nimclea-s2-connecting-ellipsis-v1 1.2s steps(1, end) infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{content: "✓ Ready" !important;
  inset: 14% 5% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgb(243, 221, 186) !important;}
/* === NIMCLEA_O_R98R6R7R7_CONNECTING_ISOLATED_HUMAN_RESTORE_V1_END === */
/* === NIMCLEA_O_R7R40_S3_ZERO_SURFACE_SUMMARY_ONLY_V1_BEGIN === */
/*
  Zero Surface Kind is a summary state, not a discovered surface row.
  Preserve the progressive S3 timing class, but retire row chrome:
  no circle, no outer frame, no card fill.
*/
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-empty.s3-live-surface-progressive-item {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  margin: 0 !important;
  padding: 0.20rem 0.52rem !important;
  box-sizing: border-box !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #7a4a24 !important;
  font: 700 clamp(0.58rem, 0.88vw, 0.78rem)/1.15 Georgia, "Times New Roman", serif !important;
  text-align: left !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-empty.s3-live-surface-progressive-item::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-live-surface-empty.s3-live-surface-progressive-item::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* === NIMCLEA_O_R7R40_S3_ZERO_SURFACE_SUMMARY_ONLY_V1_END === */
/* === NIMCLEA_O_R7R40R2_S3_ZERO_SURFACE_EXACT_COMPUTED_STYLE_V1_BEGIN === */
/*
  Exact current cascade owner repair for the zero-Surface-Kind summary.
  Retire all surface-row chrome using longhands at the effective parent-chain specificity.
*/
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty.s3-live-surface-progressive-item {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;

  border-top-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-left-style: none !important;

  border-radius: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;
}

#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty.s3-live-surface-progressive-item::before,
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty.s3-live-surface-progressive-item::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
/* === NIMCLEA_O_R7R40R2_S3_ZERO_SURFACE_EXACT_COMPUTED_STYLE_V1_END === */
/* === NIMCLEA_O_R7R40R3R1_S3_ZERO_SURFACE_SUMMARY_FONT_SIZE_V1_BEGIN === */
#reality-map-app[data-state="S3_MAPPING"] .s3-frozen-visual-v1__frame > [data-slot="mapping-surfaces"] > .s3-live-surface-empty.s3-live-surface-progressive-item {
  font-size: clamp(0.68rem, 1.02vw, 0.90rem) !important;
  line-height: 1.22 !important;
}
/* === NIMCLEA_O_R7R40R3R1_S3_ZERO_SURFACE_SUMMARY_FONT_SIZE_V1_END === */

/* NIMCLEA_O_S4_ZERO_RESULT_BAKED_WHY_VERTICAL_NUDGE_R6 */
[data-r50-why-action-layer="yes"]:has(
  [data-r50-action="why"][data-r50-empty-path="yes"]
)::before {
  content: "No path to explain" !important;
  position: absolute !important;
  left: calc(59.18% + 1px) !important;
  top: calc(80.94% + 1px - 6px) !important;
  width: calc(15.75% - 2px) !important;
  height: calc(5.16% - 2px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:0 .25rem !important;
  background:rgb(246,225,194) !important;
  border:0 !important;
  border-radius:calc(.45rem - 1px) !important;
  box-shadow:none !important;
  color:#6f5430 !important;
  font:700 clamp(.56rem,.72vw,.76rem)/1 Arial,Helvetica,sans-serif !important;
  text-align:center !important;
  white-space:nowrap !important;
  z-index:30 !important;
  pointer-events:none !important;
}
[data-r50-why-action-layer="yes"]
[data-r50-action="why"][data-r50-empty-path="yes"] {
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* NIMCLEA_O_S4_ZERO_RESULT_ACTION_MASK_BOTTOM_TRIM_R7 */
[data-r50-why-action-layer="yes"]:has(
  [data-r50-action="why"][data-r50-empty-path="yes"]
)::before {
  height: calc(5.16% - 2px - 3px) !important;
}

/* NIMCLEA_O_LOCAL_PREPARING_BAKED_BASE_LEAK_GAP_CLOSE_R5 */
/*
  Human counterevidence: the preparing mask intentionally stopped 28px
  short to reserve the spinner, exposing baked Choose Folder pixels beneath
  that gap. Cover the full button interior under the spinner instead.
  Spinner remains the higher ::before layer. No geometry outside the
  interior cover changes. Ready is untouched.
*/
#reality-map-app[data-state="S2_CONNECT"]
.s2-local-project-live-select-v1:has(
  [data-action="select-local-project"][data-source-state="preparing"]
)::after {
  left: 7px !important;
  right: 7px !important;
  top: 4px !important;
  bottom: 4px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 30px 0 30px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  content: "Preparing…" !important;
  animation: none !important;
  background-color: rgb(243, 221, 186) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* === NIMCLEA_O_S4_WHY_GENERIC_CHALLENGE_MASK_ISOLATION_R1_BEGIN === */
/*
  Generic Why-modal boundary, source-agnostic:
  the disabled Challenge veil belongs to the underlying S4 result action,
  never to the modal. While the existing Why owner marks body with
  rm-s4-r50-why-open, retire only that veil. Closing Why restores it.
  S4 zero-result remains unchanged because its Why action cannot open.
*/
body.rm-s4-r50-why-open:has(
  #reality-map-app[data-state="S4_RESULT"]
  [data-action="challenge-boundary"]:disabled
)::after,
body.rm-s4-r50-why-open:has(
  #reality-map-app[data-state="S4_RESULT"]
  [data-r49-action="challenge"]:disabled
)::after {
  content: none !important;
  display: none !important;
}
/* === NIMCLEA_O_S4_WHY_GENERIC_CHALLENGE_MASK_ISOLATION_R1_END === */

/* === NIMCLEA_O_S4_ZERO_RESULT_GENERIC_WHY_BAKED_COPY_FULL_MASK_R1_BEGIN === */
/*
  HF9 Human counterevidence repair.
  Scope: generic S4 zero-result only, expressed by the existing disabled Why
  action while S4_RESULT is visible. The baked baseplate may contain the
  two-line positive Why label. The live zero-result plaque must own the entire
  hotspot, not only the first line, so no baked copy can bleed below it.
  No source-type selector, no S4 semantic copy change, no action geometry move.
*/
body:has(#reality-map-app[data-state="S4_RESULT"])
[data-r50-why-action-layer="yes"]
[data-r50-action="why"]:disabled {
  overflow: hidden !important;
}

body:has(#reality-map-app[data-state="S4_RESULT"])
[data-r50-why-action-layer="yes"]
[data-r50-action="why"]:disabled::before {
  content: none !important;
  display: none !important;
}

body:has(#reality-map-app[data-state="S4_RESULT"])
[data-r50-why-action-layer="yes"]
[data-r50-action="why"]:disabled::after {
  content: "No path to explain" !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 .55rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  background: rgb(243, 221, 186) !important;
  border: 1px solid rgba(111, 82, 46, .38) !important;
  border-radius: .40rem !important;
  box-shadow: none !important;
  color: #6f5430 !important;
  font: 700 clamp(.56rem,.72vw,.76rem)/1 Arial,sans-serif !important;
  text-align: center !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
/* === NIMCLEA_O_S4_ZERO_RESULT_GENERIC_WHY_BAKED_COPY_FULL_MASK_R1_END === */

/* === NIMCLEA_O_R13_CONNECTING_HISTORICAL_ISOLATED_RESTORE_BEGIN === */
/* Historical Human-accepted Connecting lineage replay.
   Strict selector-item isolation. Config, Local, Discovering,
   S3/S4 and backend owners are forbidden in this island. */
/* NIMCLEA_O_R6R24_S3_30PX_AIRY_ROW_AND_CIRCLE_TEXT_SEPARATION_V1_END */

/* === NIMCLEA_O_S2_GIT_PREPARATION_STATE_V1_BEGIN === */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]{display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .38rem !important;
  color: #3f2d20 !important;
  font-size: clamp(.56rem, .72vw, .76rem) !important;
  line-height: 1 !important;
  opacity: 1 !important;
  background: rgba(231, 213, 178, .96) !important;
  border: 1px solid rgba(63, 45, 32, .74) !important;
  border-radius: .30rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.34) inset !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before{content: "" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  border: 1.5px dashed currentColor !important;
  border-radius: 50% !important;
  animation: nimclea-o-s2-source-preparing-spin 900ms linear infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before{content: "✓" !important;
  width: .64rem !important;
  height: .64rem !important;
  flex: 0 0 .64rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Preparing..." !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(229, 202, 160, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{content: "✓ Ready" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(231, 213, 178, 0.98) !important;
  border: 1px solid rgba(63, 45, 32, 0.74) !important;
  border-radius: 0.40rem !important;
  color: #2f4a27 !important;
  font: 700 clamp(0.56rem, 0.9vw, 0.82rem)/1 Arial, sans-serif !important;
  z-index: 20 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before{content: "" !important;
  position: absolute !important;
  left: 10% !important;
  top: 50% !important;
  width: clamp(12px, 1.15vw, 18px) !important;
  height: clamp(12px, 1.15vw, 18px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px dashed rgba(90, 54, 20, 0.88) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-sizing: border-box !important;
  z-index: 31 !important;
  pointer-events: none !important;
  animation: nimclea-s2-source-spinner-v1 700ms linear infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 1.45rem !important;
  box-sizing: border-box !important;
  background: rgba(233, 207, 166, 0.98) !important;
  border: 1px solid rgba(104, 72, 39, 0.64) !important;
  border-radius: 0.40rem !important;
  color: #4b3625 !important;
  font: 700 clamp(0.54rem, 0.86vw, 0.80rem)/1 Arial, sans-serif !important;
  white-space: nowrap !important;
  z-index: 30 !important;
  pointer-events: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Connecting / Preparing..." !important;}

/* Human R3R2 refinement: Git copy is concise and the rotating dashed
   indicator sits after the text rather than before it. */
/* Human R3R6 refinement:
   Keep the baked PNG button as the appearance owner.  The legacy live Git
   preparing/ready style must not repaint that baked base. */
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"],
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]{background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-shadow: none !important;}

#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="preparing"]::before,
#reality-map-app[data-state="S2_CONNECT"] [data-action="select-input"][data-source-state="ready"]::before{content: none !important;
  animation: none !important;
  border: 0 !important;
  box-shadow: none !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::before{left: auto !important;
  right: 5% !important;
  width: clamp(9px, 0.80vw, 12px) !important;
  height: clamp(9px, 0.80vw, 12px) !important;
  border-width: 1.5px !important;
  animation-duration: 1.4s !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{left: calc(26% - 6px) !important;
  right: 5% !important;
  top: 14% !important;
  bottom: 14% !important;
  inset: 14% 5% 14% calc(26% - 6px) !important;
  padding: 0 0.90rem 0 6px !important;
  justify-content: flex-start !important;
  background: rgb(243, 221, 186) !important;
  border: 0 !important;
  border-radius: 0.20rem !important;
  box-shadow: none !important;
  color: #4b3625 !important;
  font: 600 clamp(0.56rem, 0.72vw, 0.76rem)/1 Arial, sans-serif !important;
  font-size: calc(clamp(0.56rem, 0.72vw, 0.76rem) + 1px) !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="preparing"])::after{content: "Connecting..." !important;
  animation: nimclea-s2-connecting-ellipsis-v1 1.2s steps(1, end) infinite !important;}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect:has(> [data-source-state="ready"])::after{content: "✓ Ready" !important;
  inset: 14% 5% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: rgb(243, 221, 186) !important;}
/* === NIMCLEA_O_R13_CONNECTING_HISTORICAL_ISOLATED_RESTORE_END === */

/* === NIMCLEA_O_S2_CONFIG_READY_ACCEPTED_VISUAL_V1_BEGIN === */
/* Accepted Human Config Ready visual:
   parchment background + canonical red action line.
   Black/dark frame color superseded.
   Geometry, typography, copy, state logic and sibling surfaces unchanged. */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__config:has( > [data-action="select-agent-config"][data-source-state="ready"] )::after {
  background: rgb(243, 221, 186) !important;
  border-color: rgba(166, 67, 19, 0.76) !important;
}
/* === NIMCLEA_O_S2_CONFIG_READY_ACCEPTED_VISUAL_V1_END === */

/* === NIMCLEA_O_S2_START_INITIAL_GRAY_MASK_UP_1PX_V1_BEGIN === */
/* Exact visual-only correction requested by Human.
   Move only the disabled Start visual mask upward by 1px.
   No width, height, opacity, state, hit-surface, or logic change. */
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start:has(> [data-action="start-mapping"]:disabled)::before {
  translate: 0 -1px !important;
}
/* === NIMCLEA_O_S2_START_INITIAL_GRAY_MASK_UP_1PX_V1_END === */

/* === NIMCLEA_O_A_V0_1_F10_VISIBLE_FOCUS_FOR_TRANSPARENT_ACTIONS_V1_BEGIN ===
   Release F10 repair.
   The frozen visual plates remain authoritative in normal pointer use.
   These semantic action nodes are intentionally transparent at rest.
   Keyboard focus must temporarily expose only a focus indicator.
   No copy, geometry, action semantics, mapping logic, or normal-state paint changes. */

#reality-map-app[data-state="S1_PROMISE"] [data-action="map-agent"]:focus-visible {
  opacity: 1 !important;
  outline: 3px solid #0b5e8e !important;
  outline-offset: 4px !important;
}

#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__connect > [data-action="select-input"]:focus-visible,
#reality-map-app[data-state="S2_CONNECT"] .s2-fixed-stage-v53__start > [data-action="start-mapping"]:focus-visible {
  opacity: 1 !important;
  outline: 3px solid #0b5e8e !important;
  outline-offset: 3px !important;
}
/* === NIMCLEA_O_A_V0_1_F10_VISIBLE_FOCUS_FOR_TRANSPARENT_ACTIONS_V1_END === */

/* === NIMCLEA_O_A_V0_1_RC5_F5_CONNECT_FAILED_NATIVE_TEXT_OWNER_V1_BEGIN ===
   F5 release repair: keep the frozen S2 Connect footprint and make the existing
   native select-input button the sole visible failed-state text owner.
   Preparing and Ready owners remain unchanged. */
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__connect
> [data-action="select-input"][data-source-state="failed"] {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 .34rem !important;
  border: 1px solid rgba(92, 70, 43, .62) !important;
  border-radius: .32rem !important;
  background: rgb(243, 221, 186) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 247, 227, .46) !important;
  color: #5d4634 !important;
  -webkit-text-fill-color: #5d4634 !important;
  text-shadow: none !important;
  font: 700 clamp(.58rem, .82vw, .76rem)/1 Arial, Helvetica, sans-serif !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__connect
> [data-action="select-input"][data-source-state="failed"]::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__connect
> [data-action="select-input"][data-source-state="failed"]::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
}
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__connect:has(
  > [data-action="select-input"][data-source-state="failed"]
)::before,
#reality-map-app[data-state="S2_CONNECT"]
.s2-fixed-stage-v53__connect:has(
  > [data-action="select-input"][data-source-state="failed"]
)::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
}
/* === NIMCLEA_O_A_V0_1_RC5_F5_CONNECT_FAILED_NATIVE_TEXT_OWNER_V1_END === */

/* === NIMCLEA_O_A_RC5_PUBLIC_GITHUB_CONNECTION_PROGRAM_VISUAL_V1_BEGIN === */
/* === NIMCLEA_O_A_RC5_LOCAL_GIT_CONNECT_REPOSITORY_UI_MODE_V1_VISUAL_BEGIN === */
[data-public-github-program="v1"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.5rem !important;
  background: rgba(25, 23, 19, 0.38) !important;
}

[data-public-github-program="v1"][hidden] {
  display: none !important;
}

.nimclea-public-github-program__panel {
  width: min(31rem, calc(100vw - 3rem)) !important;
  box-sizing: border-box !important;
  padding: 1.35rem 1.45rem !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 0.7rem !important;
  background: rgb(246 235 207) !important;
  box-shadow: 0 1rem 2.5rem rgba(22, 20, 17, 0.22) !important;
  color: var(--blue-gray) !important;
  font-family: var(--serif) !important;
}

.nimclea-public-github-program__panel h2 {
  margin: 0 0 0.45rem !important;
  font-size: 1.18rem !important;
}

.nimclea-public-github-program__panel p {
  margin: 0 0 0.9rem !important;
  line-height: 1.4 !important;
}

.nimclea-public-github-program__panel label {
  display: grid !important;
  gap: 0.4rem !important;
  font-weight: 700 !important;
}

.nimclea-public-github-program__mode {
  margin: 0 0 0.85rem !important;
}

.nimclea-public-github-program__field {
  margin: 0 !important;
}

.nimclea-public-github-program__field[hidden] {
  display: none !important;
}

.nimclea-public-github-program__panel input,
.nimclea-public-github-program__panel select {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 2.55rem !important;
  padding: 0.55rem 0.7rem !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 0.45rem !important;
  background: rgba(255, 252, 240, 0.94) !important;
  color: var(--blue-gray) !important;
  font: inherit !important;
}

.nimclea-public-github-program__status {
  min-height: 1.3em !important;
  margin-top: 0.7rem !important;
  font-size: 0.9rem !important;
}

.nimclea-public-github-program__actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.6rem !important;
}

.nimclea-public-github-program__actions button {
  min-height: 2.35rem !important;
  padding: 0.5rem 0.85rem !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 0.45rem !important;
  background: rgba(255, 252, 240, 0.94) !important;
  color: var(--blue-gray) !important;
  font: inherit !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.nimclea-public-github-program__actions button:disabled,
.nimclea-public-github-program__panel input:disabled,
.nimclea-public-github-program__panel select:disabled {
  cursor: default !important;
  opacity: 0.62 !important;
}
/* === NIMCLEA_O_A_RC5_LOCAL_GIT_CONNECT_REPOSITORY_UI_MODE_V1_VISUAL_END === */
/* === NIMCLEA_O_A_RC5_PUBLIC_GITHUB_CONNECTION_PROGRAM_VISUAL_V1_END === */