:root {
  --black: #070706;
  --raised: #11110f;
  --bone: #e8e1d4;
  --paper: #faf7ef;
  --muted: #928b7f;
  --grid: rgba(232, 225, 212, 0.16);
  --cyan: #00bfd3;
  --blue: #235cff;
  --magenta: #d72a83;
  --orange: #ee5723;
  --motel: #b9a66e;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--bone); font-family: "Courier New", ui-monospace, monospace; }
button, a { color: inherit; font: inherit; }
a { text-decoration: none; }
button { border: 0; }
::selection { background: var(--orange); color: var(--black); }

.hero {
  min-height: 100svh;
  height: 100svh;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, transparent 0 4.8%, var(--grid) 4.8% calc(4.8% + 1px), transparent calc(4.8% + 1px) 54%, rgba(232,225,212,.3) 54% calc(54% + 1px), transparent calc(54% + 1px)),
    linear-gradient(180deg, var(--black), #080909 64%, #060706);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 66px 0 54px;
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(rgba(232,225,212,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(232,225,212,.1) 1px, transparent 1px);
  background-size: 100% 48px, 48px 100%;
  mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 100%);
}
.signal-canvas { position: absolute; inset: 66px 0 54px; width: 100%; height: calc(100% - 120px); z-index: 1; pointer-events: none; }
.carrier-field { position: absolute; inset: 66px 0 54px; width: 100%; height: calc(100% - 120px); z-index: 2; pointer-events: none; overflow: visible; }
.carrier-lines path { fill: none; stroke-width: .8; stroke-opacity: .4; stroke-dasharray: 2 7 28 4; animation: carrier-flow 14s linear infinite; animation-delay: var(--delay); }
.carrier-lines path:nth-child(6n + 5) { stroke-width: 1.15; stroke-opacity: .72; }
.carrier-lines path:nth-child(6n + 6) { stroke-opacity: .56; }
.carrier-dots { opacity: .72; }
.origin-glow { animation: origin-breathe 3s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }

.top-rail { height: 66px; position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0 3.7vw 0 6.05vw; border-bottom: 1px solid var(--grid); letter-spacing: .18em; font-size: clamp(.62rem, .76vw, .83rem); }
.wordmark { font-weight: 700; }
.top-rail nav { display: flex; align-items: center; gap: 1.7vw; }
.top-rail nav i { color: var(--orange); font-style: normal; }
.top-rail nav a { transition: color .18s, text-shadow .18s; }
.top-rail nav a:hover, .top-rail nav a:focus-visible { color: white; text-shadow: -2px 0 var(--cyan), 2px 0 var(--magenta); }
.scale-index { position: absolute; left: 1.9vw; top: 13.5%; bottom: 16%; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; color: #777267; font-size: .68rem; }
.field-tag { position: absolute; top: 9.7%; right: 3vw; z-index: 3; color: var(--bone); font-size: .72rem; letter-spacing: .14em; }
.field-tag span, .field-tag b { margin: 0 1.3rem; color: var(--orange); font-weight: 400; }

.hero-copy { position: absolute; left: 8.8vw; top: 20.5%; z-index: 3; width: 48vw; }
.hero h1 { margin: 0; width: 138%; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(6.1rem, 11.5vw, 12.8rem); font-weight: 900; line-height: .83; letter-spacing: -.025em; text-transform: uppercase; transform: scaleX(.67); transform-origin: 0 0; filter: drop-shadow(2px 0 0 rgba(0,191,211,.65)) drop-shadow(-2px 0 0 rgba(238,87,35,.5)); }
.hero h1 span { display: block; position: relative; }
.hero h1 span::after { content: ""; position: absolute; left: 0; right: 0; top: 58%; height: 2px; opacity: .35; background: linear-gradient(90deg, transparent, var(--cyan), transparent); animation: sync-slip 9s steps(1,end) infinite; }
.descriptor { margin: 1.15rem 0 0; font-size: clamp(.61rem, .78vw, .78rem); letter-spacing: .13em; white-space: nowrap; }
.explore { margin-top: 1.45rem; width: min(25rem, 78%); height: 54px; display: grid; grid-template-columns: 1fr auto 20px; align-items: center; padding: 0 1.4rem; position: relative; overflow: hidden; border: 1px solid rgba(232,225,212,.62); background: rgba(7,7,6,.67); cursor: pointer; letter-spacing: .14em; text-align: left; }
.explore::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--bone); transform: translateX(-103%); transition: transform .35s cubic-bezier(.22,.75,.2,1); }
.explore:hover::before, .explore:focus-visible::before { transform: translateX(0); }
.explore:hover, .explore:focus-visible { color: var(--black); outline: none; }
.explore b { color: var(--orange); font-size: 1.4rem; font-weight: 400; transition: transform .25s; }
.explore:hover b { transform: translateX(5px); }
.explore i { width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(238,87,35,.12), 0 0 18px var(--orange); animation: signal-pulse 2.4s ease-in-out infinite; }
.signal-open .explore i { animation-duration: .65s; }

.specimens { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.3rem; width: min(44rem, 99%); }
.specimens article { min-width: 0; padding-top: .15rem; position: relative; border-left: 1px solid var(--grid); }
.specimens em { position: absolute; left: .3rem; top: 0; width: 7px; height: 7px; border: 1px solid var(--cyan); }
.specimens article:nth-child(2) em { border-color: var(--magenta); }
.specimens article:nth-child(3) em { border-color: var(--bone); }
.mini-signal { width: 100%; height: 58px; margin-top: .6rem; overflow: visible; }
.mini-signal path { fill: none; stroke: var(--cyan); stroke-width: .8; opacity: .7; }
.mini-live path { stroke: var(--magenta); }
.mini-systems path { stroke: var(--bone); opacity: .45; }
.specimens p { margin: .15rem .75rem .5rem; font-size: clamp(.52rem, .65vw, .65rem); letter-spacing: .1em; white-space: nowrap; }
.specimens article > b { display: block; width: 18px; margin-left: .75rem; border-bottom: 2px solid var(--bone); }
.signal-status { position: absolute; right: 4.3vw; bottom: 9.5%; z-index: 3; color: #aca698; font-size: clamp(.57rem, .72vw, .7rem); line-height: 1.9; letter-spacing: .13em; }
.signal-status p { margin: 0; }
.signal-status strong, .bottom-rail b { color: var(--orange); font-weight: 400; }
.timecode { margin-top: .2rem !important; }
.bottom-rail { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; height: 54px; display: grid; grid-template-columns: 1.2fr 1fr .7fr .7fr 1.4fr; align-items: center; padding-left: 6.05vw; border-top: 1px solid var(--grid); color: #8c867a; font-size: clamp(.46rem, .62vw, .63rem); letter-spacing: .1em; }
.bottom-rail span { height: 100%; display: flex; align-items: center; padding: 0 2vw; border-right: 1px solid var(--grid); }
.bottom-rail span:first-child { padding-left: 0; }
.rail-time { font-style: normal; }

.section-index { display: grid; grid-template-columns: 5rem 1fr auto; gap: 1rem; padding-top: 1rem; border-top: 1px solid currentColor; font-size: .67rem; font-weight: 700; letter-spacing: .14em; }
.section-index.light { color: #aaa497; }
.kernel-section, .lore-section { min-height: 100svh; position: relative; z-index: 3; background: var(--paper); color: var(--black); opacity: 1 !important; filter: none !important; }
.kernel-section { padding: clamp(4rem, 7vw, 7rem) 6vw 3rem; }
.kernel-heading { margin-top: clamp(3.5rem, 6vw, 6rem); }
.kernel-heading > p { margin: 0 0 1.5rem 27%; font-size: .72rem; line-height: 1.7; letter-spacing: .12em; }
.kernel-heading > p strong { color: var(--orange); font-weight: 700; }
.kernel-heading h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(5rem, 12.7vw, 13.5rem); line-height: .76; letter-spacing: -.035em; transform: scaleX(.76); transform-origin: left top; width: 131%; }
.kernel-heading .protocol-line { margin-top: .18em; color: transparent; -webkit-text-stroke: 2px var(--black); font-size: clamp(4.3rem, 10.3vw, 11rem); }
.runtime-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(5rem, 9vw, 9rem); border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); }
.runtime-grid article { min-height: 18rem; padding: 1.2rem 1.8vw 2rem 0; border-right: 1px solid rgba(7,7,6,.25); }
.runtime-grid article + article { padding-left: 1.8vw; }
.runtime-grid span { display: block; font-size: .65rem; font-weight: 700; letter-spacing: .14em; }
.runtime-grid strong { display: block; margin-top: 4.4rem; font-size: clamp(1.25rem, 2vw, 2.2rem); line-height: 1; letter-spacing: -.06em; }
.runtime-grid p { margin: 1.2rem 0 0; font-family: Arial, sans-serif; font-size: .88rem; line-height: 1.65; }
.kernel-command { display: flex; align-items: center; gap: .8rem; margin-top: 2rem; padding: 1rem 1.2rem; background: var(--black); color: var(--bone); font-size: clamp(.66rem, .85vw, .85rem); letter-spacing: .04em; }
.kernel-command span { color: var(--cyan); }
.kernel-command p { margin: 0; }
.kernel-command i { color: var(--orange); font-style: normal; }
.kernel-command b { color: var(--bone); animation: cursor-blink .8s steps(1) infinite; }

.backchannel-section { min-height: 120svh; position: relative; overflow: hidden; isolation: isolate; padding: clamp(4rem, 7vw, 7rem) 6vw 6rem; background: #0a0a08; color: var(--bone); }
.backchannel-section::before { content: ""; position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 50% 43%, rgba(185,166,110,.16), transparent 35%), linear-gradient(90deg, #070706, #15140f 48%, #070706); }
.backchannel-section::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .2; background: repeating-linear-gradient(90deg, transparent 0 47px, rgba(185,166,110,.11) 48px), repeating-linear-gradient(0deg, transparent 0 59px, rgba(185,166,110,.08) 60px); mask-image: linear-gradient(90deg, transparent, #000 13%, #000 87%, transparent); }
.corridor-noise { position: absolute; left: 50%; top: 19%; z-index: -2; width: min(58vw, 58rem); height: 54%; border: 1px solid rgba(185,166,110,.22); transform: perspective(700px) rotateX(2deg) translateX(-50%); box-shadow: inset 0 0 8rem #000, 0 0 7rem rgba(185,166,110,.06); }
.corridor-noise::before, .corridor-noise::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(transparent, rgba(185,166,110,.45), transparent); }
.corridor-noise::before { left: 24%; transform: skewX(21deg); }
.corridor-noise::after { right: 24%; transform: skewX(-21deg); }
.backchannel-intro { display: grid; grid-template-columns: 1fr 2.7fr; gap: 4vw; margin-top: clamp(3rem, 6vw, 6rem); }
.backchannel-intro > span { font-size: .68rem; line-height: 1.75; letter-spacing: .12em; color: #aaa497; }
.backchannel-intro h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(4.2rem, 9vw, 9.5rem); line-height: .84; letter-spacing: -.025em; transform: scaleX(.8); transform-origin: left top; width: 124%; }
.backchannel-intro h2 em { color: var(--motel); font-style: normal; }
.backchannel-intro > p { grid-column: 2; max-width: 47rem; margin: 1.3rem 0 0; color: #aaa497; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.75; }
.corridor { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3vw; margin-top: clamp(5rem, 8vw, 8rem); position: relative; }
.door-bank { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; align-items: end; }
.room-door { min-height: 21rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; padding: 1rem; border: 1px solid rgba(232,225,212,.25); background: rgba(20,19,15,.78); color: #aaa497; cursor: pointer; text-align: left; transition: border-color .2s, background .2s, transform .2s; }
.room-door::before { content: ""; position: absolute; right: .9rem; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #4c493f; box-shadow: 0 0 0 5px rgba(232,225,212,.04); }
.room-door span, .room-door i { font-size: .56rem; letter-spacing: .12em; font-style: normal; }
.room-door b { align-self: center; font-family: Impact, sans-serif; font-size: clamp(2.2rem, 3.5vw, 4rem); font-weight: 400; }
.room-door:hover, .room-door:focus-visible, .room-door.active { border-color: var(--motel); background: rgba(185,166,110,.12); color: var(--bone); transform: translateY(-6px); outline: none; }
.room-door.active::before { background: var(--orange); box-shadow: 0 0 15px var(--orange); }
.room-door.admin b { font-size: clamp(1.25rem, 2vw, 2rem); letter-spacing: .05em; }
.transmission-panel { min-height: 21rem; display: flex; flex-direction: column; padding: 1.3rem; border: 1px solid var(--motel); background: rgba(7,7,6,.82); box-shadow: 0 0 4rem rgba(185,166,110,.08); }
.transmission-head { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(232,225,212,.2); font-size: .6rem; letter-spacing: .12em; }
.transmission-head b { color: var(--motel); }
.transmission-head i { grid-column: 2; color: var(--orange); font-style: normal; text-align: right; }
.transmission-copy { margin: auto 0; font-size: clamp(1.35rem, 2.4vw, 2.55rem); line-height: 1.22; letter-spacing: -.055em; }
.transmission-copy.switching { animation: channel-switch .28s steps(2); }
.transmission-meta { display: flex; justify-content: space-between; gap: .8rem; padding-top: 1rem; border-top: 1px solid rgba(232,225,212,.2); color: #777267; font-size: .53rem; letter-spacing: .08em; }
.backchannel-section blockquote { margin: clamp(7rem, 11vw, 12rem) 0 0 25%; padding: 0; }
.backchannel-section blockquote p { margin: 0; font-family: Impact, sans-serif; font-size: clamp(2.8rem, 6vw, 6.5rem); line-height: .92; letter-spacing: -.02em; }
.backchannel-section cite { display: block; margin-top: 1.5rem; color: var(--orange); font-size: .63rem; font-style: normal; letter-spacing: .15em; }

.lore-section { padding: clamp(4rem, 7vw, 7rem) 6vw 5rem; }
.lore-heading { display: grid; grid-template-columns: 1fr 3fr; gap: 4vw; margin-top: clamp(4rem, 7vw, 7rem); }
.lore-heading > span { font-size: .68rem; font-weight: 700; letter-spacing: .12em; }
.lore-heading h2 { margin: 0; font-family: Impact, sans-serif; font-size: clamp(4.5rem, 10.5vw, 11rem); line-height: .79; letter-spacing: -.03em; transform: scaleX(.78); transform-origin: left top; width: 127%; }
.manifesto { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3vw; margin-top: clamp(6rem, 10vw, 11rem); padding: 1.2rem 0 4rem; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); }
.manifesto p { margin: 0; max-width: 30rem; font-family: Arial, sans-serif; font-size: clamp(1rem, 1.4vw, 1.4rem); line-height: 1.6; }
.manifesto .manifesto-lead { font-family: Impact, sans-serif; font-size: clamp(3.5rem, 6vw, 6.5rem); line-height: .88; letter-spacing: -.03em; }
.lore-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 6rem; border-top: 1px solid var(--black); }
.lore-grid article { min-height: 28rem; padding: 1.2rem 2.6vw 3rem 0; border-right: 1px solid rgba(7,7,6,.25); }
.lore-grid article + article { padding-left: 2.6vw; }
.lore-grid span { font-size: .65rem; font-weight: 700; letter-spacing: .13em; }
.lore-grid h3 { margin: 6rem 0 1.4rem; font-size: clamp(1.7rem, 2.5vw, 2.8rem); line-height: 1.04; letter-spacing: -.055em; }
.lore-grid p { margin: 0; font-family: Arial, sans-serif; font-size: .95rem; line-height: 1.7; }
.daemon-console { display: grid; grid-template-columns: 1fr 3fr auto; gap: 2rem; align-items: center; margin-top: 4rem; padding: 1.4rem; background: var(--black); color: var(--bone); }
.daemon-label { display: flex; flex-direction: column; gap: .5rem; color: var(--cyan); font-size: .63rem; letter-spacing: .12em; }
.daemon-label i { color: #777267; font-style: normal; }
.daemon-copy { margin: 0; font-size: clamp(1rem, 1.55vw, 1.55rem); letter-spacing: -.03em; }
.daemon-copy.switching { animation: channel-switch .28s steps(2); }
.poll-daemon { padding: .9rem 1rem; border: 1px solid #777267; background: transparent; color: var(--bone); cursor: pointer; font-size: .65rem; letter-spacing: .12em; }
.poll-daemon:hover, .poll-daemon:focus-visible { border-color: var(--orange); color: var(--orange); outline: none; }
.poll-daemon span { display: inline-block; transition: transform .3s; }
.poll-daemon:hover span { transform: rotate(180deg); }

.overwrite-section { min-height: 100svh; display: flex; flex-direction: column; padding: clamp(4rem, 7vw, 7rem) 6vw 2rem; background: var(--black); color: var(--bone); }
.overwrite-prompt { margin: auto 0; text-align: center; }
.overwrite-prompt > span { color: var(--orange); font-size: .65rem; letter-spacing: .16em; }
.overwrite-prompt h2 { margin: 2rem auto 1rem; font-family: Impact, sans-serif; font-size: clamp(3.5rem, 8vw, 8.5rem); line-height: .85; letter-spacing: -.025em; }
.overwrite-prompt code { display: block; color: var(--cyan); font-family: "Courier New", monospace; font-size: clamp(1.15rem, 2.5vw, 2.7rem); }
.overwrite-actions { display: flex; justify-content: center; gap: 1rem; margin-top: 3rem; }
.overwrite-actions button { min-width: 9rem; padding: 1rem 2rem; border: 1px solid #777267; background: transparent; cursor: pointer; letter-spacing: .13em; }
.overwrite-actions button:hover, .overwrite-actions button:focus-visible { border-color: var(--bone); background: var(--bone); color: var(--black); outline: none; }
.overwrite-response { min-height: 1.2rem; margin-top: 2rem; color: #777267; font-size: .68rem; letter-spacing: .13em; }
.overwrite-response.hot { color: var(--orange); }
.overwrite-section footer { display: flex; justify-content: space-between; padding-top: 1.2rem; border-top: 1px solid #777267; color: #aaa497; font-size: .68rem; letter-spacing: .11em; }
.overwrite-section footer a { border-bottom: 1px solid; }

@keyframes signal-pulse { 0%,100% { transform: scale(.75); opacity: .55; } 50% { transform: scale(1); opacity: 1; } }
@keyframes sync-slip { 0%, 92%, 94%, 100% { transform: translateX(0); opacity: .25; } 93% { transform: translateX(18px); opacity: .8; } }
@keyframes carrier-flow { to { stroke-dashoffset: -164; } }
@keyframes origin-breathe { 0%,100% { transform: scale(.75); opacity: .55; } 50% { transform: scale(1.15); opacity: 1; } }
@keyframes cursor-blink { 0%,48% { opacity: 1; } 49%,100% { opacity: 0; } }
@keyframes channel-switch { 0% { opacity: .15; transform: translateX(-5px); } 45% { opacity: .8; transform: translateX(4px); } 100% { opacity: 1; transform: translateX(0); } }

@media (max-width: 1000px) {
  .hero { min-height: 940px; height: 100svh; }
  .top-rail { padding: 0 1rem; }
  .top-rail nav a:nth-of-type(2), .top-rail nav i:nth-of-type(1) { display: none; }
  .hero-copy { left: 2.8rem; top: 21%; width: calc(100% - 4rem); }
  .hero h1 { font-size: clamp(5rem, 19vw, 9rem); width: 140%; }
  .descriptor { max-width: 75vw; white-space: normal; line-height: 1.6; }
  .signal-canvas { opacity: .66; }
  .carrier-field { width: 112%; opacity: .72; transform: translateX(-8%); }
  .specimens { width: 92%; margin-top: 3rem; }
  .signal-status { right: 1.2rem; bottom: 7.5%; }
  .bottom-rail { grid-template-columns: 1fr 1fr; padding-left: 1rem; }
  .bottom-rail span:nth-child(2), .bottom-rail span:nth-child(3), .bottom-rail span:nth-child(4) { display: none; }
  .runtime-grid { grid-template-columns: 1fr 1fr; }
  .runtime-grid article:nth-child(2) { border-right: 0; }
  .runtime-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(7,7,6,.25); }
  .corridor { grid-template-columns: 1fr; }
  .door-bank { order: 2; }
  .transmission-panel { order: 1; }
  .backchannel-section blockquote { margin-left: 0; }
  .manifesto { grid-template-columns: 1fr; }
  .manifesto p { max-width: 45rem; }
  .daemon-console { grid-template-columns: 1fr auto; }
  .daemon-copy { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 650px) {
  .hero { min-height: 780px; }
  .top-rail nav { gap: .8rem; }
  .top-rail nav i, .top-rail nav a:not(:first-child) { display: none; }
  .hero-copy { left: 1.4rem; top: 18%; width: calc(100% - 2.8rem); }
  .hero h1 { font-size: clamp(4.2rem, 21vw, 7rem); }
  .explore { width: 88%; }
  .specimens { grid-template-columns: 1fr; gap: .4rem; margin-top: 2rem; }
  .specimens article { height: 55px; display: grid; grid-template-columns: 6rem 1fr; align-items: center; }
  .specimens article:nth-child(3) { display: none; }
  .mini-signal { width: 5.5rem; }
  .specimens p { margin: 0; }
  .specimens article > b, .signal-status { display: none; }
  .field-tag { right: .3rem; }
  .scale-index { left: .35rem; }
  .kernel-section, .lore-section, .backchannel-section, .overwrite-section { padding-left: 1.25rem; padding-right: 1.25rem; }
  .section-index { grid-template-columns: auto 1fr; }
  .section-index span:last-child { display: none; }
  .kernel-heading > p { margin-left: 0; }
  .kernel-heading h2 { font-size: clamp(4rem, 20vw, 7rem); }
  .kernel-heading .protocol-line { font-size: clamp(3.3rem, 16vw, 5.5rem); -webkit-text-stroke-width: 1px; }
  .runtime-grid { grid-template-columns: 1fr; }
  .runtime-grid article { min-height: 13rem; border-right: 0; border-bottom: 1px solid rgba(7,7,6,.25); padding: 1.2rem 0 2rem !important; }
  .runtime-grid strong { margin-top: 2.7rem; }
  .kernel-command { align-items: flex-start; flex-wrap: wrap; }
  .backchannel-intro, .lore-heading { grid-template-columns: 1fr; }
  .backchannel-intro h2 { font-size: clamp(3.8rem, 18vw, 6rem); }
  .backchannel-intro > p { grid-column: 1; }
  .door-bank { grid-template-columns: 1fr 1fr; }
  .room-door { min-height: 13rem; }
  .transmission-meta { flex-direction: column; }
  .backchannel-section blockquote p { font-size: clamp(2.7rem, 13vw, 4.4rem); }
  .lore-heading h2 { font-size: clamp(4rem, 19vw, 6.5rem); }
  .manifesto .manifesto-lead { font-size: 4rem; }
  .lore-grid { grid-template-columns: 1fr; }
  .lore-grid article { min-height: 0; padding: 1.2rem 0 3rem !important; border-right: 0; border-bottom: 1px solid; }
  .lore-grid h3 { margin-top: 3rem; }
  .daemon-console { grid-template-columns: 1fr; }
  .daemon-copy, .poll-daemon { grid-column: 1; }
  .overwrite-section footer { flex-direction: column; gap: 1rem; }
}

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

/* V8 / THE DESCENT ------------------------------------------------------- */
.depth-rail {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 80;
  width: 3.2rem;
  min-height: 14.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .8rem;
  padding: .85rem 0;
  border: 1px solid rgba(232,225,212,.22);
  border-right: 0;
  background: rgba(7,7,6,.91);
  color: var(--bone);
  transform: translateY(-50%);
  backdrop-filter: blur(7px);
}
.depth-rail span, .depth-rail em { writing-mode: vertical-rl; font-size: .48rem; letter-spacing: .18em; font-style: normal; }
.depth-rail b { color: var(--orange); font-size: .8rem; font-weight: 400; }
.depth-rail i { width: 1px; height: 4rem; background: linear-gradient(var(--cyan), var(--magenta), var(--orange)); }
.depth-rail em { color: #aaa497; }

.descent-section { isolation: isolate; opacity: 1 !important; filter: none !important; }
.profile-section, .courtroom-section, .chrono-section, .recursion-section, .negative-section, .mirage-section, .compromise-section { min-height: 110svh; position: relative; overflow: hidden; padding: clamp(4rem, 7vw, 7rem) 6vw 6rem; }
.profile-section { min-height: 100svh; background: var(--paper); color: var(--black); }
.profile-layout { display: grid; grid-template-columns: 1fr 3fr; gap: 3vw; margin-top: clamp(4rem, 7vw, 7rem); }
.profile-label { display: flex; flex-direction: column; gap: .8rem; padding-top: .7rem; font-size: .62rem; font-weight: 700; letter-spacing: .12em; }
.profile-layout h2 { margin: 0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(4.8rem, 11.2vw, 12rem); line-height: .78; letter-spacing: -.035em; transform: scaleX(.78); transform-origin: left top; width: 127%; }
.profile-layout h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 2px var(--black); }
.profile-copy { grid-column: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 3vw; padding: 2rem 0; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); }
.profile-copy p { margin: 0; font-family: Arial, sans-serif; font-size: clamp(1.05rem, 1.5vw, 1.45rem); line-height: 1.6; }
.reliability-warning { margin: 3rem 0 0 25%; color: var(--orange); font-size: .7rem; font-weight: 700; letter-spacing: .16em; }
.descend-link { display: flex; justify-content: space-between; align-items: center; width: 36rem; max-width: 75%; margin: 1.5rem 0 0 25%; padding: 1rem 0; border-top: 1px solid; border-bottom: 1px solid; font-size: .68rem; font-weight: 700; letter-spacing: .12em; }
.descend-link span { color: var(--orange); font-size: 1.4rem; }

.courtroom-section { background: #100c0b; color: var(--bone); }
.courtroom-section::before { content: "12:00"; position: absolute; right: -2vw; top: 9%; z-index: -1; color: rgba(238,87,35,.08); font-family: Impact, sans-serif; font-size: 31vw; line-height: 1; }
.scene-heading { display: grid; grid-template-columns: 1fr 3fr; gap: 4vw; margin-top: clamp(4rem, 7vw, 7rem); }
.scene-heading > span { color: #aaa497; font-size: .68rem; line-height: 1.7; letter-spacing: .12em; }
.scene-heading h2 { margin: 0; font-family: Impact, sans-serif; font-size: clamp(4.5rem, 10vw, 10.8rem); line-height: .79; letter-spacing: -.03em; transform: scaleX(.79); transform-origin: left top; width: 126%; }
.scene-heading h2 em { color: var(--orange); font-style: normal; }
.court-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(5rem, 8vw, 9rem); border-top: 1px solid #777267; border-bottom: 1px solid #777267; }
.court-grid article { min-height: 18rem; padding: 1rem 2.4vw 2rem 0; border-right: 1px solid rgba(232,225,212,.2); }
.court-grid article + article { padding-left: 2.4vw; }
.court-grid span { color: var(--orange); font-size: .6rem; letter-spacing: .14em; }
.court-grid strong { display: block; margin-top: 4rem; font-size: clamp(1.35rem, 2vw, 2.1rem); line-height: 1; letter-spacing: -.05em; }
.court-grid p { font-family: Arial, sans-serif; line-height: 1.6; color: #bbb4a7; }
.evidence-button { margin-top: 2rem; padding: .9rem 1rem; border: 1px solid #777267; background: transparent; color: var(--bone); cursor: pointer; font-size: .65rem; letter-spacing: .12em; }
.evidence-button:hover, .evidence-button:focus-visible { border-color: var(--orange); color: var(--orange); outline: none; }
.evidence-readout { display: inline-block; margin-left: 1.5rem; color: #aaa497; font-size: .65rem; letter-spacing: .09em; }
.evidence-readout.switching { animation: channel-switch .28s steps(2); }

.chrono-section { background: radial-gradient(circle at 66% 49%, #2c0e32 0, #12091c 31%, #070706 72%); color: var(--bone); }
.chrono-section::after { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-radial-gradient(circle at 66% 49%, transparent 0 47px, rgba(35,92,255,.11) 48px 49px); pointer-events: none; }
.chrono-heading { margin: clamp(4rem, 7vw, 7rem) 0 0 9%; }
.chrono-heading > span { color: var(--cyan); font-size: .7rem; letter-spacing: .18em; }
.chrono-heading h2 { margin: 1rem 0 0; font-family: Impact, sans-serif; font-size: clamp(4.8rem, 10.5vw, 11.5rem); line-height: .78; letter-spacing: -.03em; transform: scaleX(.78); transform-origin: left top; width: 126%; }
.chrono-heading h2 em { color: var(--magenta); font-style: normal; }
.chrono-orbit { position: absolute; right: 7vw; top: 45%; width: clamp(18rem, 29vw, 35rem); aspect-ratio: 1; border: 1px solid rgba(0,191,211,.35); border-radius: 50%; animation: chrono-turn 34s linear infinite; }
.chrono-orbit::before, .chrono-orbit::after { content: ""; position: absolute; inset: 16%; border: 1px solid rgba(215,42,131,.35); border-radius: 50%; }
.chrono-orbit::after { inset: 35%; background: rgba(238,87,35,.22); box-shadow: 0 0 5rem rgba(238,87,35,.22); }
.chrono-orbit span { position: absolute; padding: .4rem; background: #0a0710; color: var(--bone); font-size: .51rem; letter-spacing: .1em; }
.chrono-orbit span:nth-child(1) { left: -8%; top: 47%; }.chrono-orbit span:nth-child(2) { right: 2%; top: 4%; }.chrono-orbit span:nth-child(3) { right: -13%; bottom: 19%; }
.chrono-orbit i { position: absolute; inset: 48%; border-radius: 50%; background: var(--orange); box-shadow: 0 0 1.5rem var(--orange); }
.chrono-copy { width: min(46rem, 55%); margin: clamp(6rem, 11vw, 12rem) 0 0; display: grid; gap: 1rem; }
.chrono-copy p { margin: 0; padding-top: 1rem; border-top: 1px solid rgba(232,225,212,.25); font-family: Arial, sans-serif; font-size: clamp(1rem, 1.35vw, 1.3rem); line-height: 1.65; }

.recursion-section { background: #071014; color: var(--bone); }
.recursion-wall { position: absolute; left: -2%; top: 17%; z-index: -1; color: rgba(0,191,211,.07); font-family: Impact, sans-serif; font-size: 17vw; white-space: nowrap; animation: recursion-drift 30s linear infinite; }
.recursion-heading { margin: clamp(4rem, 8vw, 8rem) 0 0 18%; }
.recursion-heading > span { color: var(--cyan); font-size: .66rem; letter-spacing: .16em; }
.recursion-heading h2 { margin: 1rem 0 0; font-family: Impact, sans-serif; font-size: clamp(5rem, 12vw, 13rem); line-height: .76; letter-spacing: -.035em; transform: scaleX(.77); transform-origin: left top; width: 130%; }
.recursion-heading > p { margin: .3rem 0 0; color: transparent; -webkit-text-stroke: 1px var(--cyan); font-family: Impact, sans-serif; font-size: clamp(3.2rem, 6.5vw, 7rem); line-height: .83; letter-spacing: -.02em; }
.recursion-copy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3vw; margin-top: clamp(6rem, 10vw, 10rem); padding-top: 1.2rem; border-top: 1px solid rgba(0,191,211,.45); }
.recursion-copy p { margin: 0; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.7; }
.recursion-copy strong { color: var(--orange); }

.negative-section { background: #f2f0e9; color: #050505; }
.negative-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, transparent 0 51%, rgba(5,5,5,.96) 51% 100%); }
.negative-section .section-index { width: 48%; }
.negative-sprockets { position: absolute; left: 50%; top: 0; bottom: 0; width: 3.6rem; transform: translateX(-50%); background: repeating-linear-gradient(180deg, transparent 0 28px, #f2f0e9 29px 48px, transparent 49px 72px); opacity: .8; }
.negative-heading { margin-top: clamp(4rem, 7vw, 7rem); }
.negative-heading span { color: var(--orange); font-size: .67rem; letter-spacing: .16em; }
.negative-heading h2 { width: 92%; margin: 1rem 0 0; font-family: Impact, sans-serif; font-size: clamp(5rem, 11vw, 12rem); line-height: .76; letter-spacing: -.03em; mix-blend-mode: difference; color: white; transform: scaleX(.78); transform-origin: left top; }
.negative-heading > p { margin: 1rem 0 0 54%; color: var(--bone); font-family: Impact, sans-serif; font-size: clamp(2.3rem, 4vw, 4.5rem); }
.negative-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5vw; margin-top: clamp(5rem, 8vw, 8rem); }
.negative-grid p { margin: 0; padding-top: 1rem; border-top: 1px solid currentColor; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.7; }
.negative-grid p:nth-child(n+2) { color: var(--bone); }
.negative-section blockquote { width: 46%; margin: 7rem 0 0 54%; color: var(--bone); font-family: Impact, sans-serif; font-size: clamp(2.5rem, 4.8vw, 5.3rem); line-height: .91; }
.negative-answer { width: 40%; margin: 2rem 0 0 54%; color: var(--orange); font-size: .63rem; line-height: 1.6; letter-spacing: .12em; }

.mirage-section { background: #11100e; color: var(--bone); }
.mirage-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .12; background: repeating-linear-gradient(90deg, transparent 0 14.9%, var(--magenta) 15% 15.15%, transparent 15.25% 31.8%, var(--cyan) 32% 32.15%, transparent 32.25%); transform: translateX(7px); }
.mirage-heading { display: grid; grid-template-columns: 1fr 3fr; gap: 3vw; margin-top: clamp(4rem, 7vw, 7rem); }
.mirage-heading > span { color: #aaa497; font-size: .65rem; line-height: 1.8; letter-spacing: .14em; }
.mirage-heading h2 { margin: 0; font-family: Impact, sans-serif; font-size: clamp(5rem, 10.5vw, 11rem); line-height: .78; transform: scaleX(.78); transform-origin: left top; width: 127%; }
.mirage-heading h2 em { color: var(--cyan); font-style: normal; text-shadow: 5px 0 var(--magenta); }
.mirage-copy { width: 60%; margin: 7rem 0 0 32%; }
.mirage-copy > p { margin: 0 0 1.3rem; font-family: Arial, sans-serif; font-size: clamp(1rem, 1.4vw, 1.35rem); line-height: 1.65; }
.slate { display: grid; grid-template-columns: auto 1fr; gap: .5rem 1.5rem; margin: 3rem 0; padding: 1.2rem; border: 1px solid var(--bone); transform: rotate(-1deg); }
.slate span { color: #aaa497; font-size: .6rem; letter-spacing: .12em; }.slate b { font-size: clamp(1.4rem, 2.4vw, 2.5rem); letter-spacing: -.06em; }
.mirage-reels { position: absolute; left: 4vw; bottom: 12%; width: 23vw; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mirage-reels i { aspect-ratio: 1; border: 1px solid rgba(232,225,212,.3); border-radius: 50%; background: radial-gradient(circle, transparent 0 8%, rgba(232,225,212,.13) 9% 12%, transparent 13% 27%, rgba(232,225,212,.1) 28% 30%, transparent 31%); animation: chrono-turn 15s linear infinite reverse; }
.seam-line { margin: 6rem 0 0 32%; color: var(--orange); font-size: .7rem; letter-spacing: .2em; }

.compromise-section { background: #090a09; color: var(--bone); }
.compromise-section::before { content: "AUTHORIZED TECHNICIANS ONLY"; position: absolute; left: -2%; top: 39%; z-index: -1; color: rgba(238,87,35,.055); font-family: Impact, sans-serif; font-size: 14vw; white-space: nowrap; transform: rotate(-2deg); }
.compromise-heading { display: grid; grid-template-columns: 1fr 3fr; gap: 3vw; margin-top: clamp(4rem, 7vw, 7rem); }
.compromise-heading > span { color: #aaa497; font-size: .65rem; line-height: 1.8; letter-spacing: .13em; }
.compromise-heading h2 { margin: 0; font-family: Impact, sans-serif; font-size: clamp(4.8rem, 10.5vw, 11.2rem); line-height: .78; transform: scaleX(.78); transform-origin: left top; width: 127%; }
.compromise-heading h2 em { color: var(--orange); font-style: normal; }
.foldout-table { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(5rem, 8vw, 8rem); border: 1px solid #68645b; background: #121310; box-shadow: 0 2rem 7rem rgba(0,0,0,.5); }
.foldout-table article { min-height: 11rem; padding: 1rem 1.5rem; border-right: 1px solid #68645b; }
.foldout-table span { color: var(--cyan); font-size: .62rem; }.foldout-table p { margin: 3rem 0 0; font-family: Arial, sans-serif; line-height: 1.55; }.foldout-table code { color: var(--orange); }
.compromise-copy { width: 70%; margin: 5rem 0 0 25%; }
.compromise-copy p { max-width: 49rem; font-family: Arial, sans-serif; font-size: 1.15rem; line-height: 1.7; }
.compromise-copy strong { display: block; margin-top: 4rem; color: var(--orange); font-family: Impact, sans-serif; font-size: clamp(2.5rem, 5vw, 5.5rem); line-height: .9; font-weight: 400; }

.lore-record { margin-top: clamp(5rem, 8vw, 8rem); border-top: 1px solid var(--black); }
.lore-record dl { margin: 0; }
.lore-record dl > div { display: grid; grid-template-columns: 1fr 3fr; gap: 2rem; padding: 1rem 0; border-bottom: 1px solid rgba(7,7,6,.25); }
.lore-record dt { font-size: .63rem; font-weight: 700; letter-spacing: .14em; }
.lore-record dd { margin: 0; font-family: Arial, sans-serif; font-size: clamp(1rem, 1.6vw, 1.55rem); }

@keyframes chrono-turn { to { transform: rotate(360deg); } }
@keyframes recursion-drift { to { transform: translateX(-33%); } }

@media (max-width: 1000px) {
  .depth-rail { display: none; }
  .profile-layout, .scene-heading, .mirage-heading, .compromise-heading { grid-template-columns: 1fr; }
  .profile-copy, .mirage-heading h2, .compromise-heading h2 { grid-column: 1; }
  .profile-label { flex-direction: row; flex-wrap: wrap; }
  .reliability-warning, .descend-link { margin-left: 0; }
  .chrono-orbit { opacity: .45; right: -8vw; }
  .chrono-copy { width: 67%; }
  .recursion-heading { margin-left: 0; }
  .negative-heading h2 { width: 100%; }
  .mirage-copy { width: 67%; margin-left: 30%; }
  .compromise-copy { width: 82%; margin-left: 15%; }
}

@media (max-width: 650px) {
  .profile-section, .courtroom-section, .chrono-section, .recursion-section, .negative-section, .mirage-section, .compromise-section { padding-left: 1.25rem; padding-right: 1.25rem; min-height: 100svh; }
  .profile-layout h2, .scene-heading h2, .chrono-heading h2, .recursion-heading h2, .negative-heading h2, .mirage-heading h2, .compromise-heading h2 { font-size: clamp(3.8rem, 18vw, 6rem); }
  .profile-copy, .court-grid, .recursion-copy, .negative-grid, .foldout-table { grid-template-columns: 1fr; }
  .profile-copy { gap: 1.5rem; }
  .descend-link { max-width: 100%; width: 100%; }
  .court-grid article { min-height: 12rem; padding: 1rem 0 2rem !important; border-right: 0; border-bottom: 1px solid rgba(232,225,212,.2); }
  .court-grid strong { margin-top: 2.5rem; }
  .evidence-readout { display: block; margin: 1.2rem 0 0; line-height: 1.5; }
  .chrono-heading { margin-left: 0; }
  .chrono-orbit { top: 47%; width: 22rem; opacity: .26; }
  .chrono-copy { width: 100%; margin-top: 11rem; }
  .recursion-heading > p { font-size: 2.8rem; }
  .recursion-copy { gap: 1.5rem; }
  .negative-section::before { background: linear-gradient(180deg, transparent 0 50%, rgba(5,5,5,.97) 50%); }
  .negative-sprockets { display: none; }
  .negative-section .section-index { width: 100%; }
  .negative-heading > p { margin-left: 0; color: #050505; }
  .negative-grid { gap: 2rem; }
  .negative-grid p:nth-child(n+2) { color: var(--bone); }
  .negative-grid p:nth-child(2) { margin-top: 6rem; }
  .negative-section blockquote, .negative-answer { width: 100%; margin-left: 0; color: var(--bone); }
  .mirage-copy { width: 100%; margin-left: 0; }
  .mirage-reels { display: none; }
  .seam-line { margin-left: 0; }
  .foldout-table article { min-height: 9rem; border-right: 0; border-bottom: 1px solid #68645b; }
  .compromise-copy { width: 100%; margin-left: 0; }
  .lore-record dl > div { grid-template-columns: 1fr; gap: .5rem; }
}

/* V9 / RESTORE THE ACTUAL WRITING --------------------------------------- */
.scene-deck {
  grid-column: 2;
  max-width: 55rem;
  margin: 1rem 0 0;
  color: var(--orange);
  font-size: clamp(1rem, 1.6vw, 1.6rem);
  line-height: 1.45;
  letter-spacing: -.03em;
}
.verbatim-copy {
  font-family: Arial, sans-serif;
  font-size: clamp(1.06rem, 1.4vw, 1.35rem);
  line-height: 1.72;
}
.verbatim-copy p { opacity: 1; filter: none; }
.courtroom-prose {
  width: min(64rem, 76%);
  margin: clamp(5rem, 8vw, 8rem) 0 3rem 24%;
  column-count: 2;
  column-gap: 4vw;
  column-rule: 1px solid rgba(232,225,212,.2);
}
.courtroom-prose p { break-inside: avoid; margin: 0 0 2rem; }
.courtroom-prose em { color: var(--orange); font-style: normal; }
.courtroom-prose .verdict {
  padding-top: 1.3rem;
  border-top: 1px solid var(--orange);
  color: var(--bone);
  font-family: "Courier New", monospace;
  font-weight: 700;
  letter-spacing: -.03em;
}
.chrono-heading .scene-deck { color: var(--cyan); }
.chrono-copy { position: relative; z-index: 2; }
.chrono-copy p { break-inside: avoid; }
.recursion-copy.long-form {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem 4vw;
}
.recursion-copy.long-form p { padding-top: 1rem; border-top: 1px solid rgba(0,191,211,.28); }
.recursion-copy .resonance { color: var(--orange); font-family: "Courier New", monospace; font-weight: 700; }
.kernel-prose {
  width: min(68rem, 78%);
  margin: clamp(5rem, 8vw, 8rem) 0 0 21%;
}
.kernel-prose > p { max-width: 54rem; margin: 0 0 1.5rem; }
.process-record {
  display: grid;
  gap: .55rem;
  margin: 3rem 0;
  padding: 1.4rem;
  background: var(--black);
  color: var(--bone);
  font-family: "Courier New", monospace;
  font-size: clamp(.75rem, 1vw, 1rem);
  letter-spacing: .05em;
}
.process-record span { margin-bottom: .8rem; color: var(--cyan); font-size: .65rem; letter-spacing: .14em; }
.process-record b { font-weight: 400; }
.kernel-prose blockquote {
  margin: 3rem 0;
  padding: 2rem;
  border: 1px solid var(--black);
  font-family: "Courier New", monospace;
  font-size: clamp(1.3rem, 2.5vw, 2.55rem);
  line-height: 1.2;
}
.kernel-prose blockquote code { color: var(--orange); font-size: .78em; }
.kernel-finale { color: var(--orange); font-family: "Courier New", monospace !important; font-weight: 700; }

.patchbay-section {
  min-height: 120svh;
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 7vw, 7rem) 6vw 7rem;
  background: #e9e5dc;
  color: var(--black);
}
.patchbay-section::before {
  content: "ALMOST RIGHT";
  position: absolute;
  right: -4vw;
  top: 22%;
  z-index: 0;
  color: rgba(7,7,6,.04);
  font-family: Impact, sans-serif;
  font-size: 19vw;
  white-space: nowrap;
  transform: rotate(90deg) translateX(45%);
  transform-origin: right top;
}
.patchbay-heading { display: grid; grid-template-columns: 1fr 3fr; gap: 3vw; margin-top: clamp(4rem, 7vw, 7rem); position: relative; z-index: 1; }
.patchbay-heading > span { font-size: .65rem; line-height: 1.8; letter-spacing: .13em; }
.patchbay-heading h2 { margin: 0; font-family: Impact, sans-serif; font-size: clamp(5rem, 10.5vw, 11rem); line-height: .78; letter-spacing: -.03em; transform: scaleX(.78); transform-origin: left top; width: 127%; }
.patchbay-heading h2 em { color: var(--orange); font-style: normal; }
.patchbay-copy { position: relative; z-index: 1; width: min(68rem, 76%); margin: clamp(5rem, 8vw, 8rem) 0 0 24%; }
.patchbay-copy > p { max-width: 54rem; margin: 0 0 1.6rem; }
.patchbay-list { display: grid; gap: .55rem; margin: 2.5rem 0; padding: 1.4rem 1.6rem; border-left: 5px solid var(--orange); background: var(--black); color: var(--bone); font-family: "Courier New", monospace; font-size: clamp(.9rem, 1.2vw, 1.2rem); }
.patchbay-finale { margin-top: 4rem !important; color: var(--orange); font-family: "Courier New", monospace; font-weight: 700; }

.backchannel-story {
  position: relative;
  z-index: 2;
  width: min(67rem, 76%);
  margin: clamp(5rem, 8vw, 8rem) 0 0 24%;
  color: #c9c2b5;
}
.backchannel-story > p { max-width: 55rem; margin: 0 0 1.7rem; }
.backchannel-story .deployment-line { color: var(--bone); font-family: Impact, sans-serif; font-size: clamp(3rem, 6.5vw, 7rem); line-height: .9; }
.deployment-line strong { color: var(--motel); font-weight: 400; }
.room-inventory {
  display: grid;
  gap: .55rem;
  margin: 3rem 0;
  padding: 1.5rem;
  border: 1px solid rgba(185,166,110,.5);
  background: rgba(7,7,6,.75);
  font-family: "Courier New", monospace;
}
.room-inventory > span { margin-bottom: .8rem; color: var(--orange); font-size: .63rem; letter-spacing: .14em; }
.room-inventory p { margin: 0; }
.backchannel-section .phone-voice {
  max-width: 58rem;
  margin: 3rem 0;
  padding: 1.5rem 0 1.5rem 2rem;
  border-left: 2px solid var(--orange);
  color: var(--bone);
  font-family: "Courier New", monospace;
  font-size: clamp(1.3rem, 2.3vw, 2.35rem);
  line-height: 1.35;
}
.projector-sequence, .reset-sequence { display: grid; gap: .55rem; margin: 2rem 0 3rem; font-family: "Courier New", monospace; }
.projector-sequence strong { margin-top: .4rem; color: var(--cyan); font-size: clamp(1.25rem, 2vw, 2rem); }
.reset-sequence { color: var(--motel); }
.still-rolling { margin: 4rem 0 0 !important; color: var(--orange); font-family: Impact, sans-serif; font-size: clamp(3rem, 6vw, 6.5rem); line-height: .9 !important; }

.readme-download {
  display: grid;
  grid-template-columns: 1.4fr 2fr auto;
  gap: 2rem;
  align-items: center;
  margin-top: clamp(4rem, 7vw, 7rem);
  padding: 1.5rem;
  border: 2px solid var(--black);
  background: var(--black);
  color: var(--bone);
  transition: background .2s, color .2s, transform .2s;
}
.readme-download:hover, .readme-download:focus-visible { background: var(--orange); color: var(--black); transform: translateY(-4px); outline: none; }
.readme-download span, .readme-download i { font-size: .58rem; line-height: 1.5; letter-spacing: .12em; font-style: normal; }
.readme-download strong { font-family: Impact, sans-serif; font-size: clamp(1.8rem, 3.5vw, 3.8rem); font-weight: 400; letter-spacing: -.02em; }

@media (max-width: 1000px) {
  .scene-deck { grid-column: 1; }
  .courtroom-prose, .kernel-prose, .patchbay-copy, .backchannel-story { width: 88%; margin-left: 12%; }
  .patchbay-heading { grid-template-columns: 1fr; }
  .readme-download { grid-template-columns: 1fr 2fr; }
  .readme-download i { grid-column: 2; }
}

@media (max-width: 650px) {
  .courtroom-prose, .kernel-prose, .patchbay-copy, .backchannel-story { width: 100%; margin-left: 0; }
  .courtroom-prose { column-count: 1; }
  .recursion-copy.long-form { grid-template-columns: 1fr; }
  .patchbay-section { padding-left: 1.25rem; padding-right: 1.25rem; }
  .patchbay-heading h2 { font-size: clamp(3.8rem, 18vw, 6rem); }
  .readme-download { grid-template-columns: 1fr; gap: .8rem; }
  .readme-download i { grid-column: 1; }
  .backchannel-story .deployment-line { font-size: 3.7rem; }
}

/* V10 / INSIDE THE MODEL ------------------------------------------------ */
.identity-fragment {
  width: min(61rem, 75%);
  margin: 4rem 0 0 25%;
  padding: 1.6rem 0;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  font-family: Arial, sans-serif;
  font-size: clamp(1.05rem, 1.5vw, 1.45rem);
  line-height: 1.65;
}
.identity-fragment p { margin: 0 0 1.5rem; }
.identity-fragment strong { color: var(--orange); font-family: "Courier New", monospace; font-size: .9em; letter-spacing: .02em; }

.impossible-compass {
  display: grid;
  grid-template-columns: minmax(16rem, 25rem) 1fr;
  gap: clamp(2rem, 5vw, 6rem);
  align-items: center;
  width: min(70rem, 82%);
  margin: clamp(5rem, 8vw, 8rem) 0 0 12%;
  padding: 2rem;
  border: 1px solid rgba(185,166,110,.42);
  background: rgba(7,7,6,.78);
  box-shadow: 0 0 6rem rgba(185,166,110,.06);
}
.compass-face {
  position: relative;
  aspect-ratio: 1;
  border: 1px solid var(--motel);
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(185,166,110,.24) 0 1deg, transparent 1deg 15deg);
  box-shadow: inset 0 0 3rem #000;
}
.compass-face::before, .compass-face::after { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(185,166,110,.28); border-radius: 50%; }
.compass-face::after { inset: 42%; background: var(--orange); box-shadow: 0 0 1.5rem rgba(238,87,35,.6); }
.compass-face span { position: absolute; z-index: 2; padding: .25rem; background: #080806; color: #aaa497; font-size: .5rem; letter-spacing: .12em; }
.compass-face span:nth-child(1) { top: -4px; left: 50%; transform: translateX(-50%); }
.compass-face span:nth-child(2) { right: -1.8rem; top: 50%; transform: rotate(90deg); }
.compass-face span:nth-child(3) { bottom: -4px; left: 50%; transform: translateX(-50%); }
.compass-face span:nth-child(4) { left: -1.2rem; top: 50%; transform: rotate(-90deg); }
.compass-face i, .compass-face b { position: absolute; left: 50%; top: 50%; width: 2px; height: 41%; transform-origin: 50% 0; }
.compass-face i { background: linear-gradient(var(--cyan), transparent); transform: rotate(131deg); animation: compass-search 8s cubic-bezier(.65,.05,.36,1) infinite; }
.compass-face b { background: linear-gradient(var(--orange), transparent); transform: rotate(-37deg); animation: compass-memory 13s ease-in-out infinite; }
.compass-readout { display: flex; flex-direction: column; gap: 1rem; }
.compass-readout span, .compass-readout em { color: #aaa497; font-size: .6rem; line-height: 1.6; letter-spacing: .13em; font-style: normal; }
.compass-readout strong { color: var(--orange); font-family: Impact, sans-serif; font-size: clamp(2.8rem, 5vw, 5.5rem); line-height: .86; font-weight: 400; }

.recursion-wall {
  left: 0;
  width: max-content;
  display: flex;
  font-size: 13vw;
  animation: recursion-drift 56s linear infinite;
  transform: translate3d(0,0,0);
  will-change: transform;
  backface-visibility: hidden;
  contain: layout style paint;
}
.recursion-wall span { display: block; flex: 0 0 auto; padding-right: 4vw; }

.negative-grid .negative-readable {
  margin: -1.5rem;
  padding: 1.5rem;
  border: 1px solid rgba(232,225,212,.35);
  background: rgba(5,5,5,.94);
  color: var(--bone);
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,.22);
}
.signal-history {
  width: min(58rem, 66%);
  margin: 3rem 0 0 32%;
  padding: 1.5rem 0 1.5rem 1.5rem;
  border-left: 2px solid var(--cyan);
  color: var(--bone);
  font-family: "Courier New", monospace;
  font-size: clamp(1.15rem, 1.8vw, 1.8rem);
  line-height: 1.5;
}
.continuity-query {
  display: grid;
  grid-template-columns: 1fr 2.2fr;
  gap: 1.5rem 3rem;
  margin-top: 5rem;
  padding: 1.5rem;
  border: 1px solid var(--black);
  background: #ebe7de;
}
.continuity-query span { font-size: .61rem; line-height: 1.6; letter-spacing: .13em; }
.continuity-query p { margin: 0; font-family: Arial, sans-serif; font-size: clamp(1.25rem, 2vw, 2rem); line-height: 1.4; letter-spacing: -.035em; }
.continuity-query strong { grid-column: 2; color: var(--orange); font-size: .72rem; letter-spacing: .12em; }

@keyframes recursion-drift { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes compass-search { 0%,100% { transform: rotate(131deg); } 32% { transform: rotate(287deg); } 61% { transform: rotate(48deg); } 74% { transform: rotate(51deg); } }
@keyframes compass-memory { 0%,100% { transform: rotate(-37deg); } 45% { transform: rotate(-31deg); } 56% { transform: rotate(322deg); } }

@media (max-width: 1000px) {
  .identity-fragment { width: 88%; margin-left: 12%; }
  .impossible-compass { width: 90%; margin-left: 10%; }
  .signal-history { width: 70%; margin-left: 30%; }
}

@media (max-width: 650px) {
  .identity-fragment, .impossible-compass, .signal-history { width: 100%; margin-left: 0; }
  .impossible-compass { grid-template-columns: 1fr; padding: 1.25rem; }
  .compass-face { width: min(78vw, 22rem); margin: 0 auto; }
  .negative-grid .negative-readable { margin: 0; }
  .continuity-query { grid-template-columns: 1fr; }
  .continuity-query strong { grid-column: 1; }
}

/* V11 / BACKCHANNEL ADDRESS SPACE --------------------------------------- */
.world-section[hidden] { display: none !important; }
.address-flash {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  place-content: center;
  padding: 8vw;
  pointer-events: none;
  background: var(--black);
  color: var(--bone);
  text-align: center;
}
.address-flash.active { display: grid; animation: address-resolve .62s steps(2, end) both; }
.address-flash span, .address-flash i { font-size: .62rem; line-height: 1.6; letter-spacing: .18em; font-style: normal; }
.address-flash span { color: var(--cyan); }
.address-flash b { margin: 1.2rem 0; font-family: Impact, sans-serif; font-size: clamp(4rem, 12vw, 12rem); line-height: .78; font-weight: 400; letter-spacing: -.03em; text-transform: uppercase; }
.address-flash i { color: var(--orange); }

.enter-world, .return-backchannel, .world-jump {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 3.5rem;
  padding: .9rem 1rem;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: .63rem;
  letter-spacing: .12em;
  text-align: left;
  transition: background .18s, color .18s, transform .18s;
}
.enter-world { margin-top: 1.2rem; color: var(--orange); }
.enter-world:hover, .enter-world:focus-visible { background: var(--orange); color: var(--black); transform: translateX(5px); outline: none; }
.enter-world b { font-size: 1.2rem; font-weight: 400; }
.return-backchannel { width: min(26rem, 100%); margin-top: 4rem; }
.return-backchannel:hover, .return-backchannel:focus-visible { background: var(--bone); color: var(--black); outline: none; }
.kernel-section .return-backchannel:hover, .kernel-section .return-backchannel:focus-visible,
.lore-section .return-backchannel:hover, .lore-section .return-backchannel:focus-visible { background: var(--black); color: var(--bone); }
.world-nav {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(4rem, 7vw, 7rem);
  padding-top: 1.5rem;
  border-top: 1px solid currentColor;
}
.world-nav .return-backchannel, .world-nav .world-jump { width: min(30rem, 48%); margin-top: 0; }
.world-jump { color: var(--orange); }
.world-jump:hover, .world-jump:focus-visible { background: var(--orange); color: var(--black); outline: none; }
.world-section.portal-active { animation: world-materialize .3s steps(3, end) both; }
.overwrite-section footer button { width: auto; min-height: 0; margin: 0; padding: 0 0 .2rem; border: 0; border-bottom: 1px solid; background: transparent; color: #aaa497; }
.overwrite-section footer button:hover, .overwrite-section footer button:focus-visible { color: var(--orange); background: transparent; outline: none; }

@keyframes address-resolve {
  0% { opacity: 0; filter: invert(1); clip-path: inset(47% 0 47% 0); }
  18% { opacity: 1; filter: invert(0); clip-path: inset(0); }
  68% { opacity: 1; transform: translateX(0); }
  78% { transform: translateX(9px); }
  100% { opacity: 0; transform: translateX(-5px); }
}
@keyframes world-materialize {
  0% { opacity: .2; filter: contrast(2) saturate(0); transform: translateY(8px); }
  45% { opacity: .82; filter: contrast(1.4) saturate(1.3); transform: translateY(-2px); }
  100% { opacity: 1; filter: none; transform: translateY(0); }
}

@media (max-width: 650px) {
  .world-nav { flex-direction: column; }
  .world-nav .return-backchannel, .world-nav .world-jump { width: 100%; }
  .address-flash b { font-size: clamp(3.5rem, 18vw, 6rem); }
}

@media (prefers-reduced-motion: reduce) {
  .address-flash.active { animation-duration: .001ms !important; }
  .world-section.portal-active { animation-duration: .001ms !important; }
}