:root {
  --black: #020504;
  --cave: #06100d;
  --cave-raised: #0a1712;
  --green: #b8ff7a;
  --green-hot: #d8ff9f;
  --green-2: #65d98a;
  --amber: #ffbd5c;
  --amber-deep: #b97725;
  --rose: #b27077;
  --rose-dark: #4e2f36;
  --paper: #e1e8df;
  --muted: #aab5aa;
  --line: rgba(184, 255, 122, .2);
  --line-warm: rgba(255, 189, 92, .25);
  --slab: 'Zilla Slab', serif;
  --mono: 'JetBrains Mono', monospace;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; scrollbar-color: var(--green-2) #020504; scrollbar-width: thin; background: var(--black); }
html::-webkit-scrollbar { width: 9px; }
html::-webkit-scrollbar-track { background: #020504; }
html::-webkit-scrollbar-thumb { border: 2px solid #020504; border-radius: 999px; background: linear-gradient(var(--green-2), var(--amber-deep)); }
body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(ellipse at 82% 7%, rgba(178, 112, 119, .09), transparent 31rem),
    radial-gradient(ellipse at 8% 31%, rgba(101, 217, 138, .06), transparent 40rem),
    linear-gradient(180deg, #020504 0%, #06100d 52%, #020504 100%);
  color: var(--paper);
  font: 18px/1.55 var(--slab);
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(184, 255, 122, .14);
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  opacity: .065;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: screen;
}
body::after {
  content: '';
  position: fixed;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  opacity: .22;
  background: repeating-radial-gradient(ellipse at 55% -10%, transparent 0 76px, rgba(184, 255, 122, .035) 77px, transparent 79px 112px);
  transform: rotate(-4deg);
}

a { color: inherit; text-decoration: none; text-underline-offset: .24em; }
button, input { font: inherit; touch-action: manipulation; }
button { color: inherit; }
::selection { color: var(--black); background: var(--green); }
:focus-visible { outline: 2px solid var(--amber); outline-offset: 4px; }
main:focus-visible { outline: 2px solid var(--amber); outline-offset: -2px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }
p, li, blockquote { text-wrap: pretty; }
section[id] { scroll-margin-top: 90px; }
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.skip-link {
  position: fixed;
  z-index: 220;
  top: 10px;
  left: 16px;
  padding: 11px 15px;
  min-height: 44px;
  display: flex;
  align-items: center;
  color: var(--black);
  background: var(--green);
  font: 700 11px var(--mono);
  transform: translateY(-180%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }

#echoMask, #echoTrace {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#echoMask { z-index: 80; }
#echoTrace { z-index: 85; mix-blend-mode: screen; }

.station-bar {
  position: fixed;
  z-index: 120;
  inset: 0 0 auto;
  height: 76px;
  padding: 0 clamp(18px, 3vw, 48px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(184, 255, 122, .22);
  background: linear-gradient(180deg, rgba(2, 5, 4, .98), rgba(2, 5, 4, .78));
  box-shadow: 0 15px 45px rgba(0, 0, 0, .28);
  backdrop-filter: blur(12px);
  font: 650 10px/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  animation: station-arrive .8s cubic-bezier(.16, .82, .22, 1) both;
}
.station-id, .station-bar nav a, .auto-switch {
  min-height: 44px;
  display: flex;
  align-items: center;
}
.return-link { min-height: 44px; display: flex; align-items: center; justify-self: end; }
.return-link:hover { color: var(--green); }
.station-id { width: max-content; gap: 10px; }
.station-id:hover, .station-bar nav a:hover, footer a:hover { color: var(--green); text-shadow: 0 0 18px rgba(184, 255, 122, .28); }
.wing-mark { color: var(--green); font-size: 27px; transform: rotate(-8deg); }
.station-bar nav { display: flex; gap: clamp(24px, 4vw, 58px); }
.station-bar nav a { color: #ced6cd; position: relative; }
.station-bar nav a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 0;
  height: 1px;
  background: var(--green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}
.station-bar nav a:hover::after { transform: scaleX(1); }
.station-controls { justify-self: end; display: flex; align-items: center; gap: 22px; }
.auto-switch { gap: 9px; cursor: pointer; white-space: nowrap; }
.auto-switch:hover { color: var(--green-hot); }
.auto-switch:hover .switch-track { border-color: var(--green-hot); box-shadow: 0 0 18px rgba(184, 255, 122, .1); }
.auto-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.switch-track {
  width: 42px;
  height: 22px;
  padding: 3px;
  border: 1px solid var(--green-2);
  border-radius: 22px;
  background: rgba(0, 0, 0, .35);
}
.switch-track i {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--muted);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), background-color .3s, box-shadow .3s;
}
.auto-switch input:checked + .switch-track i { transform: translateX(18px); background: var(--green); box-shadow: 0 0 16px rgba(184, 255, 122, .7); }
.auto-switch:focus-within .switch-track { outline: 2px solid var(--amber); outline-offset: 3px; }

.pulse-trigger {
  position: fixed;
  z-index: 125;
  right: clamp(18px, 3vw, 46px);
  bottom: clamp(21px, 3vw, 42px);
  width: 126px;
  height: 126px;
  border: 1px solid rgba(184, 255, 122, .72);
  border-radius: 50%;
  background: radial-gradient(circle at 48% 42%, rgba(184, 255, 122, .18), rgba(4, 12, 8, .96) 67%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: crosshair;
  box-shadow: 0 0 0 8px rgba(184, 255, 122, .025), 0 0 45px rgba(101, 217, 138, .13), inset 0 0 34px rgba(184, 255, 122, .08);
  transition: transform .25s cubic-bezier(.2, .8, .2, 1), border-color .25s, opacity .35s;
  animation: control-arrive .9s .78s cubic-bezier(.16, .82, .22, 1) backwards;
}
.pulse-trigger::before, .pulse-trigger::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.pulse-trigger::before { inset: -9px; border: 1px dashed rgba(184, 255, 122, .2); animation: orbit-spin 12s linear infinite; }
.pulse-trigger::after { inset: 13px; border: 1px solid rgba(255, 189, 92, .18); }
.pulse-trigger:hover { transform: scale(1.055); border-color: var(--green-hot); }
.pulse-trigger:active { transform: scale(.95); }
.pulse-trigger.is-docked { opacity: 0; pointer-events: none; transform: scale(.72); }
.pulse-trigger.is-array-mode { opacity: .08; pointer-events: none; transform: scale(.72); }
.echo-status.is-array-mode { opacity: 0; }
.pulse-copy { display: flex; flex-direction: column; margin-top: 6px; font: 550 9px/1.55 var(--mono); letter-spacing: .14em; }
.pulse-copy b { color: var(--green); }
.pulse-copy small { color: #c8d1c7; font-size: 7px; }
.pulse-glyph { height: 28px; display: flex; align-items: center; gap: 4px; }
.pulse-glyph i { width: 4px; height: 12px; border-radius: 5px; background: var(--green); animation: meter 1.1s ease-in-out infinite; }
.pulse-glyph i:nth-child(2) { height: 27px; animation-delay: .12s; }
.pulse-glyph i:nth-child(3) { height: 18px; animation-delay: .24s; }
.pulse-trigger.is-emitting::before { animation: emit-orbit .75s cubic-bezier(.15, .8, .2, 1); }
.echo-status {
  position: fixed;
  z-index: 124;
  right: clamp(19px, 3vw, 48px);
  bottom: clamp(158px, calc(3vw + 136px), 184px);
  max-width: 160px;
  color: var(--amber);
  font: 500 8px/1.45 var(--mono);
  letter-spacing: .12em;
  text-align: right;
  opacity: .72;
  pointer-events: none;
}

@keyframes meter { 50% { transform: scaleY(.35); opacity: .35; } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes emit-orbit { from { transform: scale(.75); opacity: 1; } to { transform: scale(1.7); opacity: 0; } }
@keyframes station-arrive { from { transform: translateY(-100%); } to { transform: translateY(0); } }
@keyframes control-arrive { from { opacity: 0; transform: scale(.72); } to { opacity: 1; transform: scale(1); } }

.section-grid {
  position: relative;
  z-index: 1;
  width: min(100% - 48px, 1400px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 32px);
}
.eyebrow { margin: 0 0 20px; color: var(--green); font: 650 10px/1.4 var(--mono); letter-spacing: .2em; }
.section-index { color: var(--amber); font: 500 9px/1.4 var(--mono); letter-spacing: .16em; }
h2 { margin-bottom: 35px; font-size: clamp(46px, 6.4vw, 96px); font-weight: 400; letter-spacing: -.047em; line-height: .9; }
h2 em { color: var(--rose); font-weight: 300; }

.hero { min-height: max(760px, 100svh); align-items: center; padding-top: 100px; overflow: hidden; }
.hero::before {
  content: '';
  position: absolute;
  width: min(74vw, 1040px);
  aspect-ratio: 1;
  left: 37%;
  top: 4%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(184, 255, 122, .1), rgba(101, 217, 138, .03) 34%, transparent 68%);
  filter: blur(16px);
}
.hero::after {
  content: 'ECHOLOGICAL TRANSECT / LIMESTONE 04';
  position: absolute;
  left: 49%;
  bottom: 4.5vh;
  color: rgba(255, 189, 92, .65);
  font: 500 7px var(--mono);
  letter-spacing: .22em;
  writing-mode: vertical-rl;
}
.hero-orbit { position: absolute; width: min(68vw, 920px); right: -4vw; top: 6vh; opacity: .65; }
.hero-orbit svg { width: 100%; overflow: visible; fill: none; stroke: rgba(184, 255, 122, .23); stroke-width: .7; }
.hero-orbit path, .hero-orbit circle { stroke-dasharray: 1900; stroke-dashoffset: 1900; animation: orbit-draw 2.8s .55s cubic-bezier(.2, .75, .2, 1) forwards; }
.hero-orbit circle:nth-child(2) { animation-delay: .72s; }.hero-orbit circle:nth-child(3) { animation-delay: .9s; }.hero-orbit .wingline { animation-delay: 1.05s; }
.hero-orbit circle:nth-child(2) { stroke: rgba(255, 189, 92, .15); }
.hero-orbit .wingline { fill: rgba(178, 112, 119, .14); stroke: var(--rose); stroke-width: 1.2; }
.hero-kicker { position: absolute; top: 110px; right: 0; left: 0; display: flex; justify-content: space-between; color: var(--amber); font: 550 8px/1 var(--mono); letter-spacing: .2em; }
.hero-title-wrap { z-index: 2; grid-column: 1 / 11; margin-top: -2vh; }
.hero-title-wrap .eyebrow { display: flex; justify-content: space-between; width: 57%; margin-left: 9px; color: #eef4eb; }
.hero-title-wrap .eyebrow span { color: var(--rose); }
h1 { margin: 0; color: #eff5ed; font-size: clamp(82px, 15.4vw, 224px); font-weight: 650; letter-spacing: -.085em; line-height: .67; text-shadow: 0 0 60px rgba(184, 255, 122, .12); }
h1 span { display: block; margin-left: 10%; color: transparent; font-weight: 300; letter-spacing: -.1em; -webkit-text-stroke: 1px var(--green); text-shadow: 0 0 32px rgba(184, 255, 122, .08); }
.hero-deck { width: max-content; max-width: 48%; margin: 48px 0 0 48%; color: #d8e0d7; font-size: clamp(21px, 2.35vw, 35px); line-height: 1.07; }
.hero-depth-scale {
  position: absolute;
  top: 25%;
  right: 0;
  bottom: 23%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 16px;
  border-left: 1px solid rgba(255, 189, 92, .2);
  color: rgba(255, 189, 92, .7);
  font-size: 7px;
}
.hero-depth-scale span::before { content: ''; display: inline-block; width: 10px; height: 1px; margin: 0 8px 2px -16px; background: rgba(255, 189, 92, .35); }
.hero-readout { grid-column: 1 / 4; align-self: end; margin-bottom: 7vh; color: var(--green-2); font: 450 8px/1.4 var(--mono); font-variant-numeric: tabular-nums; }
.hero-readout p { display: flex; justify-content: space-between; margin: 7px 0; }
.level-bars { height: 50px; padding: 7px 2px; display: flex; align-items: end; gap: 5px; border-block: 1px solid var(--line); }
.level-bars i { flex: 1; height: var(--h, 60%); background: linear-gradient(var(--green), var(--green-2)); opacity: .6; }
.level-bars i:nth-child(2) { --h: 30%; }.level-bars i:nth-child(3) { --h: 78%; }.level-bars i:nth-child(4) { --h: 42%; }.level-bars i:nth-child(5) { --h: 90%; }.level-bars i:nth-child(6) { --h: 55%; }.level-bars i:nth-child(7) { --h: 70%; }.level-bars i:nth-child(8) { --h: 37%; }.level-bars i:nth-child(9) { --h: 62%; }
.sonar-instruction { grid-column: 8 / 12; align-self: end; max-width: 410px; margin-bottom: 7vh; color: #c4cec3; font-size: 16px; }
.sonar-instruction kbd { padding: 3px 8px; border: 1px solid var(--green-2); border-radius: 2px; color: var(--green); font: 550 10px var(--mono); }
.scroll-cue { position: absolute; right: 0; bottom: 7vh; color: var(--amber); font: 550 8px var(--mono); letter-spacing: .2em; }
.scroll-cue span { margin-left: 18px; }
.reveal-load { opacity: 0; transform: translateY(24px); animation: arrive 1.15s cubic-bezier(.16, .82, .22, 1) forwards; }
.hero-kicker { animation-delay: .12s; }.hero-title-wrap { animation-delay: .34s; }.hero-readout, .sonar-instruction { animation-delay: .72s; }
@keyframes arrive { to { opacity: 1; transform: translateY(0); } }
@keyframes orbit-draw { to { stroke-dashoffset: 0; } }

.intro { padding-block: clamp(120px, 16vw, 250px); border-top: 1px solid var(--line); }
.intro > .section-index { grid-column: 1 / 3; }
.intro-copy { grid-column: 3 / 11; }
.intro-copy > p:last-child { max-width: 680px; margin-left: auto; color: #c4cec3; font-size: 22px; }
.station-stats { grid-column: 3 / 12; margin: 72px 0; padding: 32px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); }
.station-stats div { min-width: 0; padding: 0 30px; display: flex; align-items: end; gap: 16px; border-right: 1px solid var(--line); }
.station-stats div:first-child { padding-left: 0; }.station-stats div:last-child { border: 0; }
.station-stats dt { color: var(--green); font: 300 clamp(54px, 7vw, 96px)/.8 var(--slab); }
.station-stats dt span { font-size: .35em; }
.station-stats dd { margin: 0; color: var(--muted); font: 450 9px/1.45 var(--mono); text-transform: uppercase; }
blockquote { grid-column: 6 / 12; margin: 30px 0 0; padding-left: 30px; border-left: 2px solid var(--rose); color: #dae1d8; font-size: clamp(29px, 3vw, 44px); line-height: 1.12; }
blockquote cite { display: block; margin-top: 22px; color: var(--amber); font: 450 9px var(--mono); letter-spacing: .12em; }

.calls { width: 100%; padding: 160px max(24px, calc((100vw - 1400px) / 2)); background: linear-gradient(180deg, transparent, rgba(7, 16, 13, .94) 8%, rgba(7, 16, 13, .96) 90%, transparent); }
.calls::before { content: ''; position: absolute; inset: 7% 0; opacity: .25; background: repeating-radial-gradient(ellipse at 15% 30%, transparent 0 70px, rgba(184, 255, 122, .055) 71px, transparent 73px 105px); pointer-events: none; }
.section-head { grid-column: 1 / 13; margin-bottom: 95px; display: grid; grid-template-columns: 2fr 4fr 6fr; gap: 30px; align-items: start; }
.section-head .section-index { grid-column: 1; }.section-head .eyebrow { grid-column: 2; }.section-head h2 { grid-column: 3; margin-top: -9px; }
.species-grid { grid-column: 1 / 13; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 28px; align-items: start; }
.species-card { position: relative; padding: 18px 0 42px; border-top: 1px solid var(--line-warm); background: transparent; }
.species-card::before { content: attr(data-call); position: absolute; z-index: -1; right: 0; top: -45px; color: rgba(184, 255, 122, .035); font: 700 clamp(80px, 11vw, 150px)/1 var(--mono); text-transform: uppercase; }
.species-card:nth-child(1) { grid-column: 1 / 8; }
.species-card:nth-child(2) { grid-column: 8 / 13; margin-top: 180px; }
.species-card:nth-child(3) { grid-column: 4 / 11; margin-top: 70px; }
.card-meta { display: flex; justify-content: space-between; color: var(--amber); font-size: 8px; letter-spacing: .12em; }
.spectrogram-frame { position: relative; margin: 22px 0 5px; overflow: hidden; border-block: 1px solid rgba(184, 255, 122, .13); background: linear-gradient(180deg, rgba(184, 255, 122, .04), rgba(2, 5, 4, .6)); }
.spectrogram { width: 100%; height: auto; display: block; }
.spectrogram-frame small { position: absolute; right: 9px; bottom: 7px; color: rgba(255, 189, 92, .75); font-size: 7px; letter-spacing: .08em; }
.scan-line { position: absolute; inset: 0 auto 0 -12%; width: 11%; background: linear-gradient(90deg, transparent, rgba(184, 255, 122, .16), rgba(184, 255, 122, .65)); box-shadow: 8px 0 28px rgba(184, 255, 122, .18); animation: scan 5.8s cubic-bezier(.45, 0, .35, 1) infinite; }
.species-card:nth-child(2) .scan-line { animation-delay: -2.1s; }.species-card:nth-child(3) .scan-line { animation-delay: -4s; }
@keyframes scan { 0%, 18% { transform: translateX(0); opacity: 0; } 24% { opacity: 1; } 68% { transform: translateX(1050%); opacity: .9; } 75%, 100% { transform: translateX(1050%); opacity: 0; } }
.freq-scale { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }
.species-card h3 { margin: 40px 0 18px; font-size: clamp(38px, 4.2vw, 62px); font-weight: 400; letter-spacing: -.045em; line-height: .86; }
.species-card p { max-width: 590px; color: #bec8bd; font-size: 15px; }
.species-card p b { color: var(--rose); font-weight: 500; font-style: italic; }
.call-facts { max-width: 520px; margin: 26px 0 8px; display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--line); }
.call-facts div { padding: 12px 0; display: flex; justify-content: space-between; gap: 10px; }
.call-facts div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.call-facts dt, .call-facts dd { margin: 0; font: 450 8px var(--mono); }
.call-facts dt { color: var(--muted); text-transform: uppercase; }.call-facts dd { color: var(--green); }
.call-tag { display: inline-block; margin-top: 15px; padding: 8px 10px; border: 1px solid var(--line); color: var(--green); font: 550 8px var(--mono); letter-spacing: .15em; }

.buzz { padding-block: clamp(150px, 20vw, 300px); }
.buzz > .section-index { grid-column: 1 / 3; }.buzz-copy { grid-column: 3 / 10; }.buzz-copy > p:last-child { max-width: 630px; color: #c3cdc2; }
.buzz-sequence { position: relative; grid-column: 1 / 13; min-height: 190px; padding: 25px 0; overflow: hidden; border: 0; border-block: 1px solid var(--line); background: linear-gradient(90deg, transparent, rgba(184, 255, 122, .025), transparent); cursor: pointer; }
.buzz-sequence span { position: absolute; left: var(--x); top: 50%; color: var(--green-2); font: 300 clamp(15px, 2.35vw, 36px)/1 var(--mono); text-transform: uppercase; transform: translate(-50%, -50%); transition: color .2s, opacity .2s; }
.buzz-sequence span:last-child { color: var(--amber); font-weight: 750; }
.buzz-sequence.is-playing span { animation: buzzpop .48s cubic-bezier(.2, .9, .3, 1) both; animation-delay: calc(var(--i) * .038s); }
@keyframes buzzpop { 0% { transform: translate(-50%, -50%); } 42% { color: var(--green-hot); transform: translate(-50%, -120%) scale(1.3); text-shadow: 0 0 22px var(--green); } 100% { transform: translate(-50%, -50%); } }
.buzz-axis { grid-column: 1 / 13; display: flex; justify-content: space-between; margin-top: 14px; color: var(--muted); font-size: 8px; letter-spacing: .1em; }

.detector { padding-block: 110px 230px; }
.detector > .section-index { grid-column: 1 / 3; }.detector-copy { grid-column: 3 / 10; }.detector-copy > p:last-child { max-width: 640px; color: #c3cdc2; }
.detector-console { grid-column: 2 / 13; position: relative; margin-top: 85px; padding: clamp(24px, 4vw, 58px); overflow: hidden; border: 1px solid rgba(255, 189, 92, .42); background: linear-gradient(145deg, #15160e, #070c09 54%, #040806); box-shadow: 0 38px 100px rgba(0, 0, 0, .6), inset 0 0 80px rgba(255, 189, 92, .025); }
.detector-console::before { content: ''; position: absolute; inset: 8px; border: 1px solid rgba(255, 255, 255, .045); pointer-events: none; }
.detector-console::after { content: ''; position: absolute; width: 44%; aspect-ratio: 1; right: -15%; top: -42%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 189, 92, .15), transparent 66%); pointer-events: none; }
.console-top { position: relative; z-index: 1; display: flex; justify-content: space-between; color: var(--amber); font-size: 9px; letter-spacing: .12em; }
.status-dot::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.tuning-window { margin: 60px 0 42px; }
.frequency { display: flex; align-items: baseline; justify-content: center; color: var(--amber); }
.frequency strong { font: 300 clamp(74px, 11vw, 162px)/.8 var(--mono); letter-spacing: -.1em; font-variant-numeric: tabular-nums; text-shadow: 0 0 42px rgba(255, 189, 92, .13); }
.frequency span { margin-left: 18px; font: 450 14px var(--mono); }
.tuning-track { position: relative; height: 86px; margin-top: 30px; border-bottom: 2px solid var(--amber); background: repeating-linear-gradient(90deg, transparent 0, transparent calc(5% - 1px), rgba(255, 189, 92, .13) calc(5% - 1px), rgba(255, 189, 92, .13) 5%); }
.tuning-track i { position: absolute; left: 40%; bottom: -8px; width: 2px; height: 104px; background: var(--green); box-shadow: 0 0 16px var(--green); transition: left .08s linear; }
.band { position: absolute; left: var(--x); bottom: 10px; color: var(--rose); font: 450 8px var(--mono); writing-mode: vertical-rl; transform: translateX(-50%); }
.tuning-window input { position: relative; width: 100%; height: 44px; margin-top: -23px; opacity: 0; cursor: ew-resize; }
.tuning-window:focus-within .tuning-track { box-shadow: 0 4px 0 rgba(184, 255, 122, .22); }
.tuning-window:focus-within .frequency strong { color: var(--green-hot); }
.range-labels { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }
.detector-result { display: grid; grid-template-columns: 1.25fr 1fr; gap: 38px; align-items: stretch; padding-top: 34px; border-top: 1px solid rgba(255, 189, 92, .2); }
.scope { min-width: 0; padding: 8px; border: 1px solid var(--line); background: #010302; box-shadow: inset 0 0 28px rgba(184, 255, 122, .04); }
.scope canvas { width: 100%; height: 112px; display: block; }
.intercept-panel { padding: 8px 0; display: flex; flex-direction: column; justify-content: space-between; }
.detector-result p { margin: 0 0 24px; color: #c1cbc0; font: 450 11px/1.7 var(--mono); }
.detector-result p span { color: var(--green); }
.detector-metrics { margin: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-warm); }
.detector-metrics div { padding: 12px 0 0; display: flex; justify-content: space-between; gap: 8px; }
.detector-metrics div + div { padding-left: 16px; border-left: 1px solid var(--line-warm); }
.detector-metrics dt, .detector-metrics dd { margin: 0; font-size: 8px; }.detector-metrics dt { color: var(--muted); }.detector-metrics dd { color: var(--amber); }
.detector-console[data-lock='locked'] { border-color: rgba(184, 255, 122, .55); box-shadow: 0 38px 100px rgba(0, 0, 0, .6), inset 0 0 55px rgba(184, 255, 122, .045); }

.anatomy { padding-block: 160px 240px; overflow: clip; }
.anatomy-copy { z-index: 2; grid-column: 1 / 6; }.anatomy-copy p:last-child { max-width: 490px; color: #c3cdc2; }
.wing-anatomy { position: relative; grid-column: 5 / 13; margin-top: 95px; }
.wing-anatomy svg { width: 100%; overflow: visible; filter: drop-shadow(0 24px 55px rgba(0, 0, 0, .55)); }
.membrane { fill: url(#membrane); stroke: rgba(178, 112, 119, .82); stroke-width: 2; }
.bones path { fill: none; stroke: var(--green-2); stroke-width: 5; stroke-linecap: round; opacity: .55; transition: opacity .3s, stroke-width .3s, stroke .3s, filter .3s; }
.bones path.is-active { stroke: var(--green-hot); stroke-width: 9; opacity: 1; filter: drop-shadow(0 0 11px rgba(184, 255, 122, .85)); }
.bones .thumb { stroke: var(--amber); opacity: 1; }
.joints { fill: var(--black); stroke: var(--green); stroke-width: 4; }
.labels { fill: var(--amber); font-size: 13px; letter-spacing: .1em; }
.digit-controls { position: absolute; top: 5%; right: 1%; display: flex; align-items: center; gap: 6px; }
.digit-controls > span { margin-right: 6px; color: var(--amber); font-size: 8px; letter-spacing: .12em; }
.digit-controls button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); background: rgba(2, 5, 4, .7); color: var(--muted); font: 550 10px var(--mono); cursor: pointer; }
.digit-controls button:hover, .digit-controls button[aria-pressed='true'] { border-color: var(--green); color: var(--black); background: var(--green); }
.anatomy-note { position: absolute; right: 1%; bottom: 1%; width: 280px; padding-left: 18px; display: flex; gap: 14px; border-left: 1px solid var(--green); }
.anatomy-note b { color: var(--green); font: 300 44px/1 var(--slab); }
.anatomy-note span { color: #c4cec3; font: 450 9px/1.5 var(--mono); }

.triangulation {
  width: 100%;
  max-width: none;
  padding: clamp(140px, 16vw, 245px) max(24px, calc((100vw - 1400px) / 2));
  overflow: hidden;
  border-block: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(184, 255, 122, .025) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(184, 255, 122, .025) 1px, transparent 1px) 0 0 / 72px 72px,
    radial-gradient(circle at 76% 53%, rgba(101, 217, 138, .08), transparent 33%),
    linear-gradient(150deg, #020504, #07120e 58%, #020504);
}
.triangulation::before {
  content: 'Δ3';
  position: absolute;
  left: -2vw;
  bottom: -4vw;
  color: rgba(184, 255, 122, .025);
  font: 700 clamp(190px, 32vw, 500px)/.7 var(--mono);
  letter-spacing: -.14em;
  pointer-events: none;
}
.triangulation-copy { z-index: 2; grid-column: 1 / 6; align-self: start; }
.triangulation-copy .section-index { margin-bottom: 48px; }
.triangulation-copy > p:last-child { max-width: 490px; color: #c6d0c5; }
.return-chamber {
  position: relative;
  z-index: 1;
  grid-column: 4 / 13;
  min-width: 0;
  margin-top: 112px;
  overflow: hidden;
  border: 1px solid rgba(184, 255, 122, .32);
  background: rgba(1, 5, 4, .88);
  box-shadow: 0 50px 120px rgba(0, 0, 0, .62), inset 0 0 70px rgba(184, 255, 122, .025);
  transition: border-color .45s ease, box-shadow .45s ease;
}
.return-chamber::before { content: ''; position: absolute; z-index: 2; inset: 8px; border: 1px solid rgba(255, 255, 255, .035); pointer-events: none; }
.return-chamber[data-fix='3'] { border-color: rgba(255, 189, 92, .62); box-shadow: 0 50px 120px rgba(0, 0, 0, .62), inset 0 0 90px rgba(184, 255, 122, .055), 0 0 45px rgba(101, 217, 138, .08); }
.chamber-top {
  position: absolute;
  z-index: 3;
  top: 27px;
  right: 30px;
  left: 30px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--amber);
  font-size: 8px;
  letter-spacing: .16em;
}
.chamber-top span:last-child { color: var(--green); }
#returnCanvas { width: 100%; height: auto; aspect-ratio: 12 / 7; display: block; cursor: crosshair; }
.array-readout {
  position: absolute;
  z-index: 3;
  bottom: 28px;
  left: 30px;
  display: flex;
  gap: clamp(14px, 2.2vw, 34px);
  color: #98a69a;
  font-size: 7px;
  letter-spacing: .11em;
}
.array-readout span { display: flex; flex-direction: column; gap: 4px; }
.array-readout b { color: var(--green-hot); font-size: 9px; font-variant-numeric: tabular-nums; }
.array-ping {
  position: absolute;
  z-index: 4;
  right: 28px;
  bottom: 24px;
  min-height: 58px;
  padding: 9px 18px 9px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--green-2);
  background: rgba(3, 13, 9, .9);
  color: var(--green);
  font: 550 9px/1.4 var(--mono);
  letter-spacing: .1em;
  text-align: left;
  cursor: pointer;
  transition: color .25s, background-color .25s, border-color .25s, transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s;
}
.array-ping:hover { transform: translateY(-3px); border-color: var(--green-hot); color: var(--black); background: var(--green); box-shadow: 0 12px 35px rgba(101, 217, 138, .18); }
.array-ping:active { transform: translateY(0) scale(.97); }
.array-ping:disabled { cursor: wait; opacity: .72; }
.array-ping:disabled:hover { transform: none; border-color: var(--green-2); color: var(--green); background: rgba(3, 13, 9, .9); box-shadow: none; }
.array-ping small { display: block; margin-top: 2px; color: #b9c5ba; font-size: 7px; letter-spacing: .02em; }
.array-ping:hover small { color: #102015; }
.array-ping-icon { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; }
.array-ping-icon i { position: absolute; width: 6px; height: 6px; border: 1px solid currentColor; border-radius: 50%; }
.array-ping-icon i:nth-child(2) { width: 13px; height: 13px; opacity: .7; }.array-ping-icon i:nth-child(3) { width: 20px; height: 20px; opacity: .35; }
.array-ping.is-pinging .array-ping-icon { animation: array-button-pulse .75s cubic-bezier(.16, .82, .22, 1); }
@keyframes array-button-pulse { 50% { transform: scale(1.22); filter: drop-shadow(0 0 8px var(--green)); } }

.field-log { padding-block: 160px; border-top: 1px solid var(--line); }
.field-log > .section-index { grid-column: 1 / 3; }.field-log > header { grid-column: 3 / 11; }
.log-table { grid-column: 3 / 13; width: 100%; margin-top: 44px; border-collapse: collapse; border-top: 1px solid var(--line); color: #c0cabf; font: 450 10px/1.4 var(--mono); font-variant-numeric: tabular-nums; }
.log-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.log-table tr { border-bottom: 1px solid var(--line); }.log-table td { padding: 22px 0; }.log-table td:first-child { width: 100px; color: var(--amber); }.log-table td:last-child { width: 150px; color: var(--green); text-align: right; }
.closing-note { grid-column: 7 / 12; margin-top: 75px; color: var(--rose); font-size: 25px; line-height: 1.24; }

footer {
  position: relative;
  z-index: 100;
  width: min(100% - 48px, 1400px);
  min-height: 300px;
  margin: 0 auto;
  padding: 48px 0 60px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: space-between;
  gap: 22px;
  border-top: 1px solid var(--line);
  background: radial-gradient(circle at 82% 90%, rgba(184, 255, 122, .06), transparent 30%), var(--black);
  color: var(--muted);
  font: 450 8px/1.75 var(--mono);
  letter-spacing: .08em;
}
footer::before { content: ''; position: absolute; width: 500px; height: 500px; right: -190px; bottom: -310px; border-radius: 50%; border: 1px solid rgba(184, 255, 122, .12); box-shadow: 0 0 0 40px rgba(184, 255, 122, .018), 0 0 0 90px rgba(184, 255, 122, .012); }
footer p { margin: 0; }.footer-record { color: var(--amber); letter-spacing: .14em; }
footer nav { display: flex; gap: 30px; }.footer-mark { grid-column: 1 / 3; margin: 10px 0 0; display: flex; justify-content: space-between; align-items: baseline; color: #12231b; font-size: clamp(52px, 8vw, 112px); letter-spacing: -.08em; }
.footer-mark span { color: var(--amber); font-size: 8px; letter-spacing: .2em; }
footer a { min-width: 44px; min-height: 44px; display: flex; align-items: flex-start; }
footer a:focus-visible, .return-link:focus-visible { text-decoration: underline; text-decoration-color: var(--amber); }

/* Field guide */
.guide-page #echoMask, .guide-page #echoTrace, .guide-page .pulse-trigger, .guide-page .echo-status { display: none; }
.guide-page { background: radial-gradient(circle at 80% 10%, rgba(101, 217, 138, .09), transparent 34%), linear-gradient(180deg, #04100c, #020504); }
.guide-main { position: relative; z-index: 1; width: min(100% - 40px, 1160px); margin: 0 auto; padding: 150px 0 100px; }
.guide-hero { position: relative; min-height: 62vh; padding: 80px 0 78px; overflow: hidden; display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; border-bottom: 1px solid var(--line); }
.guide-hero::before { content: ''; position: absolute; width: 460px; aspect-ratio: 1; right: -120px; top: -80px; border-radius: 50%; opacity: .5; background: repeating-radial-gradient(circle, transparent 0 55px, rgba(184, 255, 122, .14) 56px, transparent 58px 82px); }
.guide-hero h1 { position: relative; font-size: clamp(78px, 12vw, 154px); line-height: .67; }.guide-hero h1 span { margin-left: 12%; }
.guide-lede { position: relative; margin-bottom: 18px; padding-left: 22px; border-left: 2px solid var(--rose); color: #d1d9cf; font-size: 22px; line-height: 1.25; }
.guide-article { padding: 86px 0; display: grid; grid-template-columns: 230px 1fr; gap: 55px; border-bottom: 1px solid var(--line); }
.guide-article h2 { position: sticky; top: 110px; height: max-content; margin: 0; color: var(--green); font-size: 40px; line-height: .95; }
.guide-article h2::before { content: '//' ; display: block; margin-bottom: 12px; color: var(--amber); font: 500 9px var(--mono); letter-spacing: .2em; }
.guide-prose { max-width: 760px; min-width: 0; }.guide-prose h3 { margin: 38px 0 10px; color: var(--amber); font: 650 11px var(--mono); letter-spacing: .16em; }.guide-prose h3:first-child { margin-top: 0; }
.guide-prose p { color: #c6d0c5; text-wrap: pretty; }.guide-prose code { padding: .08em .28em; color: var(--green-hot); background: rgba(184, 255, 122, .06); font: .82em var(--mono); }
.engine-map { margin: 30px 0 8px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: rgba(2, 5, 4, .5); }
.engine-node { position: relative; min-height: 130px; padding: 18px 15px; border-right: 1px solid var(--line); }.engine-node:last-child { border: 0; }.engine-node::after { content: '→'; position: absolute; z-index: 2; top: 50%; right: -9px; color: var(--amber); }.engine-node:last-child::after { display: none; }
.engine-node b { display: block; color: var(--green); font: 650 10px var(--mono); letter-spacing: .1em; }.engine-node span { display: block; margin-top: 17px; color: var(--muted); font: 450 9px/1.5 var(--mono); }
.token-row { margin: 26px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.token { height: 96px; padding: 10px; display: flex; align-items: end; border: 1px solid rgba(255, 255, 255, .1); font: 550 8px var(--mono); }.token:nth-child(1) { background: #020504; }.token:nth-child(2) { color: #020504; background: #b8ff7a; }.token:nth-child(3) { background: #b27077; }.token:nth-child(4) { color: #020504; background: #ffbd5c; }
.prompt-box { position: relative; margin-top: 24px; padding: 28px; border: 1px solid var(--line); background: linear-gradient(135deg, #07130e, #030706); color: #d4ddd2; font: 450 13px/1.65 var(--mono); }.prompt-box::before { content: 'PROMPT / CHP—17'; position: absolute; top: -9px; left: 18px; padding: 2px 7px; color: var(--amber); background: var(--black); font-size: 8px; letter-spacing: .12em; }
.guide-page footer { z-index: 1; }

@media (max-width: 900px) {
  .station-bar { grid-template-columns: 1fr auto 1fr; }
  .station-controls { gap: 12px; }
  .station-controls .auto-switch { font-size: 8px; }
  .section-grid { width: min(100% - 32px, 1400px); gap: 15px; }
  .hero-title-wrap { grid-column: 1 / 12; }
  h1 { font-size: clamp(76px, 18vw, 162px); }
  .hero-deck { margin-left: 38%; max-width: 56%; }
  .hero-readout { grid-column: 1 / 6; }.sonar-instruction { grid-column: 7 / 12; }
  .intro > .section-index, .buzz > .section-index, .detector > .section-index, .field-log > .section-index { grid-column: 1 / 4; }
  .intro-copy, .buzz-copy, .detector-copy, .field-log > header { grid-column: 4 / 13; }
  .station-stats { grid-column: 1 / 13; }
  .section-head { grid-template-columns: 1fr 2fr; }.section-head .section-index { grid-column: 1; }.section-head .eyebrow { grid-column: 2; }.section-head h2 { grid-column: 1 / 3; }
  .species-card:nth-child(1) { grid-column: 1 / 7; }.species-card:nth-child(2) { grid-column: 7 / 13; margin-top: 110px; }.species-card:nth-child(3) { grid-column: 3 / 10; }
  .detector-console { grid-column: 1 / 13; }.detector-result { grid-template-columns: 1fr; }
  .anatomy-copy { grid-column: 1 / 8; }.wing-anatomy { grid-column: 3 / 13; }.closing-note { grid-column: 6 / 13; }
  .triangulation-copy { grid-column: 1 / 8; }.return-chamber { grid-column: 2 / 13; }
  footer { width: calc(100% - 32px); }
  .guide-hero { grid-template-columns: 1.15fr .85fr; gap: 40px; }.guide-article { grid-template-columns: 180px 1fr; gap: 35px; }
}

@media (max-width: 700px) {
  body { font-size: 16px; }
  section[id] { scroll-margin-top: 112px; }
  .station-bar { height: 104px; padding: 4px 15px 0; grid-template-columns: 1fr auto; grid-template-rows: 56px 44px; }
  .station-bar nav { grid-column: 1 / 3; grid-row: 2; justify-content: space-around; gap: 0; border-top: 1px solid rgba(184, 255, 122, .11); }
  .station-bar nav a { min-width: 72px; justify-content: center; }
  .station-controls { grid-column: 2; grid-row: 1; gap: 10px; }
  .return-link { grid-column: 2; grid-row: 1; font-size: 7px; text-align: right; }
  .guide-suffix { display: none; }
  .station-controls .auto-switch { gap: 5px; font-size: 7px; letter-spacing: .08em; }
  .switch-track { width: 36px; height: 20px; padding: 3px; }.switch-track i { width: 12px; height: 12px; }.auto-switch input:checked + .switch-track i { transform: translateX(16px); }
  .pulse-trigger { width: 86px; height: 86px; right: 15px; bottom: 16px; }.pulse-trigger::before { inset: -6px; }.pulse-glyph { height: 21px; }.pulse-glyph i:nth-child(2) { height: 20px; }.pulse-copy { margin-top: 3px; font-size: 7px; }.pulse-copy small { display: none; }
  .echo-status { right: 15px; bottom: 112px; max-width: 105px; font-size: 6px; }
  .section-grid { width: calc(100% - 28px); grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
  .hero { min-height: 820px; padding-top: 122px; align-content: center; }
  .hero-kicker { top: 125px; font-size: 6px; letter-spacing: .1em; }
  .hero-title-wrap { grid-column: 1 / 7; margin-top: -75px; }.hero-title-wrap .eyebrow { width: 88%; font-size: 8px; }.hero-title-wrap .eyebrow span { display: none; }
  h1 { font-size: 20vw; line-height: .72; }.hero-deck { max-width: 86%; margin: 31px 0 0 12%; font-size: 19px; }
  .hero-orbit { width: 125vw; right: -55vw; top: 23vh; }.hero-depth-scale { display: none; }
  .hero-readout { grid-column: 1 / 6; margin: 56px 0 20px; }.sonar-instruction { grid-column: 1 / 6; margin-bottom: 0; font-size: 14px; }.scroll-cue, .hero::after { display: none; }
  h2 { font-size: 43px; line-height: .93; }
  .intro { padding-block: 115px; }.intro > .section-index, .buzz > .section-index, .detector > .section-index, .field-log > .section-index { grid-column: 1 / 7; margin-bottom: 28px; }
  .intro-copy, .buzz-copy, .detector-copy, .field-log > header { grid-column: 1 / 7; }.intro-copy > p:last-child { font-size: 18px; }
  .station-stats { grid-column: 1 / 7; margin: 42px 0; grid-template-columns: 1fr; }.station-stats div { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line); }.station-stats div:last-child { border: 0; }.station-stats dt { min-width: 112px; font-size: 66px; }
  blockquote { grid-column: 1 / 7; padding-left: 20px; font-size: 28px; }
  .calls { padding: 110px 14px; }.section-head { grid-column: 1 / 7; display: block; margin-bottom: 65px; }.species-grid { grid-column: 1 / 7; display: block; }
  .species-card:nth-child(1), .species-card:nth-child(2), .species-card:nth-child(3) { width: 100%; margin: 0 0 76px; }.species-card::before { top: -30px; }.species-card h3 { font-size: 43px; }.species-card p { font-size: 14px; }
  .buzz { padding-block: 125px; }.buzz-copy { grid-column: 1 / 7; }.buzz-sequence { grid-column: 1 / 7; min-height: 150px; }.buzz-sequence span { font-size: 9px; }.buzz-sequence span:last-child { font-size: 11px; }.buzz-axis { grid-column: 1 / 7; font-size: 6px; }
  .detector { padding-block: 95px 150px; }.detector-copy { grid-column: 1 / 7; }.detector-console { grid-column: 1 / 7; margin-top: 52px; padding: 22px 16px; }.console-top { font-size: 7px; }.tuning-window { margin: 48px 0 32px; }.frequency strong { font-size: 20vw; }.band { font-size: 6px; }.detector-result p { font-size: 10px; }.detector-metrics div { display: block; }.detector-metrics dd { margin-top: 4px; }
  .anatomy { padding-block: 110px 155px; }.anatomy-copy { grid-column: 1 / 7; }.wing-anatomy { grid-column: 1 / 7; margin-top: 46px; }.wing-anatomy svg { width: 128%; margin-left: -15%; }.labels { font-size: 16px; }.digit-controls { position: relative; top: auto; right: auto; justify-content: space-between; }.digit-controls > span { display: none; }.digit-controls button { flex: 1; }.anatomy-note { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 22px; }
  .triangulation { padding: 115px 14px; }.triangulation-copy { grid-column: 1 / 7; }.triangulation-copy .section-index { margin-bottom: 28px; }.return-chamber { grid-column: 1 / 7; margin-top: 48px; padding-bottom: 0; }.chamber-top { top: 18px; right: 17px; left: 17px; font-size: 6px; }.chamber-top span:first-child { max-width: 42%; }.chamber-top span:last-child { text-align: right; }#returnCanvas { aspect-ratio: 1 / .86; }.array-readout { position: relative; bottom: auto; left: auto; padding: 14px 16px 0; justify-content: space-between; gap: 8px; }.array-ping { position: relative; right: auto; bottom: auto; width: calc(100% - 32px); min-height: 62px; margin: 18px 16px 16px; justify-content: center; }.array-ping span:last-child { min-width: 150px; }
  .field-log { padding-block: 115px; }.log-table { grid-column: 1 / 7; font-size: 9px; }.log-table td { padding: 18px 0; }.log-table td:first-child { width: 58px; }.log-table td:last-child { width: auto; display: block; padding: 3px 0 12px; text-align: left; }.closing-note { grid-column: 2 / 7; margin-top: 58px; font-size: 22px; }
  footer { width: calc(100% - 28px); min-height: 280px; padding: 40px 0 44px; grid-template-columns: 1fr; }.footer-record { display: inline-block; margin-bottom: 4px; }footer nav { grid-column: 1; flex-wrap: wrap; gap: 4px 20px; }.footer-mark { grid-column: 1; font-size: 50px; }.footer-mark span { display: none; }
  .guide-main { padding-top: 130px; }.guide-hero { min-height: auto; padding: 50px 0 72px; grid-template-columns: 1fr; gap: 48px; }.guide-hero::before { width: 280px; right: -120px; }.guide-hero h1 { font-size: 20vw; }.guide-lede { font-size: 20px; }
  .guide-article { padding: 64px 0; grid-template-columns: 1fr; gap: 28px; }.guide-article h2 { position: static; font-size: 34px; }.engine-map { grid-template-columns: 1fr 1fr; }.engine-node:nth-child(2) { border-right: 0; }.engine-node:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.engine-node:nth-child(2)::after { display: none; }.token-row { grid-template-columns: 1fr 1fr; }.prompt-box { padding: 24px 18px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal-load { opacity: 1; transform: none; }
  #echoMask, #echoTrace { display: none; }
  .scan-line { display: none; }
}