:root {
  --bg: #050b0d;
  --panel: #081417;
  --paper: #d7f7e7;
  --muted: #83a99c;
  --ember: #ff4f6d;
  --gold: #7dffd2;
  --line: #7dffd226;
  --max: 78rem;
  --mx: 50%;
  --my: 38%;
  --violet: #9478ff;
  --ice: #8ce8ff;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  background: var(--bg);
}
html.instant-scroll {
  scroll-behavior: auto !important;
}
body {
  margin: 0;
  background:
    linear-gradient(#7dffd205 1px, transparent 1px),
    linear-gradient(90deg, #7dffd205 1px, transparent 1px),
    var(--bg);
  background-size: 64px 64px;
  color: var(--paper);
  font:
    400 1rem/1.75 Inter,
    system-ui,
    sans-serif;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 30;
  opacity: 0.045;
  background:
    radial-gradient(circle 34rem at var(--mx) var(--my), #8ce8ff24, transparent 62%),
    repeating-linear-gradient(0deg, transparent 0, transparent 7px, #7dffd280 8px);
  mix-blend-mode: screen;
}
body:after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 29;
  opacity: 0.08;
  background:
    radial-gradient(circle at 18% 21%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 16%, #7dffd2 0 1px, transparent 1.5px),
    radial-gradient(circle at 63% 72%, #9478ff 0 1px, transparent 1.5px);
  background-size: 211px 197px, 283px 251px, 337px 293px;
  mix-blend-mode: screen;
}
.system-dock {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid #7dffd255;
  background: #061114e8;
  box-shadow: 0 0 22px #7dffd214;
  color: var(--gold);
  font: 600 0.62rem/1 Inter, sans-serif;
  letter-spacing: 0.1em;
  backdrop-filter: blur(8px);
  pointer-events: none;
}
.system-pulse {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--ember);
  box-shadow: 0 0 8px var(--ember);
}
.system-dock.is-playing .system-pulse {
  background: var(--gold);
  animation: pulse 1.2s infinite;
}
.system-dock button {
  border: 1px solid #7dffd255;
  padding: 0.35rem 0.45rem;
  background: transparent;
  color: var(--gold);
  font: inherit;
  letter-spacing: 0.1em;
  cursor: pointer;
  pointer-events: auto;
}
.system-dock button:hover {
  background: #7dffd21a;
  color: var(--paper);
}
.system-clock {
  color: var(--muted);
}
.runtime-tag {
  color: var(--gold);
}
.page-leaving {
  opacity: 0;
  transition: opacity 160ms ease;
}
.signal-flicker {
  animation: signal 260ms steps(2, end);
}
@keyframes pulse {
  50% { opacity: 0.35; }
}
@keyframes signal {
  20% { transform: translateX(2px); text-shadow: 3px 0 var(--ember), -3px 0 var(--gold); }
  60% { transform: translateX(-1px); opacity: 0.7; }
}
a {
  color: inherit;
  text-decoration: none;
}
header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  border-bottom: 1px solid var(--line);
  background: #050b0df2;
  backdrop-filter: blur(9px);
}
.brand {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--gold);
  text-shadow: 0 0 12px #7dffd277;
}
.brand i {
  color: var(--ember);
  font-style: normal;
}
header nav {
  display: flex;
  gap: 1.5rem;
  color: var(--muted);
  font-size: 0.82rem;
}
header nav a:hover {
  color: var(--paper);
}
header nav a[aria-current="page"] {
  color: var(--gold);
  text-shadow: 0 0 10px #7dffd255;
}
.wiki-shell {
  display: grid;
  grid-template-columns: 17rem minmax(0, 1fr);
  max-width: var(--max);
  margin: auto;
}
.sidebar {
  position: sticky;
  top: 4rem;
  height: calc(100vh - 4rem);
  padding: 2.5rem 1.5rem 3rem 2rem;
  border-right: 1px solid var(--line);
  overflow: auto;
}
.sidebar p {
  margin: 0 0 0.8rem;
  color: #6f6257;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.sidebar a {
  display: block;
  padding: 0.42rem 0;
  color: #a99989;
  font-size: 0.86rem;
}
.sidebar a:hover,
.sidebar a.active {
  color: var(--paper);
}
.sidebar a.active {
  padding-left: 0.75rem;
  border-left: 2px solid var(--ember);
}
.sidebar .group {
  margin: 1.7rem 0;
}
.article {
  min-width: 0;
  padding: 4.5rem clamp(2rem, 6vw, 6rem) 8rem;
}
.crumb {
  color: var(--ember);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.article h1 {
  font:
    500 clamp(3rem, 5vw, 5.4rem) / 0.98 "Cormorant Garamond",
    serif;
  letter-spacing: -0.035em;
  margin: 1rem 0 1.4rem;
  text-shadow: 0 0 22px #7dffd222;
}
.dek {
  max-width: 49rem;
  color: #c2b2a1;
  font:
    400 1.28rem/1.55 "Cormorant Garamond",
    serif;
}
.article-meta {
  display: flex;
  gap: 2rem;
  padding: 1rem 0;
  margin: 2.5rem 0 3.5rem;
  border-block: 1px solid var(--line);
  color: #807267;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.article h2 {
  font:
    500 2.25rem/1.15 "Cormorant Garamond",
    serif;
  margin: 4rem 0 1rem;
}
.article h3 {
  font:
    500 1.4rem/1.25 "Cormorant Garamond",
    serif;
  margin: 2.5rem 0 0.6rem;
  color: #eadcc8;
}
.article p,
.article li {
  max-width: 49rem;
  color: #b6a696;
}
.article strong {
  color: var(--paper);
  font-weight: 500;
}
.article em {
  color: var(--gold);
}
.article blockquote {
  max-width: 49rem;
  margin: 2.5rem 0;
  padding: 1.5rem 0 1.5rem 1.8rem;
  border-left: 2px solid var(--ember);
  font:
    italic 500 1.7rem/1.3 "Cormorant Garamond",
    serif;
  color: var(--paper);
}
.thesis {
  max-width: 49rem;
  margin: 2rem 0;
  padding: 1.5rem 1.7rem;
  background: #071b1b;
  border: 1px solid #7dffd255;
  box-shadow: inset 0 0 28px #7dffd20b, 0 0 18px #7dffd20b;
}
.thesis span {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--ember);
  font-size: 0.67rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.thesis p {
  margin: 0;
  color: var(--paper);
  font:
    500 1.35rem/1.35 "Cormorant Garamond",
    serif;
}
.sequence {
  max-width: 49rem;
  display: grid;
  gap: 0.75rem;
  margin: 2rem 0;
}
.sequence div {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  padding: 1rem;
  border-top: 1px solid var(--line);
}
.sequence b {
  color: var(--ember);
}
.sequence strong {
  display: block;
}
.sequence small {
  color: #8c7e71;
}
.crosslinks {
  max-width: 49rem;
  margin-top: 5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line);
}
.crosslinks > span {
  font-size: 0.67rem;
  letter-spacing: 0.14em;
  color: #74675d;
  text-transform: uppercase;
}
.crosslinks div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.crosslinks a {
  padding: 1.2rem;
  border: 1px solid var(--line);
  color: var(--gold);
}
.crosslinks a:hover {
  border-color: var(--ember);
}
.note {
  max-width: 49rem;
  padding: 1.2rem 1.5rem;
  border-left: 2px solid var(--gold);
  background: #d0a15b0c;
  color: #a99989;
}
.cite {
  color: var(--gold);
  text-decoration: underline;
  text-decoration-color: #d0a15b55;
  text-underline-offset: 0.2rem;
}
.home-hero {
  position: relative;
  min-height: 32rem;
  display: flex;
  align-items: end;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.home-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(0.92) brightness(0.62);
}
.home-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(0deg, var(--bg), transparent 72%),
    linear-gradient(90deg, #050809e8 0%, #071013b8 34%, #07101338 60%, transparent 78%);
}
.home-title {
  position: relative;
  z-index: 2;
  max-width: var(--max);
  width: 100%;
  margin: auto;
  padding: 7rem 2rem 3rem;
}
.home-title .crumb {
  color: var(--gold);
}
.morpheus-quote {
  max-width: 52rem;
  margin: 1.25rem 0 1.8rem;
  padding: 1rem 1.2rem 1rem 1.35rem;
  border-left: 2px solid var(--ice);
  background: linear-gradient(90deg, #071316dc, #0713165c 72%, transparent);
  box-shadow: inset 0 0 34px #8ce8ff0b;
}
.home-title .morpheus-quote p {
  max-width: 50rem;
  margin: 0;
  color: var(--paper);
  font: 500 clamp(1.25rem, 2.1vw, 1.8rem)/1.22 "Cormorant Garamond", serif;
}
.morpheus-quote cite {
  display: block;
  margin-top: .65rem;
  color: var(--gold);
  font: 500 .68rem/1 Inter, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-title h1 {
  font:
    500 clamp(3.3rem, 5.2vw, 5.6rem) / 0.95 "Cormorant Garamond",
    serif;
  white-space: nowrap;
  letter-spacing: -0.04em;
  margin: 0.8rem 0;
}
.home-title p {
  max-width: 45rem;
  color: #cabba8;
  font-size: 1.05rem;
}
.home-grid {
  max-width: var(--max);
  margin: auto;
  padding: 4rem 2rem 8rem;
}
.home-intro {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 5rem;
  margin-bottom: 5rem;
}
.home-intro h2 {
  font: 500 2.8rem/1.05 "Cormorant Garamond";
  margin: 0;
}
.home-intro p {
  color: var(--muted);
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  align-self: start;
}
.stats div {
  padding: 1rem;
  border-right: 1px solid var(--line);
}
.stats div:last-child {
  border: 0;
}
.stats b {
  display: block;
  font: 500 2rem "Cormorant Garamond";
  color: var(--gold);
}
.stats span {
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  color: #76695e;
}
.map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.map a {
  min-height: 12rem;
  padding: 2rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.map a:hover {
  background: #0b2525;
  box-shadow: inset 0 0 22px #7dffd212;
}
.map b {
  color: var(--ember);
  font-size: 0.7rem;
}
.map h3 {
  font: 500 1.8rem "Cormorant Garamond";
  margin: 1rem 0 0.5rem;
}
.map p {
  margin: 0;
  color: #948578;
  font-size: 0.9rem;
}
.axiom-list {
  counter-reset: a;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2rem;
}
.axiom-list div {
  counter-increment: a;
  padding: 1.2rem;
  border-top: 1px solid var(--line);
}
.axiom-list div:before {
  content: counter(a, decimal-leading-zero);
  display: block;
  color: var(--ember);
  font-size: 0.65rem;
}
.axiom-list strong {
  font: 500 1.2rem "Cormorant Garamond";
}
.source-list {
  max-width: 49rem;
}
.source-list li {
  margin-bottom: 1.2rem;
}
.source-list a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
footer {
  border-top: 1px solid var(--line);
  padding: 1.5rem 2rem;
  color: #6f6258;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}
.mobile-index {
  display: none;
}
@media (max-width: 800px) {
  .system-dock {
    right: 0.7rem;
    bottom: 0.7rem;
    max-width: calc(100vw - 1.4rem);
  }
  .system-label {
    display: none;
  }
  header {
    padding: 0 1rem;
  }
  .brand {
    font-size: 0.62rem;
  }
  header nav {
    display: flex;
    min-width: 0;
    flex: 1;
    gap: 0.85rem;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }
  header nav::-webkit-scrollbar { display: none; }
  .wiki-shell {
    display: block;
  }
  .sidebar {
    display: none;
  }
  .article {
    padding: 3rem 1.25rem 6rem;
  }
  .article h1 {
    font-size: 3.2rem;
  }
  .article-meta {
    gap: 0.8rem;
    flex-wrap: wrap;
  }
  .crosslinks div {
    display: block;
  }
  .crosslinks a {
    display: block;
    margin: 0.7rem 0;
  }
  .mobile-index {
    display: block;
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid var(--line);
    color: var(--gold);
  }
  .home-title {
    padding: 7rem 1.25rem 2.5rem;
  }
  .home-title h1 {
    font-size: clamp(2.8rem, 12vw, 4.2rem);
    white-space: normal;
  }
  .home-grid {
    padding: 3rem 1.25rem 6rem;
  }
  .home-intro {
    display: block;
  }
  .stats {
    margin-top: 2rem;
  }
  .map,
  .axiom-list {
    display: block;
  }
  .map a {
    display: block;
    min-height: 0;
  }
  .home-hero {
    min-height: 29rem;
  }
  footer {
    gap: 0.8rem;
    flex-direction: column;
  }
}
/* Full manuscript reader */
.brand:before{content:"";display:inline-block;width:1.45rem;height:1.45rem;margin-right:.65rem;vertical-align:-.34rem;background:url("assets/unreality-mark.svg") center/contain no-repeat}.book-cover-hero{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center;margin-bottom:7rem}.book-cover-hero>img{width:100%;display:block;box-shadow:0 35px 80px #000b,0 0 0 1px #7dffd233;transform:perspective(1100px) rotateY(3deg)}.book-cover-hero h1{font:500 clamp(3.6rem,7vw,7.2rem)/.88 "Cormorant Garamond",serif;letter-spacing:-.055em;margin:1rem 0}.book-subtitle{font:400 clamp(1.2rem,2.1vw,1.75rem)/1.35 "Cormorant Garamond",serif;color:var(--muted);max-width:34rem}.book-read{display:inline-block;margin-top:1.4rem;padding:.9rem 1.2rem;border:1px solid var(--gold);color:var(--gold);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.book-read:hover{background:var(--gold);color:var(--bg)}.book-facts{margin-bottom:6rem}.book-figure{max-width:26rem}.book-figure img{aspect-ratio:2/3;object-fit:cover}@media(max-width:760px){.book-cover-hero{grid-template-columns:1fr;margin-bottom:4rem}.book-cover-hero>img{max-width:20rem;margin:auto;transform:none}.book-cover-hero h1{font-size:clamp(3rem,15vw,5rem)}.brand:before{width:1.25rem;height:1.25rem}}
.manuscript.article p{max-width:48rem}.manuscript.article>h2{margin-top:3.2rem}.chapter-progress{height:2px;background:rgba(255,255,255,.1);margin:1.8rem 0 2.4rem;overflow:hidden}.chapter-progress span{display:block;height:100%;background:var(--accent,#80f5d2)}.book-index{padding-top:8rem}.book-index .home-intro h1{font:500 clamp(3rem,6vw,5.8rem)/.96 "Cormorant Garamond",serif;letter-spacing:-.04em;margin:.5rem 0 1rem}.toc-section{margin:4rem 0}.chapter-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12)}.chapter-toc a{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.1rem .4rem;border-bottom:1px solid rgba(255,255,255,.1);color:inherit;text-decoration:none}.chapter-toc a:nth-child(odd){padding-right:1.5rem}.chapter-toc a:hover{color:var(--accent,#80f5d2)}.chapter-toc b{font:500 1rem Inter,sans-serif;opacity:.5}.chapter-toc span{font:500 1.25rem/1.25 "Cormorant Garamond",serif}@media(max-width:720px){.chapter-toc{grid-template-columns:1fr}.book-index{padding-top:5rem}.manuscript.article p{font-size:1.08rem}}

/* Open-edition finish: the visual hierarchy follows the argument. */
.edition-mark{display:inline-grid;grid-template-columns:auto auto;gap:.18rem .7rem;align-items:center;margin:.8rem 0 1rem;padding:.55rem .7rem;border:1px solid #8ce8ff70;background:linear-gradient(135deg,#071317e6,#121126cc);box-shadow:inset 0 0 0 1px #ffffff0b,0 0 28px #8ce8ff12;color:var(--ice);font:600 .62rem/1 Inter,sans-serif;letter-spacing:.13em}.edition-mark b{grid-row:span 2;font-size:1rem;color:var(--paper);letter-spacing:.05em}.edition-mark small{font:500 .53rem/1 Inter,sans-serif;color:var(--muted);letter-spacing:.11em}.book-cover-hero{position:relative;isolation:isolate}.book-cover-hero:before,.book-figure:before{content:"";position:absolute;inset:-10px;z-index:-1;border:1px solid #ffffff24;background:conic-gradient(from 205deg at var(--mx) var(--my),#7dffd222,#8ce8ff70,#9478ff55,#ffcf703f,#ff4f6d55,#7dffd222);filter:blur(.2px);box-shadow:0 0 55px #9478ff26}.book-cover-hero:after,.book-figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 18%,#ffffff09 38%,#d7fff73d 47%,#b39cff28 53%,transparent 68%);background-size:240% 100%;background-position:calc(100% - var(--mx)) 0;mix-blend-mode:screen}.book-figure{position:relative;isolation:isolate}.map a,.chapter-toc a,.thesis,.sequence>div{position:relative;overflow:hidden;isolation:isolate}.map a:after,.chapter-toc a:after,.thesis:after,.sequence>div:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(108deg,transparent 30%,#ffffff10 46%,#8ce8ff1a 50%,transparent 66%);transform:translateX(-115%);transition:transform .7s ease}.map a:hover:after,.chapter-toc a:hover:after,.thesis:hover:after,.sequence>div:hover:after{transform:translateX(115%)}.chapter-toc a[data-tier="emergence"]{border-left:1px solid #7dffd230}.chapter-toc a[data-tier="frame"]{background:linear-gradient(105deg,#8ce8ff09,transparent 55%);border-left:1px solid #8ce8ff55}.chapter-toc a[data-tier="resolution"]{background:linear-gradient(105deg,#9478ff12,transparent 60%);border-left:1px solid #9478ff80}.chapter-toc a[data-tier="crown"]{background:linear-gradient(105deg,#7dffd21a,#9478ff18 42%,#ffcf7012 75%,transparent);border:1px solid #8ce8ff80;box-shadow:inset 0 0 22px #8ce8ff0c}.chapter-toc a[data-tier="crown"] b{color:var(--gold);opacity:1;text-shadow:0 0 14px #7dffd299}body[data-edition-tier="crown"] .article h1,body[data-edition-tier="crown"] .book-cover-hero h1{background:linear-gradient(100deg,var(--paper) 12%,var(--ice) 38%,#c5b7ff 60%,#ffe1a3 82%,var(--paper));background-size:180% auto;background-position:var(--mx) center;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px #8ce8ff18}body[data-edition-tier="resolution"] .chapter-progress span{background:linear-gradient(90deg,var(--gold),var(--violet))}body[data-edition-tier="crown"] .chapter-progress span{background:linear-gradient(90deg,var(--gold),var(--ice),var(--violet),#ffd781)}
@media (prefers-reduced-motion: reduce){.map a:after,.chapter-toc a:after,.thesis:after,.sequence>div:after{transition:none}.system-dock.is-playing .system-pulse{animation:none}}
@media(max-width:760px){.book-cover-hero:before{inset:-4px}.edition-mark{margin-top:.2rem}body:after{opacity:.1}}

/* Chapter deck: one reveal at a time. */
.reading-deck{max-width:52rem;margin:2rem 0 3rem;perspective:1400px}.deck-chrome{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;color:var(--muted);font-size:.65rem;letter-spacing:.13em}.deck-mark{color:var(--gold)}.deck-stack{position:relative;display:grid;touch-action:pan-y}.argument-card{display:none;grid-area:1/1;position:relative;min-height:28rem;padding:clamp(1.5rem,4vw,3.25rem);border:1px solid #7dffd247;background:linear-gradient(145deg,#0b191cf5,#071013f8 62%,#101026f5);box-shadow:0 26px 80px #000a,inset 0 0 0 1px #ffffff08;overflow:hidden;transform-style:preserve-3d}.argument-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 18%,#ffffff0a 36%,#8ce8ff26 46%,#9478ff1d 52%,transparent 68%);background-size:240% 100%;background-position:calc(100% - var(--mx)) 0;mix-blend-mode:screen}.argument-card:after{content:"";position:absolute;inset:.7rem;border:1px solid #ffffff0d;pointer-events:none}.argument-card.active{display:block;animation:card-reveal .52s cubic-bezier(.2,.8,.2,1)}.deck-stack[data-direction="prev"] .argument-card.active{animation-name:card-return}.argument-card[data-finish="holo"]{border-color:#9478ff88;background:linear-gradient(145deg,#0a181cf5,#0c1021f8 58%,#18112bf5)}.argument-card[data-finish="crown"]{border-color:#8ce8ff;background:linear-gradient(135deg,#0a1a1d,#10112a 52%,#23162a);box-shadow:0 28px 90px #000b,0 0 42px #8ce8ff1c,inset 0 0 0 1px #ffe5a51c}.argument-card[data-finish="crown"]:before{background:conic-gradient(from 210deg at var(--mx) var(--my),transparent,#7dffd226,#8ce8ff38,#9478ff30,#ffcf702b,transparent);mix-blend-mode:screen}.argument-card p{position:relative;max-width:44rem!important;margin:0 0 1.25rem;font-size:clamp(1.02rem,1.5vw,1.13rem);line-height:1.78}.card-kicker{position:relative;display:flex;justify-content:space-between;gap:1rem;margin-bottom:2.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.card-kicker b{color:var(--ember);font-weight:500}.card-kicker span{text-align:right}.deck-controls{display:grid;grid-template-columns:auto minmax(5rem,1fr) auto;align-items:center;gap:1rem;margin-top:.8rem}.deck-controls button{border:1px solid var(--line);background:#071316;color:var(--gold);padding:.8rem 1rem;font:600 .7rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.deck-controls button:hover:not(:disabled){border-color:var(--gold);background:#7dffd214}.deck-controls button:disabled{opacity:.3;cursor:not-allowed}.deck-track{height:2px;background:#ffffff14;overflow:hidden}.deck-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--ice),var(--violet));transition:width .35s}.manuscript>.crosslinks{opacity:.22;filter:grayscale(1);pointer-events:none;transition:.5s}.manuscript>.crosslinks.unlocked{opacity:1;filter:none;pointer-events:auto}.manuscript:focus{outline:none}
.book-index .chapter-toc{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;border:0}.book-index .chapter-toc a,.book-index .chapter-toc a:nth-child(odd){display:flex;flex-direction:column;justify-content:space-between;min-height:13rem;padding:1.2rem;border:1px solid var(--line);background:linear-gradient(145deg,#0a171a,#071013 65%,#101025);box-shadow:0 14px 35px #0007;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;transform-style:preserve-3d}.book-index .chapter-toc a:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-2deg);border-color:var(--gold);box-shadow:0 24px 50px #000a,0 0 25px #7dffd21c}.book-index .chapter-toc b{font-size:.75rem}.book-index .chapter-toc span{font-size:1.18rem}.book-index .chapter-toc a[data-tier="crown"]{background:linear-gradient(135deg,#0a1b1c,#11112a 46%,#241629);box-shadow:0 18px 45px #0009,0 0 28px #8ce8ff1b}
@keyframes card-reveal{from{opacity:0;transform:translateX(7%) rotateY(-6deg) scale(.97)}to{opacity:1;transform:none}}@keyframes card-return{from{opacity:0;transform:translateX(-7%) rotateY(6deg) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1000px){.book-index .chapter-toc{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.argument-card{min-height:0;padding:1.35rem}.argument-card p{font-size:1rem}.deck-controls{grid-template-columns:1fr 1fr}.deck-track{grid-column:1/-1;grid-row:1}.deck-controls button{margin-top:.5rem}.book-index .chapter-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.book-index .chapter-toc a,.book-index .chapter-toc a:nth-child(odd){min-height:11rem;padding:1rem}.book-index .chapter-toc span{font-size:1.05rem}}@media(max-width:420px){.book-index .chapter-toc{grid-template-columns:1fr}.book-index .chapter-toc a,.book-index .chapter-toc a:nth-child(odd){min-height:9rem}}
@media(prefers-reduced-motion:reduce){.argument-card.active{animation:none}.book-index .chapter-toc a{transition:none}}
.card-share{position:relative;margin-top:1rem;border:1px solid var(--gold);background:#7dffd20d;color:var(--gold);padding:.65rem .8rem;font:600 .65rem/1 Inter,sans-serif;letter-spacing:.1em;cursor:pointer}.card-share:hover{background:#7dffd21f}.argument-card[data-finish="rare"] .card-share{border-color:#ffcf70;color:#ffcf70}
.manuscript.article>.mobile-index{margin-bottom:1rem}.argument-card .card-title{margin:0 0 1.35rem;padding:0 0 1.1rem;border-bottom:1px solid #8ce8ff35;color:var(--paper);font:500 clamp(1.8rem,4vw,3.5rem)/.95 "Cormorant Garamond",serif;letter-spacing:-.035em;text-wrap:balance}.argument-card .card-title+.card-kicker{margin-top:.15rem}
.argument-card{width:min(100%,34rem);height:48rem;min-height:48rem;display:none;flex-direction:column;padding:1.65rem 1.8rem;aspect-ratio:5/7;margin-inline:auto}.argument-card.active{display:flex}.argument-card .card-title{flex:0 0 auto;min-height:5.4rem;display:flex;align-items:flex-end}.argument-card .card-kicker{flex:0 0 auto;margin-bottom:1rem}.card-art{display:block;flex:0 0 12rem;width:100%;height:12rem;object-fit:cover;object-position:center;border:1px solid #8ce8ff35;margin:0 0 1rem;filter:saturate(.85) contrast(1.05)}.card-body{flex:1 1 auto;min-height:0;overflow:hidden;padding-right:.35rem}.card-body p{margin-bottom:1rem}.argument-card .card-share{flex:0 0 auto;align-self:flex-start}.argument-card[data-finish="full-art"] .card-art{border-color:#9478ff88}.argument-card[data-finish="rare"] .card-art{border-color:#ffcf70aa;box-shadow:0 0 20px #ffcf7022}
@media(max-width:760px){.argument-card{width:100%;height:42rem;min-height:42rem;padding:1.25rem}.argument-card .card-title{min-height:4rem;font-size:clamp(1.75rem,9vw,2.6rem)}.card-art{flex-basis:10rem;height:10rem}}
@media(max-width:760px){
  body:has(.reading-deck){overflow-x:hidden}
  body:has(.reading-deck) .reading-deck{width:calc(100% - 2rem);max-width:calc(100vw - 2rem);margin-left:auto;margin-right:auto}
  body:has(.reading-deck) .argument-card{width:100%;max-width:calc(100vw - 2rem);margin-left:auto;margin-right:auto;box-sizing:border-box}
}
/* Phones can report a wide CSS viewport when display scaling or desktop mode is active. */
@media(pointer:coarse) and (max-width:1100px){
  body:has(.reading-deck){overflow-x:hidden}
  header{height:3.5rem;padding:0 1rem}
  header nav{gap:.8rem;font-size:.7rem;white-space:nowrap}
  .wiki-shell{display:block;width:100%;max-width:none}
  body:has(.reading-deck) .sidebar{display:none}
  body:has(.reading-deck) .article{width:100%;max-width:none;padding:1rem 1rem 2rem;overflow:visible}
  body:has(.reading-deck) .article>h1{font-size:clamp(2rem,8vw,3.5rem);line-height:.95;margin:.5rem 0 1rem}
  body:has(.reading-deck) .article>.crumb{font-size:.58rem;white-space:nowrap;overflow:hidden}
  body:has(.reading-deck) .reading-deck{width:100%;max-width:none;margin:1rem auto 2rem}
  body:has(.reading-deck) .argument-card{width:100%;max-width:none;height:auto!important;min-height:0!important;padding:1rem;overflow:visible!important}
  body:has(.reading-deck) .argument-card .card-title{min-height:0;font-size:clamp(1.8rem,7vw,3rem);margin-bottom:.8rem}
  body:has(.reading-deck) .argument-card p{font-size:1rem;line-height:1.55}
  body:has(.reading-deck) .card-art-panel{flex:0 0 10rem;height:10rem;min-height:10rem}
  body:has(.reading-deck) .card-body{overflow:visible!important}
  body:has(.reading-deck) .deck-controls{position:relative;z-index:2;margin-top:1rem}
  .system-dock{right:.5rem;bottom:.5rem;max-width:calc(100vw - 1rem)}
}
.argument-card[data-layout="full-art"]{isolation:isolate;background:#050b0dcc}.argument-card[data-layout="full-art"] .card-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;border:0;margin:0;opacity:.48;filter:saturate(.9) contrast(1.15);object-fit:cover}.argument-card[data-layout="full-art"]:after{z-index:-1;background:linear-gradient(180deg,#050b0d88 0%,#050b0d22 38%,#050b0dcc 100%)}.argument-card[data-layout="full-art"] .card-body{background:linear-gradient(90deg,#050b0db8,#050b0d44 70%,transparent);padding:1rem}.argument-card[data-layout="full-art"] .card-title,.argument-card[data-layout="full-art"] .card-kicker,.argument-card[data-layout="full-art"] .card-share{position:relative;z-index:1}
.card-quote{position:relative;margin:.15rem 0 .75rem;padding:.45rem .7rem;border-left:2px solid var(--gold);background:#07131688;color:var(--paper);font-family:"Cormorant Garamond",serif}.card-quote p{margin:0 0 .18rem!important;font-size:1.05rem!important;line-height:1.12!important}.card-quote cite{color:var(--gold);font:600 .56rem/1.1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-style:normal}
.argument-card[data-layout="full-art"] > .card-quote{display:block;z-index:1;margin:1.5rem 0 1.25rem;padding:1.25rem 1.35rem;border-left:2px solid var(--ember);background:#071316b8;backdrop-filter:blur(5px)}
.card-art-panel{position:relative;flex:0 0 12rem;width:100%;height:12rem;margin:0 0 1rem}.card-art-panel .card-art{height:100%;margin:0}.card-art-panel .card-quote{position:absolute;right:.55rem;bottom:.55rem;width:min(72%,15rem);margin:0;padding:.35rem .55rem;background:#071316dd;backdrop-filter:blur(4px)}.card-art-panel .card-quote p{font-size:.88rem!important}.card-art-panel .card-quote cite{font-size:.5rem}.argument-card[data-layout="full-art"] .card-art-panel{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-1}.argument-card[data-layout="full-art"] .card-art-panel .card-art{position:absolute}.argument-card[data-layout="full-art"] .card-art-panel .card-quote{position:relative;right:auto;bottom:auto;width:auto;margin:0}.argument-card[data-layout="full-art"] .card-art-panel .card-quote{display:none}
.book-index .chapter-toc a{--card-ink:var(--paper);--card-line:var(--line);position:relative}.book-index .chapter-toc a:before{content:var(--card-number);position:absolute;right:1rem;top:1rem;color:var(--card-line);font:600 .7rem Inter,sans-serif;letter-spacing:.12em}.book-index .chapter-toc a[data-card-style="standard"]{background:linear-gradient(145deg,#0b1a1d,#071013 72%);border-color:#7dffd255}.book-index .chapter-toc a[data-card-style="full-art"]{background:radial-gradient(circle at 85% 12%,#9478ff55,transparent 32%),linear-gradient(145deg,#172648,#071013 78%);border-color:#8ce8ff99;box-shadow:0 18px 42px #0009,0 0 30px #8ce8ff1c}.book-index .chapter-toc a[data-card-style="holo"]{background:linear-gradient(125deg,#14282b,#211831 35%,#252018 56%,#101d2d 80%);border-color:#d4c8ff99;background-size:220% 220%;animation:holo-shift 8s ease-in-out infinite alternate}.book-index .chapter-toc a[data-card-style="dark"]{background:linear-gradient(145deg,#190c16,#0a0b12 70%);border-color:#ff4f6d77;color:#e8cbd0}.book-index .chapter-toc a[data-card-style="rare"]{background:linear-gradient(145deg,#322615,#101722 48%,#071013);border-color:#ffcf70aa;box-shadow:0 20px 48px #000a,0 0 28px #ffcf7020}.book-index .chapter-toc a[data-card-style="crown"]{background:linear-gradient(135deg,#0b2524,#21163d 45%,#3a2418);border-color:#ffe2a5;box-shadow:0 22px 55px #000b,0 0 38px #ffe2a533}.book-index .chapter-toc a[data-card-style="crown"] b{color:#ffe2a5;opacity:1;text-shadow:0 0 15px #ffe2a5}.book-index .chapter-toc a[data-card-style="full-art"] span,.book-index .chapter-toc a[data-card-style="holo"] span{color:#f0f9ff}.book-index .chapter-toc a[data-card-style="dark"] span{color:#f4dce1}@keyframes holo-shift{from{background-position:0% 20%}to{background-position:100% 80%}}@media(prefers-reduced-motion:reduce){.book-index .chapter-toc a[data-card-style="holo"]{animation:none}}
.book-index .chapter-toc a:nth-child(1){background:linear-gradient(145deg,#111c2d,#071013 70%);border-color:#8ce8ff55}.book-index .chapter-toc a:nth-child(2){background:linear-gradient(145deg,#1b152c,#071013 70%);border-color:#9478ff66}.book-index .chapter-toc a:nth-child(3){background:linear-gradient(145deg,#2a171d,#071013 70%);border-color:#ff4f6d66}.book-index .chapter-toc a:nth-child(4){background:linear-gradient(145deg,#182a24,#071013 70%);border-color:#7dffd266}.book-index .chapter-toc a:nth-child(5){background:linear-gradient(145deg,#292616,#071013 70%);border-color:#ffcf7066}.book-index .chapter-toc a:nth-child(6){background:linear-gradient(145deg,#10282d,#071013 70%);border-color:#8ce8ff66}.book-index .chapter-toc a:nth-child(7){background:linear-gradient(145deg,#24152b,#071013 70%);border-color:#c5b7ff66}.book-index .chapter-toc a:nth-child(8){background:linear-gradient(145deg,#2b181b,#071013 70%);border-color:#ff7a8166}.book-index .chapter-toc a:nth-child(9){background:linear-gradient(145deg,#15272a,#071013 70%);border-color:#7dffd266}.book-index .chapter-toc a:nth-child(10){background:linear-gradient(145deg,#1e2034,#071013 70%);border-color:#8ce8ff66}.book-index .chapter-toc a:nth-child(11){background:linear-gradient(145deg,#2b2115,#071013 70%);border-color:#ffcf7066}.book-index .chapter-toc a:nth-child(12){background:linear-gradient(145deg,#171f35,#071013 70%);border-color:#9478ff66}
.manuscript:focus-visible{outline:1px solid var(--gold);outline-offset:4px}

/* Reading cards must show all copy; the share control must never cover it. */
.argument-card{height:auto!important;min-height:48rem}
.card-body{overflow:visible!important;min-height:auto!important}
.argument-card{overflow:visible!important;padding-bottom:2.4rem}
@media(max-width:760px){.argument-card{height:auto!important;min-height:42rem}.card-body{overflow:visible!important}}

/* Desktop reading view: fit the complete reader inside a 1080p viewport. */
@media(min-width:761px){
  body:has(.reading-deck){overflow-x:hidden;overflow-y:auto}
  body:has(.reading-deck) .wiki-shell{min-height:calc(100vh - 4rem);height:auto;overflow:visible}
  body:has(.reading-deck) .sidebar{height:auto;min-height:calc(100vh - 4rem);padding-top:1.5rem;padding-bottom:1.5rem}
  body:has(.reading-deck) .article{height:auto;overflow:visible;padding-top:2rem;padding-bottom:4rem}
  body:has(.reading-deck) .article>.crumb{margin:0 0 .35rem}
  body:has(.reading-deck) .article>h1{margin:.25rem 0 .45rem;line-height:.9}
  body:has(.reading-deck) .article>.dek{margin:.35rem 0 .65rem;font-size:1rem;line-height:1.25}
  body:has(.reading-deck) .article>.mobile-index{margin:.25rem 0 .5rem}
  body:has(.reading-deck) .chapter-progress{margin:.9rem 0 1.2rem}
  body:has(.reading-deck) .reading-deck{max-width:42rem;margin:.2rem 0 0}
  body:has(.reading-deck) .argument-card{height:auto!important;min-height:0;padding:1rem 1.25rem}
  body:has(.reading-deck) .argument-card .card-title{min-height:3.5rem;font-size:clamp(1.6rem,2.6vw,2.5rem);margin-bottom:.7rem;padding-bottom:.7rem}
  body:has(.reading-deck) .argument-card .card-kicker{margin-bottom:.65rem;padding-bottom:.45rem;font-size:.58rem}
  body:has(.reading-deck) .card-art-panel{flex:1 1 auto;min-height:10rem;height:auto;margin-bottom:.8rem}
  body:has(.reading-deck) .card-art-panel .card-art{height:100%;min-height:10rem}
  body:has(.reading-deck) .card-body{overflow:visible!important}
  body:has(.reading-deck) .card-body p{font-size:.9rem;line-height:1.42;margin-bottom:.65rem}
  body:has(.reading-deck) .deck-controls{margin-top:.3rem}
  body:has(.reading-deck) .deck-controls button{padding:.55rem .7rem}
}

/* Reading cards must grow with their copy; navigation stays below the card. */
body:has(.reading-deck) .deck-stack{height:auto}
body:has(.reading-deck) .argument-card{height:auto!important;min-height:0;overflow:visible!important}
body:has(.reading-deck) .card-body{height:auto;overflow:visible!important}
body:has(.reading-deck) .deck-controls{position:static;clear:both}
.chapter-list{display:grid;gap:.35rem;margin-top:1.2rem;max-height:calc(100vh - 12rem);overflow-y:auto;padding-right:.35rem}.chapter-list a{display:block;padding:.35rem .25rem;color:var(--muted);font-size:.68rem;line-height:1.3;text-decoration:none}.chapter-list a:hover,.chapter-list a[aria-current="page"]{color:var(--gold)}.chapter-list a b{display:inline-block;width:1.7rem;color:var(--ember);font-size:.62rem}.deck-controls{margin-top:1.8rem!important}.argument-card .card-share{margin-bottom:.4rem}
.sidebar-widget{margin:1.7rem 0}.sidebar-widget>p{margin:0 0 .8rem;color:#74675d;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}.sidebar-widget a{display:block;margin:.72rem 0}.sidebar-widget a.active{color:var(--paper);font-weight:600}.argument-card{padding-bottom:3rem!important}.argument-card .card-share{position:relative;display:block;align-self:flex-start;margin-top:1.2rem;margin-bottom:1.2rem;z-index:3}.deck-controls{margin-top:2.5rem!important}
.argument-card[data-layout="full-art"] .card-share{margin-top:0;padding:.7rem .85rem;background:#071316e8;box-shadow:0 0 0 1px #7dffd247,0 8px 24px #0008}
.card-stage{display:none;width:min(100%,34rem);margin-inline:auto}.card-stage.active{display:block}.card-stage.active .argument-card{display:flex}.card-stage .card-share{display:block;margin:1rem 0 0 0;background:#071316e8;box-shadow:0 0 0 1px #7dffd247,0 8px 24px #0008}

/* Author */
.author-strip{display:grid;grid-template-columns:9rem 1fr;gap:2.5rem;align-items:center;margin:6rem 0;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.author-strip h2{font:500 clamp(2rem,4vw,3.5rem)/1 "Cormorant Garamond",serif;margin:.4rem 0 1rem}.author-strip p:not(.crumb){max-width:48rem;color:var(--muted)}.author-strip a{color:var(--gold);font-size:.82rem;border-bottom:1px solid var(--line)}.author-monogram{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #8ce8ff55;background:radial-gradient(circle,#7dffd21d,#071316 68%);box-shadow:0 0 38px #8ce8ff12}.author-monogram img{width:62%;filter:drop-shadow(0 0 16px #7dffd255)}.author-page{position:relative}.author-sigil{float:right;width:12rem;aspect-ratio:1;margin:0 0 2rem 3rem;display:grid;place-items:center;position:relative;border:1px solid #8ce8ff55;background:conic-gradient(from 210deg,#071316,#7dffd219,#9478ff22,#071316);box-shadow:0 24px 60px #0009}.author-sigil img{width:58%;filter:drop-shadow(0 0 18px #7dffd266)}.author-sigil span{position:absolute;right:.8rem;bottom:.7rem;color:var(--muted);font-size:.62rem;letter-spacing:.13em}.author-page blockquote{clear:both}@media(max-width:760px){.author-strip{grid-template-columns:1fr;gap:1.2rem}.author-monogram{width:6rem}.author-sigil{float:none;width:8rem;margin:1.5rem 0}}

/* TyteBit parent link */
.brand-cluster{display:flex;align-items:center;gap:.75rem;min-width:max-content}.tytebit-home{display:inline-flex;align-items:center;gap:.38rem;color:var(--paper);font:600 .62rem Inter,sans-serif;letter-spacing:.14em;text-decoration:none;white-space:nowrap}.tytebit-home img{display:block;width:1.45rem;height:1.45rem}.tytebit-home:hover{color:var(--gold)}@media(max-width:800px){.brand-cluster{gap:.5rem}.tytebit-home{gap:0}.tytebit-home span{display:none}.tytebit-home img{width:1.3rem;height:1.3rem}}