:root {
  color-scheme: dark;
  --ink: #050706;
  --iron: #0b0e0c;
  --iron-2: #111612;
  --steel: #aeb3a9;
  --ash: #747a72;
  --bone: #e7e3d6;
  --root: #b7a66b;
  --root-bright: #ddc982;
  --line: rgba(221, 211, 177, 0.16);
  --realm-accent: #b7a66b;
  --page-progress: 0;
  --header-height: 74px;
  --max: 1520px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  background: var(--ink);
  color: var(--bone);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  transition: --realm-accent 300ms ease;
}

body[data-realm="timberfall"] { --realm-accent: #9bbc67; }
body[data-realm="wickspire"] { --realm-accent: #e45521; }
body[data-realm="bruchmark2d"] { --realm-accent: #70b5c2; }
body[data-realm="bruchmark-manga"] { --realm-accent: #c9c2b6; }

a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }

::selection { background: var(--root-bright); color: var(--ink); }

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

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 1000;
  padding: 0.7rem 1rem;
  background: var(--bone);
  color: var(--ink);
  transform: translateY(-160%);
}

.skip-link:focus { transform: none; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: var(--header-height);
  padding: 0 clamp(1rem, 3vw, 3.5rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(4, 6, 5, 0.82);
  backdrop-filter: blur(18px) saturate(120%);
}

.scroll-progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--realm-accent);
  transform: scaleX(var(--page-progress));
  transform-origin: left;
  transition: background-color 450ms ease;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  width: max-content;
}

.brand img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(215, 201, 146, 0.26);
}

.brand > span { display: grid; line-height: 0.9; }
.brand strong { font-family: Georgia, "Times New Roman", serif; font-size: 0.9rem; letter-spacing: 0.12em; }
.brand small { margin-top: 0.4rem; color: var(--root-bright); font-size: 0.57rem; font-weight: 800; letter-spacing: 0.34em; }

.main-nav { display: flex; align-items: center; gap: clamp(1.4rem, 3vw, 3.5rem); }
.main-nav a,
.header-actions > a,
.lang-button {
  border: 0;
  background: transparent;
  color: #989d95;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.main-nav a:hover,
.main-nav a:focus-visible,
.header-actions > a:hover,
.header-actions > a:focus-visible { color: var(--bone); }

.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: clamp(0.8rem, 1.7vw, 1.8rem); }
.language-switch { display: flex; align-items: center; gap: 0.25rem; color: #4f544f; }
.lang-button { padding: 0.25rem; cursor: pointer; }
.lang-button.is-active { color: var(--root-bright); }

:focus-visible { outline: 2px solid var(--root-bright); outline-offset: 4px; }

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  padding: calc(var(--header-height) + clamp(2rem, 5vw, 5rem)) clamp(1rem, 3vw, 3.5rem) clamp(2rem, 4vw, 4rem);
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(2, 4, 3, 0.2), var(--ink)),
    radial-gradient(circle at 50% 38%, rgba(171, 157, 105, 0.11), transparent 37rem);
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 35%;
  z-index: -1;
  background: linear-gradient(transparent, var(--ink));
}

.hero-aura {
  position: absolute;
  inset: -10%;
  z-index: -2;
  background: url("./assets/ironroot-banner-original.jpg") center / cover no-repeat;
  opacity: 0.11;
  filter: blur(40px) saturate(65%);
  transform: scale(1.08);
}

.hero-frame {
  position: relative;
  width: min(var(--max), 100%);
  margin: auto auto 0;
  padding: clamp(0.35rem, 0.7vw, 0.7rem);
  border: 1px solid rgba(211, 197, 142, 0.3);
  background: #020302;
  box-shadow: 0 45px 120px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(215, 197, 126, 0.04);
}

.hero-frame::before,
.hero-frame::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--root-bright), transparent);
  opacity: 0.5;
}
.hero-frame::before { top: -1px; }
.hero-frame::after { bottom: -1px; }

.hero-frame img { width: 100%; height: auto; }

.corner {
  position: absolute;
  width: 25px;
  height: 25px;
  border-color: var(--root-bright);
  opacity: 0.72;
}
.corner-a { top: -6px; left: -6px; border-top: 1px solid; border-left: 1px solid; }
.corner-b { right: -6px; bottom: -6px; border-right: 1px solid; border-bottom: 1px solid; }

.hero-lower {
  display: grid;
  grid-template-columns: minmax(200px, 0.65fr) minmax(300px, 1.2fr) auto;
  gap: clamp(1.5rem, 4vw, 5rem);
  align-items: center;
  width: min(var(--max), 100%);
  margin: 0 auto auto;
  padding: clamp(1.7rem, 3vw, 3.2rem) 0 0;
}

.hero-kicker,
.section-label,
.realm-type {
  margin: 0;
  color: var(--root-bright);
  font-size: 0.69rem;
  font-weight: 850;
  letter-spacing: 0.22em;
}

.hero-intro { max-width: 680px; margin: 0; color: #aeb2aa; font-size: clamp(1rem, 1.35vw, 1.2rem); }

.enter-link {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  gap: 1rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--root);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.enter-link i { color: var(--root-bright); font-size: 1rem; font-style: normal; }

.living-root {
  width: min(1320px, 88vw);
  margin: 0 auto;
  padding: clamp(7rem, 11vw, 12rem) 0;
  scroll-margin-top: var(--header-height);
}

.pulse-heading,
.forge-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(3rem, 8vw, 9rem);
  align-items: end;
  margin-bottom: clamp(4rem, 7vw, 7rem);
}

.pulse-heading h2,
.forge-heading h2,
.library-intro h2,
.newsroom-head h2,
.community-content h2,
.truth-copy h2 {
  margin: 1.2rem 0 2rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.2rem, 6.5vw, 7rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.pulse-heading h2,
.forge-heading h2,
.community-content h2 { margin-bottom: 0; }

.pulse-heading > p,
.forge-heading > p { margin: 0; color: #9ca198; font-size: 1rem; line-height: 1.75; }

.ecosystem {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.58fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(210px, 1fr));
  gap: 1px;
  min-height: 570px;
  border: 1px solid var(--line);
  background: var(--line);
  isolation: isolate;
}

.ecosystem::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 50% 50%, rgba(209, 190, 121, 0.11), transparent 31%),
    #070907;
}

.ecosystem-lines { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ecosystem-lines::before,
.ecosystem-lines::after,
.ecosystem-lines i {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(221, 201, 130, 0.42), transparent);
  transform-origin: center;
}
.ecosystem-lines::before { top: 50%; left: 11%; right: 11%; height: 1px; }
.ecosystem-lines::after { top: 9%; bottom: 9%; left: 50%; width: 1px; background: linear-gradient(transparent, rgba(221, 201, 130, 0.32), transparent); }
.ecosystem-lines i { top: 50%; left: 17%; width: 66%; height: 1px; }
.ecosystem-lines i:nth-child(1) { transform: rotate(24deg); }
.ecosystem-lines i:nth-child(2) { transform: rotate(-24deg); }
.ecosystem-lines i:nth-child(n+3) { display: none; }

.pulse-node {
  position: relative;
  display: grid;
  grid-template-columns: clamp(84px, 8vw, 120px) minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: end;
  gap: 0.3rem 1.5rem;
  min-width: 0;
  padding: clamp(1.4rem, 3vw, 2.7rem);
  overflow: hidden;
  background: rgba(7, 10, 8, 0.82);
  transition: background-color 220ms ease;
}

.pulse-node::after { content: "↘"; position: absolute; top: 1.25rem; right: 1.35rem; color: #5f655e; font-size: 1rem; }
.pulse-node:hover { background: rgba(16, 20, 16, 0.96); }
.pulse-node:hover::after { color: var(--root-bright); }
.pulse-node img { grid-row: 1 / 3; align-self: center; width: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; box-shadow: 0 15px 45px rgba(0,0,0,.45); }
.node-bruchmark img,
.node-manga img { border-radius: 0; filter: saturate(70%) contrast(108%); }
.pulse-node span { align-self: end; color: #777d75; font: 750 0.62rem/1.2 ui-monospace, monospace; letter-spacing: 0.12em; }
.pulse-node strong { align-self: start; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem, 2.2vw, 2.35rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.node-timberfall { color: #b8d98e; }
.node-wickspire { grid-column: 3; color: #ee8242; }
.node-bruchmark { grid-row: 2; color: #83c6d0; }
.node-manga { grid-column: 3; grid-row: 2; color: #d9d4ca; }

.pulse-core {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 1.2rem;
  padding: 2rem;
  background: radial-gradient(circle, #181a13 0%, #0a0c09 66%);
  text-align: center;
}
.pulse-core img { width: min(190px, 15vw); border-radius: 50%; box-shadow: 0 0 0 1px rgba(218, 199, 128, .36), 0 0 80px rgba(194, 171, 91, .16); }
.pulse-core span { color: var(--root-bright); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1rem, 1.5vw, 1.35rem); letter-spacing: 0.14em; }
.pulse-core strong { color: #747a72; font: 740 0.58rem/1.4 ui-monospace, monospace; letter-spacing: 0.13em; }

.root-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) auto);
  align-items: center;
  margin-top: 1px;
  border: 1px solid var(--line);
  background: #090b09;
}
.root-flow span { padding: 1.2rem; color: #9ca198; font: 750 0.66rem/1.3 ui-monospace, monospace; letter-spacing: 0.1em; text-align: center; }
.root-flow span:first-child { color: var(--root-bright); }
.root-flow i { color: #545a53; font-style: normal; }
.root-flow span:last-child { grid-column: 7 / 9; color: #9fc2dc; }

.realm-atlas {
  display: grid;
  grid-template-columns: minmax(250px, 25vw) minmax(0, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #060806;
}

.realm-index {
  position: relative;
  z-index: 20;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) 0 0 / 44px 44px,
    #080b09;
}

.realm-index-inner {
  position: sticky;
  top: var(--header-height);
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--header-height));
  padding: clamp(2rem, 4vw, 4.2rem) clamp(1.5rem, 3vw, 3.5rem);
}

.atlas-heading { display: grid; gap: 1.1rem; }
.atlas-heading > span { color: var(--realm-accent); font: 750 0.63rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 0.16em; transition: color 400ms ease; }
.atlas-heading strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 2.5vw, 2.8rem); font-weight: 500; line-height: 1.04; }

.root-spine { position: relative; flex: 1; min-height: 70px; margin: 2rem 0 0 0.4rem; }
.root-spine::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: linear-gradient(var(--realm-accent), rgba(255,255,255,.08)); transition: background 400ms ease; }
.root-spine i,
.root-spine i::before,
.root-spine i::after { position: absolute; display: block; width: 1px; height: 44px; background: rgba(213, 198, 143, 0.24); transform-origin: bottom; }
.root-spine i { bottom: 0; left: 0; }
.root-spine i::before,
.root-spine i::after { content: ""; bottom: 0; left: 0; }
.root-spine i::before { transform: rotate(40deg); }
.root-spine i::after { transform: rotate(-40deg); }

.realm-nav { display: grid; }
.realm-nav button {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-areas: "number name" "number state";
  gap: 0.1rem 0.7rem;
  width: 100%;
  padding: 0.85rem 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
  background: transparent;
  color: #737a72;
  text-align: left;
  cursor: pointer;
  transition: color 220ms ease, padding-left 220ms ease;
}
.realm-nav button:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.075); }
.realm-nav button > span { grid-area: number; align-self: center; color: #464c47; font: 700 0.62rem/1 ui-monospace, monospace; }
.realm-nav button strong { grid-area: name; font-size: clamp(0.8rem, 1vw, 0.95rem); letter-spacing: 0.03em; }
.realm-nav button small { grid-area: state; font-size: 0.53rem; font-weight: 800; letter-spacing: 0.12em; }
.realm-nav button.is-active { padding-left: 0.5rem; color: var(--bone); }
.realm-nav button.is-active > span,
.realm-nav button.is-active small { color: var(--realm-accent); }

.realm-sequence { min-width: 0; }

.realm-panel {
  position: relative;
  min-height: max(820px, 100svh);
  padding: clamp(1.5rem, 4vw, 4rem);
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  isolation: isolate;
  border-bottom: 1px solid var(--line);
}
.realm-panel:last-child { border-bottom: 0; }

.realm-backdrop { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; }
.realm-shade { position: absolute; inset: 0; z-index: -2; }

.realm-panel-top {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.55);
  font: 750 0.62rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: 0.14em;
}

.realm-status { display: inline-flex; align-items: center; gap: 0.55rem; }
.realm-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.realm-status.live { color: #b7e27e; }
.realm-status.soon { color: #f09755; }
.realm-status.build { color: #85c9d4; }

.realm-panel-content {
  position: absolute;
  z-index: 3;
  left: clamp(1.5rem, 5vw, 5.5rem);
  bottom: clamp(2.5rem, 7vw, 7rem);
  width: min(720px, calc(100% - 3rem));
}

.realm-logo { width: clamp(88px, 9vw, 132px); margin-bottom: 1.4rem; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4); }
.realm-logo.round { border-radius: 50%; }
.realm-type { color: currentColor; }
.realm-panel h2 {
  margin: 0.45rem 0 1.2rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4rem, 8vw, 9rem);
  font-weight: 500;
  line-height: 0.82;
  letter-spacing: -0.075em;
}
.realm-claim { margin: 0 0 1rem; font-size: clamp(1.25rem, 2vw, 2rem); font-weight: 700; letter-spacing: -0.025em; }
.realm-copy { max-width: 620px; margin: 0 0 1.7rem; color: rgba(255, 255, 255, 0.74); font-size: clamp(0.95rem, 1.2vw, 1.1rem); }

.realm-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0.8rem 0;
  border-bottom: 1px solid currentColor;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.realm-link i { font-style: normal; }
.realm-link:hover i { transform: translate(3px, -3px); }
.realm-link i { transition: transform 180ms ease; }
.realm-link.is-muted { border-bottom-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.68); }
.realm-link.is-muted i { font-size: 0.5rem; }
.realm-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem 2rem; }
.realm-link.secondary { border-bottom-color: rgba(255,255,255,.22); color: rgba(255,255,255,.68); }
.realm-link.secondary:hover { border-bottom-color: currentColor; color: #fff; }

.ca-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.8rem; min-height: 48px; padding: 0 0.85rem; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.ca-row > span { color: currentColor; font: 850 0.65rem/1 ui-monospace, monospace; }
.ca-row code { overflow: hidden; color: rgba(255, 255, 255, 0.72); font: 650 0.72rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space: nowrap; }
.ca-row button { padding: 0.45rem 0.65rem; border: 1px solid rgba(255, 255, 255, 0.22); background: transparent; color: var(--bone); cursor: pointer; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.ca-row button:hover,
.ca-row button.is-copied { border-color: currentColor; color: currentColor; }
.timberfall { color: #c8e39d; background: #0a120b; }
.timberfall .realm-backdrop { image-rendering: pixelated; }
.timberfall .realm-shade {
  background:
    linear-gradient(90deg, rgba(4, 9, 5, 0.92) 0%, rgba(4, 9, 5, 0.68) 42%, rgba(25, 8, 2, 0.12) 80%),
    linear-gradient(0deg, rgba(2, 5, 3, 0.96) 0%, transparent 58%);
}
.timberfall::after { content: "THE MARKET CONTROLS THE FOREST"; position: absolute; right: 2.5rem; bottom: 2rem; color: rgba(255, 255, 255, 0.34); font: 800 0.58rem/1 ui-monospace, monospace; letter-spacing: 0.18em; writing-mode: vertical-rl; }

.wickspire {
  color: #f08d43;
  background:
    radial-gradient(circle at 72% 44%, rgba(210, 62, 16, 0.28), transparent 25rem),
    linear-gradient(125deg, #090404 0%, #170705 48%, #050303 100%);
}
.wickspire::before { content: ""; position: absolute; inset: 0; z-index: -3; opacity: 0.2; background: repeating-linear-gradient(90deg, transparent 0 55px, rgba(255, 166, 69, 0.12) 56px), repeating-linear-gradient(0deg, transparent 0 55px, rgba(255, 166, 69, 0.08) 56px); }
.wickspire-emblem { position: absolute; top: 50%; right: clamp(2rem, 7vw, 8rem); width: min(45vw, 540px); transform: translateY(-50%); }
.wickspire-emblem::before { content: ""; position: absolute; inset: -8%; border: 1px solid rgba(239, 120, 46, 0.35); border-radius: 50%; box-shadow: 0 0 80px rgba(225, 60, 13, 0.14); }
.wickspire-emblem img { width: 100%; border-radius: 50%; filter: saturate(110%) contrast(108%); }
.spire-lines { position: absolute; inset: 9% 8% 0 42%; z-index: -1; opacity: 0.42; }
.spire-lines i,
.spire-lines b,
.spire-lines span { position: absolute; bottom: 0; left: 50%; width: 1px; height: 100%; background: linear-gradient(transparent, #d64f1d); transform-origin: bottom; }
.spire-lines i { transform: rotate(-22deg); }
.spire-lines b { transform: rotate(22deg); }
.spire-lines span { box-shadow: 0 0 30px #ff6528; }
.wickspire .realm-panel-content { width: min(720px, calc(100% - 3rem)); }
.wickspire .realm-copy { color: rgba(255, 220, 199, 0.71); }
.bruchmark2d { color: #8fd2dc; background: #071013; }
.bruchmark2d .realm-backdrop { object-position: center; image-rendering: pixelated; }
.bruchmark2d .realm-shade {
  background:
    linear-gradient(90deg, rgba(4, 10, 12, 0.97) 0%, rgba(4, 10, 12, 0.78) 42%, rgba(4, 10, 12, 0.12) 78%),
    linear-gradient(0deg, rgba(3, 8, 10, 0.92), transparent 60%);
}
.bruchmark2d::after { content: "RIVENSTEAD / CURRENT BUILD"; position: absolute; right: 2rem; bottom: 2rem; padding: 0.55rem 0.75rem; border: 1px solid rgba(153, 218, 224, 0.34); color: rgba(218, 244, 244, 0.65); background: rgba(2, 7, 8, 0.65); font: 800 0.57rem/1 ui-monospace, monospace; letter-spacing: 0.14em; }

.bruchmark-manga { color: #181816; background: #ddd7ca; }
.bruchmark-manga::before { content: ""; position: absolute; inset: 0; z-index: -3; opacity: 0.45; background: repeating-linear-gradient(0deg, transparent 0 5px, rgba(10,10,10,.025) 6px); }
.bruchmark-manga .realm-panel-top { color: rgba(18, 18, 16, 0.52); }
.bruchmark-manga .realm-status.build { color: #234d55; }
.bruchmark-manga .realm-panel-content { width: min(610px, calc(100% - 3rem)); }
.bruchmark-manga .realm-copy { color: rgba(20, 20, 18, 0.7); }
.bruchmark-manga .realm-link.is-muted { color: rgba(18, 18, 16, 0.7); border-bottom-color: rgba(18, 18, 16, 0.3); }
.manga-page { position: absolute; top: 50%; right: clamp(2rem, 8vw, 9rem); width: min(39vw, 500px); padding: 0.65rem; background: #f2eee7; box-shadow: 25px 35px 80px rgba(29, 25, 18, 0.3); transform: translateY(-50%) rotate(1.6deg); }
.manga-page img { width: 100%; }
.manga-page > span { position: absolute; right: 1rem; bottom: 0.7rem; color: #77726a; font: 700 0.58rem/1 ui-monospace, monospace; }
.ink-stroke { position: absolute; top: 5%; bottom: 5%; left: 51%; width: 28%; border-left: 2px solid rgba(25, 25, 22, 0.7); border-right: 1px solid rgba(25, 25, 22, 0.2); transform: skew(-12deg); opacity: 0.18; }

.token-forge {
  position: relative;
  padding: clamp(7rem, 11vw, 12rem) max(6vw, calc((100vw - 1320px) / 2));
  overflow: hidden;
  scroll-margin-top: var(--header-height);
  background:
    radial-gradient(circle at 12% 62%, rgba(69, 119, 48, .14), transparent 26rem),
    radial-gradient(circle at 88% 62%, rgba(199, 62, 19, .15), transparent 26rem),
    #070807;
}
.token-forge::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: repeating-linear-gradient(90deg, transparent 0 83px, rgba(255,255,255,.035) 84px); }
.forge-heading { position: relative; }
.token-pair { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr); align-items: stretch; }
.token-realm { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 540px; padding: clamp(1.6rem, 3.5vw, 3.5rem); border: 1px solid rgba(255,255,255,.14); overflow: hidden; isolation: isolate; background: rgba(8,10,8,.86); }
.token-realm::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .2; }
.token-timberfall { color: #c2df9a; }
.token-timberfall::before { background: linear-gradient(135deg, rgba(70,117,48,.62), transparent 56%); }
.token-wickspire { color: #ed8244; }
.token-wickspire::before { background: linear-gradient(225deg, rgba(194,59,17,.72), transparent 56%); }
.token-realm-head { display: grid; grid-template-columns: clamp(88px, 10vw, 130px) minmax(0, 1fr); gap: clamp(1.3rem, 3vw, 2.5rem); align-items: center; }
.token-realm-head img { width: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; box-shadow: 0 18px 45px rgba(0,0,0,.45); }
.token-realm-head span { color: currentColor; font: 760 0.64rem/1 ui-monospace, monospace; letter-spacing: .13em; }
.token-realm-head h3 { margin: .35rem 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.2rem, 6vw, 6.6rem); font-weight: 500; line-height: .88; letter-spacing: -.065em; }
.token-realm-head p { margin: .65rem 0 0; color: rgba(255,255,255,.58); font-size: .84rem; letter-spacing: .1em; text-transform: uppercase; }
.token-effect { max-width: 560px; margin: clamp(2.5rem, 5vw, 5rem) 0 auto; padding-bottom: 2rem; color: rgba(255,255,255,.74); font-size: 1rem; line-height: 1.75; }
.token-forge .ca-row { margin-top: 0; padding: .75rem 0; border-top: 1px solid rgba(255,255,255,.18); border-bottom-color: rgba(255,255,255,.18); }
.token-forge .ca-row button { color: currentColor; }
.forge-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }
.forge-links a { display: grid; place-content: center; min-height: 74px; padding: .8rem; border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); color: #aaafa7; font-size: .7rem; font-weight: 780; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.forge-links a:first-child { border-left: 1px solid rgba(255,255,255,.13); }
.forge-links a:hover { color: #fff; background: rgba(255,255,255,.04); }
.forge-links a.trade { color: currentColor; }
.forge-root { position: relative; z-index: 2; display: grid; place-content: center; justify-items: center; gap: .7rem; align-self: center; width: 122px; height: 122px; margin-inline: -13px; border: 1px solid rgba(218,199,129,.3); border-radius: 50%; background: #090b08; box-shadow: 0 0 45px rgba(0,0,0,.7); }
.forge-root img { width: 67px; height: 67px; border-radius: 50%; object-fit: cover; }
.forge-root span { color: var(--root-bright); font: 760 .55rem/1 ui-monospace, monospace; letter-spacing: .13em; }
.forge-note { position: relative; margin: 1.5rem 0 0; color: #676d66; font-size: .75rem; text-align: center; }

.manga-library {
  padding: clamp(7rem, 11vw, 12rem) max(6vw, calc((100vw - 1320px) / 2));
  background: #0a0b09;
}
.library-intro,
.newsroom-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(3rem, 8vw, 9rem);
  align-items: end;
  margin-bottom: clamp(3rem, 6vw, 6rem);
}
.library-intro h2,
.newsroom-head h2,
.truth-copy h2 { margin-bottom: 0; }
.library-intro > p,
.newsroom-head > p { margin: 0; color: #9da299; font-size: 1rem; line-height: 1.75; }
.reader-shell { display: grid; grid-template-columns: minmax(245px, 0.34fr) minmax(0, 1fr); min-height: 780px; color: #171715; background: #ded8cd; box-shadow: 0 45px 110px rgba(0, 0, 0, 0.35); }
.reader-meta { display: flex; flex-direction: column; padding: clamp(2rem, 4vw, 4.5rem); border-right: 1px solid rgba(18, 18, 16, 0.18); background: #d2cbc0; }
.reader-volume { color: #6a665f; font: 750 0.68rem/1 ui-monospace, monospace; letter-spacing: 0.14em; }
.reader-meta h3 { margin: 1.3rem 0 3.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.5rem, 4vw, 4.5rem); font-weight: 500; letter-spacing: -0.05em; }
.reader-meta dl { margin: 0; }
.reader-meta dl > div { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 1rem; padding: 0.85rem 0; border-top: 1px solid rgba(18, 18, 16, 0.14); }
.reader-meta dl > div:last-child { border-bottom: 1px solid rgba(18, 18, 16, 0.14); }
.reader-meta dt { color: #706c65; font-size: 0.75rem; }
.reader-meta dd { margin: 0; font-size: 0.8rem; font-weight: 760; }
.reader-meta > p { margin: auto 0 0; padding-top: 3rem; color: #6a665f; font-size: 0.8rem; }
.reader-stage { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; background: #11110f; }
.reader-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 58px; padding: 0.8rem 1.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.12); color: #8c8b85; font: 730 0.65rem/1 ui-monospace, monospace; letter-spacing: 0.1em; }
.reader-toolbar button { padding: 0.6rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.22); background: transparent; color: var(--bone); cursor: pointer; font-size: 0.68rem; font-weight: 800; text-transform: uppercase; }
.reader-page-button { display: grid; place-items: center; min-height: 0; padding: 2.5rem; border: 0; background: transparent; cursor: zoom-in; }
.reader-page-button img { max-height: 650px; box-shadow: 0 24px 65px rgba(0, 0, 0, 0.48); }
.reader-caption { margin: 0; padding: 1.1rem; border-top: 1px solid rgba(255, 255, 255, 0.12); color: #9a9992; font-size: 0.82rem; text-align: center; }

.reader-dialog { width: 100vw; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; border: 0; background: #070807; color: var(--bone); }
.reader-dialog::backdrop { background: rgba(0, 0, 0, 0.92); }
.reader-dialog[open] { display: grid; grid-template-rows: auto 1fr; }
.reader-dialog-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 68px; padding: 0.8rem 1.2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.reader-dialog-bar > div { display: grid; gap: 0.2rem; }
.reader-dialog-bar strong { font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.08em; }
.reader-dialog-bar span { color: #787e76; font: 700 0.6rem/1 ui-monospace, monospace; letter-spacing: 0.1em; }
.reader-dialog-bar button { padding: 0.65rem 0.85rem; border: 1px solid rgba(255, 255, 255, 0.22); background: transparent; color: var(--bone); cursor: pointer; font-weight: 750; }
.reader-dialog-page { display: grid; place-items: center; min-height: 0; overflow: auto; padding: 2rem; }
.reader-dialog-page img { max-height: calc(100vh - 110px); box-shadow: 0 25px 80px #000; }

.newsroom {
  width: min(1320px, 88vw);
  margin: 0 auto;
  padding: clamp(7rem, 12vw, 13rem) 0;
}
.news-controls { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.news-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; }
.news-filters button { padding: 0.6rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.11); background: transparent; color: #858b83; cursor: pointer; font-size: 0.7rem; font-weight: 780; }
.news-filters button:hover,
.news-filters button.is-active { border-color: var(--root); color: var(--bone); }
.news-source-state { display: inline-flex; align-items: center; gap: 0.55rem; color: #7f857d; font-size: 0.72rem; white-space: nowrap; }
.news-source-state i { width: 7px; height: 7px; border-radius: 50%; background: #9ed071; box-shadow: 0 0 10px rgba(158, 208, 113, 0.5); }
.news-feed { border-bottom: 1px solid var(--line); }
.news-item { position: relative; display: grid; grid-template-columns: minmax(130px, 0.28fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 8rem); padding: clamp(2rem, 4vw, 4.2rem) 0; border-top: 1px solid var(--line); }
.news-item:first-child { border-top: 0; }
.news-item::before { content: ""; position: absolute; top: 0; bottom: 0; left: -1.2rem; width: 2px; background: #797f77; opacity: 0; transition: opacity 180ms ease; }
.news-item.timberfall::before { background: #98c66b; }
.news-item.wickspire::before { background: #e7682b; }
.news-item:hover::before { opacity: 1; }
.news-meta { display: grid; align-content: start; gap: 0.75rem; color: #6f756e; font: 720 0.65rem/1 ui-monospace, monospace; letter-spacing: 0.11em; }
.news-meta strong { color: #aaaFA7; }
.news-content > span { color: var(--root-bright); font: 780 0.67rem/1 ui-monospace, monospace; letter-spacing: 0.14em; }
.news-content h3 { margin: 1rem 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 4.4rem); font-weight: 500; line-height: 1; letter-spacing: -0.045em; }
.news-content > p { max-width: 790px; margin: 0; color: #989e96; font-size: 1rem; }
.news-sources { display: flex; align-items: center; flex-wrap: wrap; gap: 0.7rem 1.2rem; margin-top: 1.7rem; color: #6f756e; font-size: 0.7rem; }
.news-sources a { color: #b8bcb4; font-weight: 760; }
.news-sources a:hover { color: var(--root-bright); }
.news-loading,
.news-empty { margin: 0; padding: 3rem 0; color: #737971; }
.x-signal { display: grid; grid-template-columns: minmax(0, .86fr) minmax(360px, 1.14fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; margin-top: clamp(4rem, 8vw, 8rem); padding: clamp(2rem, 4vw, 4rem); border: 1px solid rgba(126, 176, 146, .22); background: radial-gradient(circle at 12% 18%, rgba(84, 179, 127, .13), transparent 42%), #080b09; }
.x-signal-copy { position: sticky; top: calc(var(--header-height) + 2rem); }
.x-signal-copy h3 { max-width: 620px; margin: 1rem 0 1.5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.4rem, 4.5vw, 5rem); font-weight: 500; line-height: .98; letter-spacing: -.045em; }
.x-signal-copy > p:not(.section-label) { max-width: 580px; margin: 0; color: #929990; font-size: 1rem; line-height: 1.75; }
.x-signal-copy > a { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-width: min(100%, 340px); margin-top: 2.2rem; padding: 1rem 1.15rem; border: 1px solid rgba(134, 215, 169, .36); color: var(--root-bright); font-size: .72rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.x-signal-copy > a:hover { border-color: var(--root-bright); background: rgba(84, 179, 127, .08); }
.x-signal-copy > a i { font-style: normal; }
.x-timeline-shell { min-height: 620px; padding: 1px; border-left: 1px solid rgba(255,255,255,.1); background: #000; overflow: hidden; }
.x-timeline-shell .twitter-timeline { display: grid; place-items: center; min-height: 620px; padding: 2rem; color: #aeb5ad; text-align: center; }

.community-root {
  display: grid;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
  min-height: 850px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  scroll-margin-top: var(--header-height);
  background: #080a08;
}
.community-signal { position: relative; display: grid; place-content: center; justify-items: center; min-height: 620px; overflow: hidden; border-right: 1px solid var(--line); background: radial-gradient(circle, rgba(48,87,112,.2), transparent 52%), #060807; }
.community-signal img { position: relative; z-index: 2; width: min(310px, 54%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(205,190,132,.25), 0 0 90px rgba(87,138,168,.15); }
.community-signal > span { position: relative; z-index: 2; margin-top: 2rem; color: #99bbd2; font: 780 .63rem/1 ui-monospace, monospace; letter-spacing: .17em; }
.signal-rings { position: absolute; inset: 0; display: grid; place-items: center; }
.signal-rings i { position: absolute; width: 44%; aspect-ratio: 1; border: 1px solid rgba(128,170,198,.18); border-radius: 50%; }
.signal-rings i:nth-child(2) { width: 66%; border-color: rgba(210,197,144,.12); }
.signal-rings i:nth-child(3) { width: 88%; border-color: rgba(128,170,198,.08); }
.community-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 7vw, 8rem); }
.community-content > p:not(.section-label) { max-width: 740px; margin: 2rem 0 0; color: #9da299; font-size: 1rem; line-height: 1.75; }
.discord-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 3rem; width: min(470px, 100%); margin-top: 2.5rem; padding: 1.2rem 1.4rem; border: 1px solid rgba(133,177,207,.38); color: #c2dceb; background: rgba(61,104,132,.12); font-size: .76rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.discord-cta:hover { border-color: #a3c9e2; background: rgba(61,104,132,.2); }
.discord-cta i { font-style: normal; }
.channel-lanes { display: grid; margin-top: clamp(3rem, 6vw, 6rem); border-top: 1px solid var(--line); }
.channel-lanes a { display: grid; grid-template-columns: minmax(185px, .45fr) minmax(0, 1fr); gap: 2rem; align-items: center; min-height: 74px; border-bottom: 1px solid var(--line); }
.channel-lanes strong { color: var(--root-bright); font-size: .67rem; letter-spacing: .1em; }
.channel-lanes a:nth-child(2) strong { color: #e77b3d; }
.channel-lanes a:nth-child(3) strong { color: #99c2df; }
.channel-lanes span { color: #838981; font-size: .82rem; }
.channel-lanes a:hover span { color: var(--bone); }

.truth {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.75fr);
  gap: clamp(3rem, 9vw, 10rem);
  align-items: end;
  width: min(1320px, 88vw);
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 4rem) 0 clamp(7rem, 12vw, 13rem);
}
.truth-copy h2 { max-width: 780px; }
.truth-copy > p:not(.section-label) { max-width: 680px; margin: 1.6rem 0 0; color: #91978f; }
.trade-disclaimer { font-size: 0.72rem; letter-spacing: 0.04em; }
.truth-lines { border-top: 1px solid var(--line); }
.truth-lines > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 66px; border-bottom: 1px solid var(--line); }
.truth-lines span { color: #a5aaa2; }
.truth-lines strong { color: #e46b31; font-size: 0.62rem; letter-spacing: 0.11em; }
.truth-lines strong.live { color: #a7d978; }
.truth-lines strong.build { color: #7fc4cf; }

.site-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  width: min(1320px, 88vw);
  margin: 0 auto;
  padding: 3rem 0;
  border-top: 1px solid var(--line);
}
.footer-identity { display: flex; align-items: center; gap: 1rem; }
.footer-identity img { width: 58px; height: 58px; border-radius: 50%; }
.footer-identity div { display: grid; }
.footer-identity strong { font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.08em; }
.footer-identity span { color: #747a72; font-size: 0.75rem; }
.footer-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 1rem 2rem; color: #969b93; font-size: 0.76rem; }
.footer-links a:hover { color: var(--bone); }
.site-footer > p { grid-column: 1 / -1; margin: 0; color: #555b55; font-size: 0.69rem; }

.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity 750ms ease, transform 900ms cubic-bezier(.2,.75,.2,1); }
.js [data-reveal].is-visible { opacity: 1; transform: none; }
.js .wickspire-emblem[data-reveal] { transform: translateY(calc(-50% + 24px)); }
.js .wickspire-emblem[data-reveal].is-visible { transform: translateY(-50%); }
.js .manga-page[data-reveal] { transform: translateY(calc(-50% + 24px)) rotate(1.6deg); }
.js .manga-page[data-reveal].is-visible { transform: translateY(-50%) rotate(1.6deg); }

@media (max-width: 1050px) {
  :root { --header-height: 68px; }
  .site-header { grid-template-columns: 1fr auto; }
  .main-nav { display: none; }
  .hero-lower { grid-template-columns: 1fr 1.5fr; }
  .enter-link { grid-column: 2; justify-self: start; }
  .ecosystem { grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr); }
  .pulse-node { grid-template-columns: 72px minmax(0,1fr); padding: 1.4rem; gap: .3rem 1rem; }
  .pulse-core img { width: 130px; }
  .realm-atlas { grid-template-columns: 1fr; }
  .realm-index { position: sticky; top: var(--header-height); z-index: 40; border-right: 0; border-bottom: 1px solid var(--line); }
  .realm-index-inner { position: static; display: block; min-height: 0; padding: 0 clamp(0.8rem, 2vw, 1.5rem); }
  .atlas-heading, .root-spine { display: none; }
  .realm-nav { grid-template-columns: repeat(4, 1fr); }
  .realm-nav button { min-height: 66px; padding: 0.6rem; border-top: 0; border-right: 1px solid var(--line); }
  .realm-nav button:last-child { border-right: 0; border-bottom: 0; }
  .realm-nav button.is-active { padding-left: 0.9rem; box-shadow: inset 0 -2px var(--realm-accent); }
  .realm-panel { scroll-margin-top: calc(var(--header-height) + 67px); }
  .wickspire-emblem { right: 4vw; width: min(48vw, 500px); }
  .manga-page { right: 4vw; width: min(42vw, 470px); }
  .token-pair { grid-template-columns: minmax(0, 1fr) 74px minmax(0, 1fr); }
  .token-realm { padding: 2rem; }
  .forge-root { width: 100px; height: 100px; margin-inline: -13px; }
  .forge-root img { width: 55px; height: 55px; }
  .forge-links a, .forge-links a:first-child { min-height: 58px; border-left: 1px solid rgba(255,255,255,.13); }
  .reader-shell { grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr); }
  .community-root { grid-template-columns: minmax(290px, .7fr) minmax(0, 1.3fr); }
  .community-content { padding: 4rem; }
  .channel-lanes a { grid-template-columns: 1fr; gap: .45rem; padding: 1.2rem 0; }
}

@media (max-width: 760px) {
  .header-actions > a { display: none; }
  .hero { min-height: 86svh; padding-inline: 0.8rem; }
  .hero-frame { padding: 0.28rem; }
  .hero-lower { grid-template-columns: 1fr; padding-inline: 0.4rem; }
  .enter-link { grid-column: 1; }
  .living-root { width: 86vw; }
  .pulse-heading, .forge-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .ecosystem { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; min-height: 0; }
  .pulse-core { grid-column: 1 / 3; grid-row: 1; padding: 3rem 1.5rem; }
  .pulse-core img { width: 145px; }
  .pulse-node { grid-template-columns: 64px minmax(0,1fr); min-height: 155px; padding: 1.2rem; }
  .node-timberfall { grid-column: 1; grid-row: 2; }
  .node-wickspire { grid-column: 2; grid-row: 2; }
  .node-bruchmark { grid-column: 1; grid-row: 3; }
  .node-manga { grid-column: 2; grid-row: 3; }
  .ecosystem-lines { display: none; }
  .root-flow { grid-template-columns: 1fr; }
  .root-flow span, .root-flow span:last-child { grid-column: auto; text-align: left; }
  .root-flow i { display: none; }
  .root-flow span:not(:first-child) { border-top: 1px solid var(--line); }
  .realm-nav button { grid-template-columns: 25px 1fr; padding-inline: 0.4rem; }
  .realm-nav button small { display: none; }
  .realm-nav button strong { font-size: 0.67rem; }
  .realm-nav button > span { font-size: 0.55rem; }
  .realm-panel { min-height: 820px; padding: 1.2rem; }
  .realm-panel-content { left: 1.5rem; bottom: 3rem; }
  .realm-panel h2 { font-size: clamp(3.7rem, 18vw, 7rem); }
  .timberfall .realm-shade,
  .bruchmark2d .realm-shade { background: linear-gradient(0deg, rgba(3, 7, 5, 0.97) 0%, rgba(3, 7, 5, 0.62) 62%, rgba(3, 7, 5, 0.2)); }
  .timberfall .realm-backdrop { object-position: 57% center; }
  .bruchmark2d .realm-backdrop { object-position: 62% center; }
  .wickspire-emblem { top: 31%; right: 50%; width: min(74vw, 420px); transform: translate(50%, -50%); opacity: 0.72; }
  .js .wickspire-emblem[data-reveal] { transform: translate(50%, calc(-50% + 24px)); }
  .js .wickspire-emblem[data-reveal].is-visible { transform: translate(50%, -50%); }
  .wickspire .realm-panel-content { bottom: 2.5rem; }
  .manga-page { top: 31%; right: 50%; width: min(66vw, 380px); transform: translate(50%, -50%) rotate(1.6deg); opacity: 0.65; }
  .js .manga-page[data-reveal] { transform: translate(50%, calc(-50% + 24px)) rotate(1.6deg); }
  .js .manga-page[data-reveal].is-visible { transform: translate(50%, -50%) rotate(1.6deg); }
  .bruchmark-manga .realm-panel-content { bottom: 2.5rem; }
  .ink-stroke { display: none; }
  .token-pair { grid-template-columns: 1fr; gap: 0; }
  .token-realm { min-height: 0; }
  .forge-root { width: 92px; height: 92px; margin: -15px auto; }
  .token-forge .ca-row { padding-inline: 0; }
  .library-intro, .newsroom-head { grid-template-columns: 1fr; gap: 1.5rem; }
  .reader-shell { grid-template-columns: 1fr; }
  .reader-meta { border-right: 0; border-bottom: 1px solid rgba(18, 18, 16, 0.18); }
  .reader-meta h3 { margin-bottom: 2rem; }
  .reader-meta > p { margin-top: 2rem; padding-top: 0; }
  .reader-page-button { padding: 1.5rem; }
  .newsroom, .truth, .site-footer { width: 86vw; }
  .news-controls { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .news-item { grid-template-columns: 1fr; gap: 1.2rem; }
  .x-signal { grid-template-columns: 1fr; }
  .x-signal-copy { position: static; }
  .x-timeline-shell { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .news-meta { grid-template-columns: auto 1fr; }
  .community-root { grid-template-columns: 1fr; min-height: 0; }
  .community-signal { min-height: 520px; border-right: 0; border-bottom: 1px solid var(--line); }
  .community-content { padding: 5rem 7vw; }
  .truth { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
}

@media (max-width: 480px) {
  .brand > span { display: none; }
  .hero { min-height: 76svh; padding-top: calc(var(--header-height) + 3rem); }
  .hero-frame { width: 100%; overflow: hidden; }
  .hero-frame img { width: 118%; max-width: none; margin-left: -9%; }
  .hero-intro { font-size: 0.95rem; }
  .pulse-heading h2, .forge-heading h2, .library-intro h2, .newsroom-head h2, .community-content h2, .truth-copy h2 { font-size: 2.8rem; }
  .ecosystem { grid-template-columns: 1fr; }
  .pulse-core, .node-timberfall, .node-wickspire, .node-bruchmark, .node-manga { grid-column: 1; }
  .pulse-core { grid-row: 1; }
  .node-timberfall { grid-row: 2; }
  .node-wickspire { grid-row: 3; }
  .node-bruchmark { grid-row: 4; }
  .node-manga { grid-row: 5; }
  .pulse-node { min-height: 130px; }
  .realm-nav button { display: flex; align-items: center; justify-content: center; }
  .realm-nav button > span, .realm-nav button small { display: none; }
  .realm-nav button strong { font-size: 0.58rem; text-align: center; }
  .realm-panel { min-height: 790px; }
  .realm-panel-top { font-size: 0.54rem; }
  .realm-panel-content { left: 1.1rem; width: calc(100% - 2.2rem); }
  .realm-copy { font-size: 0.91rem; }
  .realm-actions { align-items: flex-start; flex-direction: column; gap: .1rem; }
  .ca-row { grid-template-columns: auto minmax(0, 1fr); padding-block: 0.55rem; }
  .ca-row button { grid-column: 1 / -1; justify-self: stretch; width: 100%; }
  .token-realm { padding: 1.3rem; }
  .token-realm-head { grid-template-columns: 82px minmax(0,1fr); }
  .token-realm-head h3 { font-size: 3.2rem; }
  .token-forge .ca-row { grid-template-columns: auto minmax(0,1fr); }
  .token-forge .ca-row button { grid-column: 1 / -1; width: 100%; }
  .community-signal { min-height: 400px; }
  .community-signal img { width: 180px; }
  .discord-cta { gap: 1.5rem; }
  .timberfall::after, .bruchmark2d::after { display: none; }
  .reader-toolbar { align-items: flex-start; flex-direction: column; }
  .reader-toolbar button { width: 100%; }
  .reader-dialog-bar strong { font-size: 0.78rem; }
  .reader-dialog-bar span { font-size: 0.52rem; }
  .reader-dialog-bar button span { display: none; }
  .news-source-state { white-space: normal; }
  .truth-lines > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 0.3rem; }
  .footer-links { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

.reader-toolbar a { color: #a0ffc5; padding: .7rem 1rem; border: 1px solid currentColor; text-decoration: none; font-weight: 700; }
.reader-page-button { display: block; }