:root{
  --world-black:#050607;
  --deep:#0a0b0c;
  --panel:#0d0e10;
  --bronze:#b8894f;
  --bronze-soft:#7c5a35;
  --ivory:#eee7da;
  --muted:#aaa195;
  --red:#8e211e;
  --ember:#b36f2b;
  --line:rgba(184,137,79,.28);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--world-black)}
body{margin:0;background:var(--world-black);color:var(--ivory);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;padding:0 4vw;display:flex;align-items:center;gap:28px;background:linear-gradient(to bottom,rgba(4,5,6,.96),rgba(4,5,6,.72),transparent);backdrop-filter:blur(7px)}
.brand{display:flex;align-items:center;gap:12px;min-width:255px}.brand-mark{font-size:34px;color:var(--bronze)}.brand strong{display:block;letter-spacing:.12em;font-size:15px;color:#d5b07b}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#8f867c;margin-top:2px}
.desktop-nav{display:flex;justify-content:center;gap:24px;flex:1}.desktop-nav a{font-size:11px;letter-spacing:.16em;color:#c2b7a8;transition:.25s}.desktop-nav a:hover{color:var(--bronze)}
.header-actions{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em}.lang-btn,.menu-btn{border:0;background:transparent;color:#aaa;cursor:pointer}.lang-btn.active{color:#e0bd88}.menu-btn{display:none;font-size:22px}.mobile-menu{display:none}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;text-align:center;background:url('assets/hero_scene.jpg') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.18),rgba(0,0,0,.62) 58%,#050607 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,3,4,.15),rgba(2,3,4,.15) 55%,#050607 100%);z-index:1}.hero-content{position:relative;z-index:2;padding:120px 20px 80px}.seal-mini,.closing-seal{font-size:44px;color:var(--bronze);margin-bottom:12px}.eyebrow{letter-spacing:.26em;text-transform:uppercase;color:#b69a75;font-size:11px;margin:0 0 12px}.hero h1{font-weight:400;line-height:.88;letter-spacing:.08em;font-size:clamp(62px,9vw,136px);margin:0;color:#d4ad75;text-shadow:0 12px 60px #000}.hero-tag{letter-spacing:.28em;font-size:11px;color:#b5ab9e;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid var(--bronze-soft);background:transparent;color:#d7b27d;letter-spacing:.16em;font-size:11px;cursor:pointer;transition:.25s}.btn:hover{border-color:#d1a96f;background:rgba(184,137,79,.08);transform:translateY(-1px)}.btn.primary{background:rgba(5,6,7,.65);box-shadow:0 0 0 1px rgba(184,137,79,.08) inset}.btn.ghost{min-height:40px;padding:0 18px}.time-signature{position:absolute;z-index:3;bottom:28px;right:4vw;color:#b79668;letter-spacing:.22em;font-size:13px;opacity:.8}
.threshold-section,.section{max-width:var(--max);margin:auto;padding:110px 5vw}.section-kicker{text-align:center;color:#b39469;letter-spacing:.23em;font-size:12px;margin-bottom:55px}.threshold-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:34px;align-items:stretch}.threshold-grid h2,.section-head h2,.creator-copy h2{font-weight:400;font-size:clamp(30px,4vw,58px);letter-spacing:.08em;color:#d2aa73;margin:0 0 30px}.threshold-line{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a98558}.threshold-line:before,.threshold-line:after{content:"";width:1px;flex:1;background:linear-gradient(transparent,var(--bronze-soft),transparent)}.threshold-line span{font-size:28px;padding:12px 0}.threshold-line b{font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl;font-weight:400;padding:12px 0}.place-grid,.fiction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.mini-card,.fiction-grid figure{margin:0;border:1px solid var(--line);background:#090a0b;overflow:hidden}.mini-card strong,.mini-card span{display:block;padding:0 12px}.mini-card strong{font-size:11px;color:#cfaa78;letter-spacing:.08em;margin-top:10px}.mini-card span{font-size:10px;color:#8f887e;padding-bottom:14px}.placeholder{aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(145deg,#232220,#0b0b0c);color:#8b7253;letter-spacing:.25em;font-size:10px;position:relative;overflow:hidden}.placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(184,137,79,.18),transparent 34%)}.fiction-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.72) brightness(.72)}.fiction-grid figcaption{text-align:center;padding:12px 8px;color:#c9a16e;font-size:10px;letter-spacing:.12em}.reality-side,.fiction-side{padding:10px}
.myth-section{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.myth-card{min-height:620px;position:relative;overflow:hidden;border-right:1px solid var(--line);display:flex;align-items:flex-end}.myth-card:last-child{border-right:0}.myth-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.75);transition:1s transform}.myth-card:hover img{transform:scale(1.025)}.myth-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(4,5,6,.3),#050607 92%)}.myth-card div{position:relative;z-index:2;padding:34px}.myth-card h2{font-weight:400;color:#d7ad74;letter-spacing:.09em;font-size:34px;margin:0 0 10px}.myth-card p:last-child{color:#c5b9a8;font-size:14px;max-width:320px}.vampire-card:hover{box-shadow:inset 0 0 120px rgba(110,15,12,.12)}
.section-head{text-align:center;margin-bottom:52px}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-card{border:1px solid var(--line);background:#090a0b;overflow:hidden}.character-card img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:brightness(.82) saturate(.78);transition:.4s}.character-card:hover img{filter:brightness(.95) saturate(.88);transform:scale(1.015)}.character-card div{padding:16px}.character-card h3{margin:0;color:#d1aa74;font-weight:400;letter-spacing:.12em}.character-card p{margin:4px 0 0;color:#8e867b;font-size:10px;letter-spacing:.16em}.production-note{text-align:center;color:#7f776d;font-size:12px;margin-top:24px}
.books-section{border-top:1px solid var(--line)}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.book-card{text-align:center}.book-cover{aspect-ratio:2/3;border:1px solid #725433;background:linear-gradient(160deg,#17191d,#080809 65%),radial-gradient(circle at 50% 20%,#78552d,transparent);display:grid;place-items:center;color:#c9a16e;letter-spacing:.2em;box-shadow:0 24px 80px rgba(0,0,0,.45);margin-bottom:18px;position:relative;overflow:hidden}.book-cover:after{content:"VAMPIRE OF BAHRAIN";position:absolute;top:10%;left:10%;right:10%;font-size:13px;letter-spacing:.12em;color:#d2ae7c}.book-cover.gate{background:linear-gradient(rgba(5,6,7,.4),rgba(5,6,7,.8)),url('assets/ritual_seal.jpg') center/cover}.book-cover.heartbeat-cover{background:linear-gradient(rgba(5,6,7,.25),rgba(5,6,7,.8)),url('assets/heartbeat.jpg') center/cover}.book-cover.echo{background:linear-gradient(160deg,#101216,#060607)}.book-card h3{font-size:14px;font-weight:400;letter-spacing:.08em;color:#c6a172;min-height:52px}.status{display:inline-block;color:#8a8176;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.archive-section{background:#070809;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:18px}.record-card,.artifact-card,.archive-seal{border:1px solid var(--line);background:#0a0b0d;padding:28px}.record-id{font-size:10px;letter-spacing:.16em;color:#a38156}.record-card h3,.artifact-card h3{font-weight:400;letter-spacing:.08em;color:#d0aa76}.record-card dl{display:grid;grid-template-columns:110px 1fr;font-size:11px;color:#9b9288}.record-card dt{color:#725e47}.artifact-card{padding:0;overflow:hidden}.artifact-card img{width:100%;height:300px;object-fit:cover;filter:brightness(.72)}.artifact-card div{padding:22px}.archive-seal{display:grid;place-items:center;text-align:center}.archive-seal img{width:100%;max-width:280px;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:brightness(.65) saturate(.7)}.archive-seal p{font-style:italic;color:#ad9d88}
.media-section{display:grid;grid-template-columns:1.7fr .8fr;gap:24px}.watch-card,.mag-card{border:1px solid var(--line);background:#090a0b;padding:24px}.watch-card{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.video-still{position:relative}.video-still img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.55)}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:#e1c49c}.watch-card h2{font-weight:400;color:#d1aa75;letter-spacing:.08em}.mag-card{text-align:center}.mag-cover{aspect-ratio:2/3;max-width:240px;margin:0 auto 18px;border:1px solid #6e4e30;display:grid;place-items:center;background:linear-gradient(160deg,#151515,#060606);color:#caa36e;letter-spacing:.12em}
.creator-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-top:1px solid var(--line)}.creator-image-wrap{position:relative;max-width:460px;justify-self:center}.creator-image-wrap:before{content:"";position:absolute;inset:-12px;border:1px solid var(--line)}.creator-image-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover;position:relative;z-index:1;filter:contrast(1.02)}.creator-copy p{max-width:650px;color:#b1a79a}.closing{padding:90px 20px;text-align:center;border-top:1px solid var(--line)}.closing-time{display:block;font-size:clamp(52px,8vw,116px);font-weight:400;letter-spacing:.14em;color:#b98b52;text-shadow:0 0 30px rgba(184,137,79,.22)}.closing p{letter-spacing:.28em;color:#98866d;font-size:11px}.site-footer{border-top:1px solid var(--line);padding:34px 4vw 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:#8f867b;font-size:10px}.site-footer strong{display:block;color:#ba9565;letter-spacing:.12em}.site-footer small{display:block;letter-spacing:.14em}.footer-links{display:flex;gap:18px}.footer-meta{justify-self:end;display:flex;gap:14px}
.reveal{animation:fadeUp .9s both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html[dir="rtl"] body{font-family:"Times New Roman",Tahoma,serif}.rtl .desktop-nav{direction:rtl}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:block}.threshold-grid{grid-template-columns:1fr}.threshold-line{height:84px;flex-direction:row}.threshold-line:before,.threshold-line:after{height:1px;width:auto;flex:1;background:linear-gradient(90deg,transparent,var(--bronze-soft),transparent)}.threshold-line b{writing-mode:horizontal-tb}.myth-section{grid-template-columns:1fr}.myth-card{min-height:520px;border-right:0;border-bottom:1px solid var(--line)}.character-grid,.book-grid{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:1fr 1fr}.archive-seal{grid-column:1/-1}.media-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.footer-meta{justify-self:center}.footer-links{justify-content:center}.mobile-menu{position:fixed;inset:0;z-index:100;background:rgba(4,5,6,.98);padding:90px 8vw;flex-direction:column;align-items:center;justify-content:center}.mobile-menu.open{display:flex}.mobile-menu nav{display:flex;flex-direction:column;gap:18px;text-align:center}.mobile-menu a{font-size:22px;color:#d0aa75;letter-spacing:.14em}.close-menu{position:absolute;right:24px;top:18px;border:0;background:transparent;color:#ddd;font-size:38px}.menu-seal{margin-top:44px;color:#a27e50;font-size:36px}}
@media(max-width:720px){.site-header{height:66px;padding:0 18px}.brand{min-width:0}.brand strong{font-size:12px}.brand small{display:none}.header-actions span{display:none}.hero-content{padding-top:105px}.hero h1{font-size:58px}.time-signature{right:18px}.threshold-section,.section{padding:78px 18px}.place-grid,.fiction-grid{grid-template-columns:1fr;gap:12px}.myth-card{min-height:560px}.character-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px}.character-card{min-width:82vw;scroll-snap-align:center}.book-grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory}.book-card{min-width:70vw;scroll-snap-align:center}.archive-grid{grid-template-columns:1fr}.archive-seal{grid-column:auto}.watch-card{grid-template-columns:1fr}.creator-section{grid-template-columns:1fr;gap:30px}.creator-image-wrap{max-width:310px}.site-footer{padding-inline:18px}.footer-meta{flex-direction:column;gap:2px}}

/* v1.2 — Threshold / Reality-Fiction refinement */
.threshold-section{
  position:relative;
  padding-top:120px;
  padding-bottom:130px;
  isolation:isolate;
}
.threshold-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 50% 42%,rgba(184,137,79,.08),transparent 25%),
    linear-gradient(90deg,rgba(255,255,255,.015),transparent 42%,rgba(184,137,79,.02) 58%,transparent);
}
.threshold-intro{
  max-width:860px;
  margin:0 auto 68px;
  text-align:center;
}
.threshold-intro .section-kicker{margin-bottom:14px}
.threshold-title{
  font-weight:400;
  font-size:clamp(34px,4.6vw,68px);
  line-height:1.02;
  letter-spacing:.07em;
  color:#dfc49f;
  margin:0;
}
.threshold-title span{color:#9c7446}
.threshold-copy{
  max-width:650px;
  margin:22px auto 0;
  color:#948a7f;
  font-size:13px;
  letter-spacing:.05em;
}
.world-side-head{min-height:150px}
.world-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  margin-bottom:18px;
  border:1px solid rgba(184,137,79,.25);
  font-size:9px;
  letter-spacing:.17em;
}
.reality-chip{color:#d8d1c7;border-color:rgba(232,226,217,.18)}
.fiction-chip{color:#bd9460}
.real-card{
  background:linear-gradient(180deg,#0d0f10,#08090a);
  transition:.3s border-color,.3s transform;
}
.real-card:hover{border-color:rgba(230,221,207,.33);transform:translateY(-2px)}
.photo-slot{
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    radial-gradient(circle at 50% 45%,rgba(233,224,210,.07),transparent 45%),
    #0a0b0c;
  color:#888076;
}
.photo-slot:before{
  background:
    linear-gradient(135deg,transparent 49.7%,rgba(221,211,198,.09) 50%,transparent 50.3%),
    linear-gradient(45deg,transparent 49.7%,rgba(221,211,198,.06) 50%,transparent 50.3%);
}
.photo-slot span{
  position:relative;
  z-index:1;
  font-size:8px;
  letter-spacing:.18em;
  color:#7f776e;
}
.photo-slot small{
  position:absolute;
  left:10px;
  right:10px;
  bottom:12px;
  z-index:1;
  font-size:8px;
  letter-spacing:.13em;
  color:#b4aa9d;
}
.reality-note{
  margin:0 0 22px;
  max-width:520px;
  color:#716b64;
  font-size:10px;
  letter-spacing:.05em;
}
.threshold-line{
  position:relative;
}
.threshold-line .threshold-glow{
  text-shadow:0 0 26px rgba(184,137,79,.75);
}
.threshold-line i{
  font-style:normal;
  font-size:7px;
  letter-spacing:.18em;
  color:#675642;
  writing-mode:vertical-rl;
}
.fiction-grid figure{
  position:relative;
  min-height:300px;
  transition:.35s transform,.35s border-color;
}
.fiction-grid figure:hover{
  transform:translateY(-3px);
  border-color:rgba(184,137,79,.5);
}
.fiction-grid img{
  height:100%;
  min-height:300px;
  aspect-ratio:auto;
  transition:.5s filter,.7s transform;
}
.fiction-grid figure:hover img{
  filter:saturate(.82) brightness(.82);
  transform:scale(1.025);
}
.fiction-grid figcaption{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:38px 12px 14px;
  background:linear-gradient(transparent,rgba(4,5,6,.96));
  text-align:left;
}
.fiction-grid figcaption span,
.fiction-grid figcaption b{display:block}
.fiction-grid figcaption span{
  color:#75624d;
  font-size:7px;
  letter-spacing:.18em;
  margin-bottom:3px;
}
.fiction-grid figcaption b{
  color:#d2ad79;
  font-weight:400;
  font-size:10px;
  letter-spacing:.11em;
}
.threshold-cta{margin-top:4px}
@media(max-width:1100px){
  .world-side-head{min-height:0}
  .threshold-line i{writing-mode:horizontal-tb;margin-left:14px}
}
@media(max-width:720px){
  .threshold-intro{margin-bottom:48px}
  .threshold-title{font-size:36px}
  .threshold-copy{font-size:12px}
  .fiction-grid figure,.fiction-grid img{min-height:440px}
  .reality-note{font-size:9px}
}


/* v1.3 — Last Heartbeat → Collector → Entity cinematic reveal */
.reveal-sequence{
  background:#030405;
  position:relative;
  overflow:hidden;
}
.reveal-panel{
  min-height:92vh;
  position:relative;
  display:flex;
  align-items:center;
  isolation:isolate;
  border-top:1px solid rgba(184,137,79,.08);
}
.reveal-media{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
}
.reveal-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) brightness(.5);
  transform:scale(1.015);
}
.reveal-vignette{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,3,4,.97) 4%,rgba(2,3,4,.72) 34%,rgba(2,3,4,.26) 62%,rgba(2,3,4,.88) 100%),
    linear-gradient(0deg,rgba(2,3,4,.96),transparent 30%,transparent 70%,rgba(2,3,4,.75));
}
.reveal-content{
  width:min(1180px,calc(100% - 80px));
  margin:0 auto;
  padding:100px 0;
}
.reveal-index{
  color:#9c7446;
  font-size:9px;
  letter-spacing:.28em;
  margin-bottom:22px;
}
.reveal-content h2{
  margin:0 0 28px;
  color:#d7b47f;
  font-weight:400;
  font-size:clamp(52px,7vw,104px);
  line-height:.88;
  letter-spacing:.045em;
}
.reveal-content h2 em{
  color:#8d6a43;
  font-style:normal;
}
.reveal-line{
  max-width:520px;
  color:#92887c;
  font-size:14px;
  line-height:1.9;
  letter-spacing:.035em;
}
.reveal-line strong{color:#c7aa82;font-weight:400}
.archive-tag,.restricted-tag{
  display:inline-block;
  margin-top:26px;
  padding:9px 11px;
  border:1px solid rgba(184,137,79,.22);
  color:#7f674b;
  font-size:8px;
  letter-spacing:.2em;
}
.heartbeat-reveal .reveal-media img{
  object-position:center;
  filter:saturate(.76) brightness(.46);
}
.collector-reveal .reveal-media img{
  object-position:center 30%;
  filter:saturate(.6) brightness(.42) contrast(1.08);
}
.collector-reveal .reveal-vignette{
  background:
    linear-gradient(270deg,rgba(2,3,4,.96) 3%,rgba(2,3,4,.68) 35%,rgba(2,3,4,.18) 59%,rgba(2,3,4,.88) 100%),
    linear-gradient(0deg,rgba(2,3,4,.96),transparent 36%,rgba(2,3,4,.45));
}
.reveal-right{
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
.collector-designation{
  margin:-8px 0 22px;
  color:#b58a55;
  font-size:12px;
  line-height:1.65;
  letter-spacing:.2em;
}
.collector-eye-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.2;
  background:radial-gradient(circle at 53% 37%,rgba(136,16,12,.34),transparent 5%);
  animation:collectorPulse 7s ease-in-out infinite;
}
@keyframes collectorPulse{
  0%,78%,100%{opacity:.06}
  84%{opacity:.35}
  90%{opacity:.09}
}
.entity-reveal{min-height:100vh}
.entity-media img{
  object-position:center 25%;
  filter:saturate(.62) brightness(.52) contrast(1.10);
}
.entity-mask{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 58% 40%,transparent 0 13%,rgba(2,3,4,.2) 23%,rgba(2,3,4,.92) 57%),
    linear-gradient(90deg,rgba(2,3,4,.96) 0 27%,transparent 52%,rgba(2,3,4,.9) 100%);
}
.entity-copy{padding-left:2vw}
.restricted-tag{color:#8f7658;border-color:rgba(184,137,79,.16)}
.reveal-outro{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid rgba(184,137,79,.08);
  border-bottom:1px solid rgba(184,137,79,.08);
}
.reveal-outro span{
  color:#b1844d;
  font-size:30px;
  margin-bottom:22px;
}
.reveal-outro p{
  margin:0 0 8px;
  color:#6e6255;
  font-size:8px;
  letter-spacing:.32em;
}
.reveal-outro h3{
  margin:0;
  color:#b89467;
  font-weight:400;
  font-size:clamp(22px,3vw,40px);
  letter-spacing:.13em;
}
@media(max-width:760px){
  .reveal-panel{min-height:82vh;align-items:flex-end}
  .reveal-content{
    width:calc(100% - 40px);
    padding:80px 0 68px;
  }
  .reveal-content h2{font-size:50px}
  .reveal-vignette,
  .collector-reveal .reveal-vignette{
    background:linear-gradient(0deg,rgba(2,3,4,.98) 4%,rgba(2,3,4,.72) 48%,rgba(2,3,4,.18) 75%,rgba(2,3,4,.72));
  }
  .reveal-right{text-align:left;align-items:flex-start}
  .collector-reveal .reveal-media img{object-position:center top}
  .entity-media img{object-position:center top}
  .entity-mask{
    background:linear-gradient(0deg,rgba(2,3,4,.98) 0 30%,rgba(2,3,4,.25) 64%,rgba(2,3,4,.74) 100%);
  }
  .reveal-outro{min-height:280px;padding:40px 22px}
}
@media(prefers-reduced-motion:reduce){
  .collector-eye-glow{animation:none;opacity:.08}
}


/* v1.4 — Approved Human Character Masters */
.people-section{
  background:
    linear-gradient(180deg,#050607 0%,#090a0b 52%,#050607 100%);
  padding:120px 42px 130px;
  border-top:1px solid rgba(184,137,79,.09);
  border-bottom:1px solid rgba(184,137,79,.09);
}
.people-head{
  max-width:1320px;
  margin:0 auto 52px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}
.people-head h2{
  margin:6px 0 0;
  color:#d8b47e;
  font-weight:400;
  font-size:clamp(42px,5vw,72px);
  line-height:1;
  letter-spacing:.08em;
}
.people-intro{
  max-width:510px;
  margin:0 0 6px;
  color:#7f776d;
  line-height:1.8;
  font-size:12px;
  letter-spacing:.04em;
}
.people-grid{
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(184,137,79,.18);
  border:1px solid rgba(184,137,79,.18);
}
.person-card{
  position:relative;
  background:#08090a;
  min-width:0;
}
.person-visual{
  position:relative;
  height:520px;
  overflow:hidden;
  background:#030405;
}
.person-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,#08090a 0%,transparent 34%),
    linear-gradient(90deg,rgba(0,0,0,.2),transparent 35%,rgba(0,0,0,.12));
  pointer-events:none;
}
.person-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.72) contrast(1.03) brightness(.76);
  transition:.65s transform,.65s filter;
}
.person-card:hover .person-visual img{
  transform:scale(1.018);
  filter:saturate(.82) contrast(1.04) brightness(.84);
}
.person-copy{
  min-height:330px;
  padding:27px 26px 32px;
}
.person-id{
  display:block;
  color:#625648;
  font-size:7px;
  letter-spacing:.17em;
  margin-bottom:14px;
}
.person-copy h3{
  margin:0;
  color:#d6b17a;
  font-size:30px;
  line-height:1;
  font-weight:400;
  letter-spacing:.08em;
}
.person-role{
  margin:8px 0 18px;
  color:#a98557;
  font-size:9px;
  letter-spacing:.2em;
}
.person-description{
  min-height:84px;
  color:#8f877d;
  font-size:11px;
  line-height:1.7;
}
.person-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:20px;
}
.person-tags span{
  border:1px solid rgba(184,137,79,.17);
  padding:6px 7px;
  color:#76624a;
  font-size:7px;
  letter-spacing:.12em;
}
.continuity-note{
  margin:18px 0 0;
  padding-top:15px;
  border-top:1px solid rgba(184,137,79,.09);
  color:#635d55;
  font-size:8px;
  line-height:1.65;
  letter-spacing:.035em;
}
.rashid-alt{
  position:absolute;
  inset:0;
  opacity:0;
  transition:1s opacity !important;
}
.rashid-switch:hover .rashid-main{opacity:.1}
.rashid-switch:hover .rashid-alt{opacity:1}
.wardrobe-note,.thamer-blue-mark{
  position:absolute;
  z-index:2;
  left:16px;
  bottom:18px;
  padding:7px 8px;
  color:#aa8659;
  background:rgba(4,5,6,.78);
  border:1px solid rgba(184,137,79,.18);
  font-size:7px;
  letter-spacing:.16em;
}
.thamer-blue-mark{
  color:#8292a1;
  border-color:rgba(75,103,132,.28);
}
.thamer-person .person-visual{
  box-shadow:inset 0 0 90px rgba(18,38,58,.1);
}
.people-lock-note{
  max-width:1440px;
  margin:20px auto 0;
  display:flex;
  align-items:center;
  gap:12px;
  color:#645b51;
  font-size:9px;
  line-height:1.65;
}
.people-lock-note span{font-size:13px}
.people-lock-note strong{
  color:#897050;
  font-weight:400;
  letter-spacing:.1em;
}
@media(max-width:1100px){
  .people-grid{grid-template-columns:repeat(2,1fr)}
  .people-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  .people-section{padding:84px 18px 90px}
  .people-grid{grid-template-columns:1fr;gap:18px;background:transparent;border:0}
  .person-card{border:1px solid rgba(184,137,79,.16)}
  .person-visual{height:66vh;min-height:480px}
  .person-copy{min-height:0}
  .person-description{min-height:0}
  .rashid-alt{display:none}
  .wardrobe-note{display:none}
}
@media(prefers-reduced-motion:reduce){
  .person-visual img,.rashid-alt{transition:none !important}
}


/* v1.5 — Books / Series Library */
.library-section{
  position:relative;
  padding:130px 42px 140px;
  background:
    radial-gradient(circle at 50% 0%,rgba(177,128,71,.06),transparent 28%),
    linear-gradient(180deg,#050607,#090a0b 45%,#050607);
  border-top:1px solid rgba(184,137,79,.09);
  overflow:hidden;
}
.library-head{
  max-width:820px;
  margin:0 auto 48px;
  text-align:center;
}
.library-head h2{
  margin:8px 0 15px;
  color:#d8b47e;
  font-weight:400;
  font-size:clamp(48px,6vw,82px);
  line-height:1;
  letter-spacing:.1em;
}
.library-head>p:last-child{
  color:#7c7369;
  font-size:12px;
  letter-spacing:.04em;
}
.series-spine{
  max-width:980px;
  margin:0 auto 60px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#75624b;
  font-size:7px;
  letter-spacing:.18em;
}
.series-spine i{
  width:90px;
  height:1px;
  background:linear-gradient(90deg,rgba(184,137,79,.12),rgba(184,137,79,.45),rgba(184,137,79,.12));
}
.book-showcase{
  max-width:1420px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.book-entry{
  position:relative;
  min-width:0;
  padding:18px 18px 26px;
  border:1px solid rgba(184,137,79,.15);
  background:linear-gradient(180deg,rgba(13,14,15,.96),rgba(6,7,8,.98));
  transition:.35s transform,.35s border-color;
}
.book-entry:hover{
  transform:translateY(-5px);
  border-color:rgba(184,137,79,.42);
}
.book-number{
  position:absolute;
  top:8px;
  right:13px;
  z-index:4;
  color:rgba(184,137,79,.2);
  font-size:48px;
  font-weight:300;
  letter-spacing:-.04em;
}
.book-cover{
  position:relative;
  width:min(100%,270px);
  aspect-ratio:2/3;
  margin:20px auto 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(184,137,79,.28);
  box-shadow:0 22px 55px rgba(0,0,0,.38);
  text-align:center;
  isolation:isolate;
}
.book-cover:after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(184,137,79,.12);
  pointer-events:none;
}
.book-cover span,.book-cover strong,.book-cover small{
  position:relative;
  z-index:2;
}
.book-cover span{
  color:#7b674f;
  font-size:7px;
  letter-spacing:.2em;
}
.book-cover strong{
  max-width:80%;
  margin:14px 0;
  color:#c8a16e;
  font-size:20px;
  line-height:1.18;
  font-weight:400;
  letter-spacing:.09em;
}
.book-cover small{
  color:#665645;
  font-size:7px;
  letter-spacing:.22em;
}
.book-cover-placeholder{
  background:
    radial-gradient(circle at 50% 36%,rgba(172,126,72,.12),transparent 18%),
    linear-gradient(145deg,#15110d,#050607 64%);
}
.gate-cover{
  background:
    linear-gradient(90deg,transparent 48%,rgba(175,126,67,.12) 50%,transparent 52%),
    radial-gradient(ellipse at 50% 43%,rgba(169,118,62,.18),transparent 23%),
    #050607;
}
.gate-cover:before{
  content:"◇";
  position:absolute;
  z-index:1;
  top:23%;
  color:rgba(197,147,85,.34);
  font-size:74px;
  text-shadow:0 0 40px rgba(161,107,49,.18);
}
.heartbeat-cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.47) saturate(.66);
}
.book-cover-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(0deg,rgba(3,4,5,.92),transparent 55%,rgba(3,4,5,.45));
}
.heartbeat-cover{
  justify-content:flex-end;
  padding-bottom:44px;
}
.heartbeat-cover strong{font-size:17px}
.echo-cover{
  background:
    repeating-radial-gradient(circle at 50% 43%,transparent 0 17px,rgba(164,116,64,.055) 18px 19px,transparent 20px 35px),
    #050607;
}
.future-book{opacity:.86}
.book-info{padding:0 5px}
.book-state{
  margin:0 0 9px;
  color:#725e47;
  font-size:7px;
  letter-spacing:.19em;
}
.book-info h3{
  margin:0 0 14px;
  color:#d1ad78;
  font-weight:400;
  font-size:21px;
  line-height:1.15;
  letter-spacing:.055em;
}
.book-hook{
  min-height:76px;
  color:#827a70;
  font-size:10px;
  line-height:1.7;
}
.book-meta{
  min-height:52px;
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:5px;
  margin:18px 0;
}
.book-meta span{
  padding:5px 6px;
  border:1px solid rgba(184,137,79,.13);
  color:#6e5d49;
  font-size:6px;
  letter-spacing:.12em;
}
.book-info .btn{
  font-size:7px;
  padding:10px 12px;
}
.coming-label{
  display:inline-block;
  margin-top:8px;
  color:#625548;
  font-size:7px;
  letter-spacing:.17em;
}
.library-rule{
  max-width:1420px;
  margin:48px auto 0;
  padding-top:26px;
  border-top:1px solid rgba(184,137,79,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:left;
}
.library-rule>span{
  color:#a87d49;
  font-size:28px;
}
.library-rule p{
  margin:0 0 4px;
  color:#685b4d;
  font-size:7px;
  letter-spacing:.22em;
}
.library-rule strong{
  color:#9c7a53;
  font-size:10px;
  font-weight:400;
  letter-spacing:.12em;
}
@media(max-width:1100px){
  .book-showcase{grid-template-columns:repeat(2,1fr);max-width:800px}
}
@media(max-width:680px){
  .library-section{padding:90px 18px 100px}
  .series-spine{overflow:hidden;gap:7px}
  .series-spine i{width:24px}
  .book-showcase{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:14px;
    padding:0 8vw 18px 0;
  }
  .book-entry{
    min-width:86vw;
    scroll-snap-align:start;
  }
  .book-cover{width:68vw;max-width:300px}
  .book-hook{min-height:0}
  .library-rule{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .book-entry{transition:none}
}


/* v1.6 — Archive / Records / Artifact / 02:14 */
.archive-section{
  padding:125px 42px 135px;
  background:
    linear-gradient(rgba(173,128,75,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,128,75,.018) 1px,transparent 1px),
    #040506;
  background-size:36px 36px;
  border-top:1px solid rgba(184,137,79,.1);
  border-bottom:1px solid rgba(184,137,79,.1);
}
.archive-shell{max-width:1420px;margin:0 auto}
.archive-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:45px;
}
.archive-head h2{
  margin:7px 0 0;
  color:#caa571;
  font-size:clamp(43px,5.7vw,80px);
  line-height:.92;
  font-weight:400;
  letter-spacing:.055em;
}
.archive-head h2 em{font-style:normal;color:#7e6243}
.archive-clock{
  min-width:240px;
  padding:18px 20px;
  border-left:1px solid rgba(184,137,79,.28);
  text-align:right;
}
.archive-clock span,.archive-clock small{
  display:block;
  color:#655746;
  font-size:7px;
  letter-spacing:.2em;
}
.archive-clock strong{
  display:block;
  margin:3px 0;
  color:#b58a55;
  font-size:48px;
  font-weight:300;
  letter-spacing:.08em;
}
.archive-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:14px 0;
  margin-bottom:26px;
  border-top:1px solid rgba(184,137,79,.12);
  border-bottom:1px solid rgba(184,137,79,.12);
}
.archive-filters span{
  padding:7px 9px;
  color:#63584c;
  font-size:7px;
  letter-spacing:.16em;
  border:1px solid transparent;
}
.archive-filters .active{
  color:#b18a5a;
  border-color:rgba(184,137,79,.22);
}
.archive-layout{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(320px,.72fr);
  gap:22px;
}
.record-stack{display:grid;gap:14px}
.record-card{
  position:relative;
  padding:24px 26px 25px;
  border:1px solid rgba(184,137,79,.14);
  background:rgba(7,8,9,.93);
}
.primary-record{
  background:
    linear-gradient(90deg,rgba(161,111,56,.045),transparent 44%),
    rgba(7,8,9,.95);
  border-color:rgba(184,137,79,.27);
}
.record-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#71604d;
  font-size:7px;
  letter-spacing:.18em;
}
.record-top b{
  color:#796349;
  font-weight:400;
}
.record-type{
  margin:28px 0 7px;
  color:#625447;
  font-size:7px;
  letter-spacing:.2em;
}
.record-card h3{
  margin:0 0 23px;
  color:#cba56f;
  font-weight:400;
  font-size:27px;
  letter-spacing:.07em;
}
.record-data{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:rgba(184,137,79,.08);
  border:1px solid rgba(184,137,79,.08);
}
.record-data p{
  margin:0;
  padding:11px 12px;
  background:#070809;
}
.record-data span,.record-data strong{display:block}
.record-data span{
  color:#5e554c;
  font-size:6px;
  letter-spacing:.16em;
  margin-bottom:3px;
}
.record-data strong{
  color:#93806a;
  font-size:8px;
  font-weight:400;
  letter-spacing:.08em;
}
.record-excerpt{
  max-width:720px;
  margin:19px 0;
  color:#7b736a;
  font-size:10px;
  line-height:1.75;
}
.record-action,.restricted-button{
  border:0;
  background:transparent;
  padding:0;
  color:#9a774e;
  font-size:7px;
  letter-spacing:.18em;
}
.redacted-lines{margin:18px 0 23px}
.redacted-lines i{
  display:block;
  width:78%;
  height:8px;
  margin:7px 0;
  background:#181818;
}
.redacted-lines i.short{width:44%}
.restricted-record{opacity:.83}
.restricted-button{
  display:inline-block;
  margin-top:18px;
  color:#66594a;
}
.artifact-file{
  align-self:start;
  position:sticky;
  top:88px;
  padding:22px;
  border:1px solid rgba(184,137,79,.2);
  background:linear-gradient(180deg,#0b0c0d,#060708);
}
.artifact-file-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:16px;
  color:#705d48;
  font-size:7px;
  letter-spacing:.18em;
}
.artifact-file-head strong{
  color:#b78d59;
  font-size:23px;
  font-weight:300;
}
.artifact-viewer{
  position:relative;
  height:440px;
  overflow:hidden;
  border:1px solid rgba(184,137,79,.13);
  background:#030405;
}
.artifact-viewer img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.65) brightness(.75) contrast(1.05);
}
.artifact-viewer:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 80px rgba(0,0,0,.65);
  pointer-events:none;
}
.fiction-label{
  position:absolute;
  z-index:2;
  left:10px;bottom:10px;
  padding:6px 7px;
  border:1px solid rgba(184,137,79,.18);
  background:rgba(3,4,5,.78);
  color:#8b704f;
  font-size:6px;
  letter-spacing:.15em;
}
.artifact-file h3{
  margin:21px 0 5px;
  color:#c59d69;
  font-size:25px;
  font-weight:400;
  letter-spacing:.08em;
}
.artifact-sub{
  margin:0 0 20px;
  color:#62594f;
  font-size:8px;
  letter-spacing:.07em;
}
.artifact-meta{margin:0}
.artifact-meta div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:9px 0;
  border-top:1px solid rgba(184,137,79,.08);
}
.artifact-meta dt{
  color:#5e5448;
  font-size:6px;
  letter-spacing:.15em;
}
.artifact-meta dd{
  margin:0;
  color:#88735b;
  font-size:7px;
  text-align:right;
  letter-spacing:.07em;
}
.artifact-controls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:18px;
}
.artifact-controls button{
  padding:9px;
  border:1px solid rgba(184,137,79,.15);
  background:#08090a;
  color:#756047;
  font-size:7px;
  letter-spacing:.15em;
}
.archive-disclaimer{
  margin:17px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(184,137,79,.08);
  color:#5d5750;
  font-size:7px;
  line-height:1.6;
}
.archive-network{
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#6b5945;
  font-size:6px;
  letter-spacing:.14em;
}
.archive-network i{
  width:50px;
  height:1px;
  background:rgba(184,137,79,.2);
}
@media(max-width:900px){
  .archive-head{align-items:flex-start;flex-direction:column}
  .archive-clock{text-align:left}
  .archive-layout{grid-template-columns:1fr}
  .artifact-file{position:relative;top:auto}
  .artifact-viewer{height:520px}
}
@media(max-width:600px){
  .archive-section{padding:88px 18px 96px;background-size:24px 24px}
  .archive-head h2{font-size:45px}
  .archive-clock strong{font-size:42px}
  .record-data{grid-template-columns:1fr}
  .artifact-viewer{height:62vh;min-height:430px}
  .archive-network{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}
  .archive-network i{min-width:28px}
}


/* v1.7 — Watch / Magazine / Creator */
.media-section-v2{
  padding:125px 42px 135px;
  background:
    radial-gradient(circle at 20% 30%,rgba(127,35,26,.04),transparent 22%),
    linear-gradient(180deg,#050607,#090a0b);
  border-top:1px solid rgba(184,137,79,.09);
}
.watch-panel,
.magazine-panel{
  max-width:1420px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  border:1px solid rgba(184,137,79,.15);
  background:#070809;
}
.watch-visual{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#030405;
}
.watch-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.5) saturate(.64) contrast(1.05);
}
.watch-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 55%,rgba(4,5,6,.82)),
    linear-gradient(0deg,rgba(4,5,6,.88),transparent 45%,rgba(4,5,6,.18));
}
.cinema-play{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:76px;
  height:76px;
  border-radius:50%;
  border:1px solid rgba(196,147,88,.55);
  background:rgba(5,6,7,.64);
  color:#c39a67;
  font-size:21px;
  padding-left:5px;
  backdrop-filter:blur(4px);
}
.watch-type{
  position:absolute;
  left:22px;
  bottom:20px;
  color:#856a4b;
  font-size:7px;
  letter-spacing:.19em;
}
.watch-copy{
  padding:70px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.watch-copy h2{
  margin:8px 0 22px;
  color:#d2ab76;
  font-size:clamp(44px,5vw,72px);
  line-height:.95;
  font-weight:400;
  letter-spacing:.055em;
}
.watch-copy>p{
  color:#81796f;
  line-height:1.8;
  font-size:11px;
}
.watch-meta{
  display:grid;
  gap:8px;
  margin:22px 0 28px;
}
.watch-meta span{
  padding-top:8px;
  border-top:1px solid rgba(184,137,79,.1);
  color:#655848;
  font-size:7px;
  letter-spacing:.16em;
}
.magazine-panel{
  margin-top:28px;
  grid-template-columns:1fr .72fr;
  min-height:470px;
}
.magazine-copy{
  padding:60px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.magazine-copy h2{
  margin:8px 0 20px;
  color:#cfa873;
  font-size:clamp(38px,4.5vw,64px);
  font-weight:400;
  line-height:.98;
  letter-spacing:.045em;
}
.magazine-copy h2 em{
  font-style:normal;
  color:#8f714d;
}
.magazine-copy>p{
  max-width:620px;
  color:#7b7369;
  font-size:11px;
  line-height:1.8;
}
.mag-status{
  margin-top:25px;
  color:#7c6549;
  font-size:8px;
  letter-spacing:.19em;
}
.magazine-cover-preview{
  position:relative;
  min-height:470px;
  margin:28px 30px 28px 0;
  border:1px solid rgba(184,137,79,.28);
  background:
    radial-gradient(circle at 50% 36%,rgba(164,111,55,.13),transparent 18%),
    linear-gradient(150deg,#16110d,#050607 63%);
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.magazine-cover-preview:after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(184,137,79,.11);
}
.magazine-cover-preview span,
.magazine-cover-preview strong,
.magazine-cover-preview small,
.magazine-cover-preview i{position:relative;z-index:1}
.magazine-cover-preview span{
  color:#7c6549;
  font-size:8px;
  letter-spacing:.2em;
}
.magazine-cover-preview strong{
  margin:13px 0;
  color:#c9a06a;
  font-weight:400;
  font-size:30px;
  letter-spacing:.12em;
}
.magazine-cover-preview small{
  color:#735f49;
  font-size:8px;
  letter-spacing:.2em;
}
.magazine-cover-preview i{
  margin-top:45px;
  color:#a77a45;
  font-style:normal;
  font-size:44px;
}
.creator-section-v2{
  max-width:1420px;
  margin:0 auto;
  padding:135px 42px 145px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  align-items:center;
  gap:78px;
}
.creator-portrait{
  position:relative;
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(184,137,79,.17);
  background:#050607;
}
.creator-portrait img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.75) brightness(.82) contrast(1.02);
}
.creator-portrait:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,6,7,.75),transparent 40%);
}
.creator-master-label{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:18px;
  padding:7px 9px;
  border:1px solid rgba(184,137,79,.16);
  background:rgba(5,6,7,.78);
  color:#8c704f;
  font-size:7px;
  letter-spacing:.17em;
}
.creator-text h2{
  margin:7px 0 7px;
  color:#d0aa75;
  font-size:clamp(50px,6vw,82px);
  font-weight:400;
  line-height:1;
  letter-spacing:.065em;
}
.creator-role{
  color:#80664a;
  font-size:8px;
  letter-spacing:.19em;
}
.creator-lead{
  margin:30px 0 14px;
  color:#b09570;
  font-size:20px;
  line-height:1.45;
}
.creator-body{
  max-width:660px;
  color:#7d756b;
  font-size:11px;
  line-height:1.85;
}
.creator-pillars{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:28px 0 30px;
}
.creator-pillars span{
  padding:7px 8px;
  border:1px solid rgba(184,137,79,.13);
  color:#695947;
  font-size:7px;
  letter-spacing:.14em;
}
@media(max-width:980px){
  .watch-panel,.magazine-panel,.creator-section-v2{grid-template-columns:1fr}
  .watch-visual{min-height:540px}
  .magazine-cover-preview{margin:0 30px 30px;min-height:520px}
  .creator-section-v2{gap:36px}
}
@media(max-width:640px){
  .media-section-v2{padding:88px 18px 96px}
  .watch-panel,.magazine-panel{border-left:0;border-right:0}
  .watch-visual{min-height:64vh}
  .watch-copy,.magazine-copy{padding:42px 24px}
  .magazine-cover-preview{margin:0 18px 22px;min-height:70vh}
  .creator-section-v2{padding:90px 18px 100px}
  .creator-portrait,.creator-portrait img{min-height:70vh}
  .creator-lead{font-size:17px}
}


/* v1.8 — Home final polish: rhythm, mobile, focus, reduced motion */
html{scroll-behavior:smooth}
body{
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(184,137,79,.28);color:#eee4d5}
.skip-link{
  position:fixed;
  left:16px;
  top:-60px;
  z-index:9999;
  padding:10px 14px;
  background:#0a0b0c;
  color:#d3ae79;
  border:1px solid rgba(184,137,79,.35);
  font-size:9px;
  letter-spacing:.14em;
}
.skip-link:focus{top:16px}
a:focus-visible,button:focus-visible{
  outline:1px solid #b8894f;
  outline-offset:4px;
}
img{max-width:100%}
.home-reveal{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
.hero{
  min-height:100svh;
}
.hero-content{
  padding-left:max(42px,env(safe-area-inset-left));
  padding-right:max(42px,env(safe-area-inset-right));
}
.threshold-section,.people-section,.library-section,
.archive-section,.media-section-v2,.creator-section-v2{
  scroll-margin-top:78px;
}
.btn,.record-action,.artifact-controls button,.cinema-play{
  cursor:pointer;
}
.btn{
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.btn:hover{transform:translateY(-1px)}
/* Arabic polish: more breathing room, no mirrored imagery */
html[dir="rtl"] body{letter-spacing:0}
html[dir="rtl"] .reveal-content,
html[dir="rtl"] .book-info,
html[dir="rtl"] .person-copy,
html[dir="rtl"] .creator-text,
html[dir="rtl"] .watch-copy,
html[dir="rtl"] .magazine-copy{text-align:right}
html[dir="rtl"] .creator-pillars,
html[dir="rtl"] .book-meta,
html[dir="rtl"] .person-tags{justify-content:flex-start}
html[dir="rtl"] img{transform:none}
html[dir="rtl"] .person-card:hover .person-visual img{transform:scale(1.018)}
html[dir="rtl"] .archive-clock{text-align:left}
html[dir="rtl"] .artifact-meta dd{text-align:left}
@media(max-width:760px){
  .hero-content{
    padding-left:max(20px,env(safe-area-inset-left));
    padding-right:max(20px,env(safe-area-inset-right));
  }
  .hero h1{
    max-width:94vw;
    font-size:clamp(42px,13vw,68px);
    line-height:.92;
  }
  .hero p{max-width:90vw}
  .threshold-section,.people-section,.library-section,
  .archive-section,.media-section-v2,.creator-section-v2{
    scroll-margin-top:64px;
  }
  .people-head,.library-head,.archive-head{margin-bottom:38px}
  .watch-copy h2,.magazine-copy h2,.creator-text h2{overflow-wrap:anywhere}
}
@media(max-width:420px){
  .hero h1{font-size:42px}
  .threshold-title{font-size:32px}
  .reveal-content h2{font-size:43px}
  .archive-head h2{font-size:39px}
  .creator-text h2{font-size:44px}
  .watch-copy h2{font-size:39px}
  .magazine-copy h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

.motion-ready .home-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s ease,transform .75s ease;
}
.motion-ready .home-reveal.is-visible{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .home-reveal{opacity:1;transform:none}
}


/* v1.9 — WORLD + REAL BAHRAIN internal pages */
.desktop-nav .current{color:#d0aa75}
.inner-hero{
  min-height:78vh;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#040506;
}
.inner-hero-bg{position:absolute;inset:0}
.inner-hero-bg img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.34) saturate(.55);
}
.inner-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(0deg,#050607 2%,rgba(5,6,7,.4) 48%,rgba(5,6,7,.18)),
             linear-gradient(90deg,rgba(5,6,7,.86),transparent 58%);
}
.inner-hero-copy{
  position:relative;z-index:2;
  width:min(1320px,calc(100% - 84px));
  margin:0 auto;
  padding:140px 0 80px;
}
.inner-hero-copy h1{
  margin:8px 0 22px;
  color:#d3ad78;
  font-weight:400;
  font-size:clamp(58px,8vw,116px);
  line-height:.86;
  letter-spacing:.05em;
}
.inner-hero-copy>p:not(.eyebrow){
  max-width:620px;
  color:#91877b;
  font-size:13px;
  line-height:1.8;
}
.world-status{
  display:inline-block;
  margin-top:18px;
  padding:8px 10px;
  border:1px solid rgba(184,137,79,.17);
  color:#7b6549;
  font-size:7px;
  letter-spacing:.19em;
}
.world-index{
  max-width:1420px;
  margin:0 auto;
  padding:110px 42px 130px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:rgba(184,137,79,.14);
}
.world-index-card{
  min-height:390px;
  position:relative;
  padding:46px;
  background:#070809;
}
.world-index-no{
  position:absolute;right:24px;top:16px;
  color:rgba(184,137,79,.12);
  font-size:58px;
}
.world-index-card h2{
  margin:9px 0 18px;
  color:#cba571;
  font-weight:400;
  font-size:34px;
}
.world-index-card>p:not(.eyebrow){
  max-width:510px;color:#7f776d;
  font-size:11px;line-height:1.8;
}
.text-link{
  display:inline-block;margin-top:30px;
  color:#98754e;font-size:8px;letter-spacing:.16em;
}
.restricted-world-card{
  background:linear-gradient(145deg,#0a0909,#050607);
}
.world-relations{
  padding:120px 42px;
  text-align:center;
  background:#040506;
}
.world-relations h2{
  margin:8px 0 45px;
  color:#c8a36f;font-weight:400;
  font-size:clamp(46px,6vw,78px);line-height:.95;
}
.world-relations h2 em{font-style:normal;color:#755d42}
.relation-chain{
  display:flex;align-items:center;justify-content:center;gap:11px;
  color:#765f46;font-size:7px;letter-spacing:.13em;
}
.relation-chain i{
  width:58px;height:1px;background:rgba(184,137,79,.22);
}
.relation-note{margin-top:28px;color:#645c53;font-size:9px}
.world-boundary-banner{
  max-width:1420px;margin:0 auto 130px;
  padding:70px 52px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  border:1px solid rgba(184,137,79,.15);
  background:linear-gradient(120deg,#0b0c0d,#050607);
}
.world-boundary-banner h2{
  color:#c5a06d;font-weight:400;font-size:40px;line-height:1.05;margin:8px 0 0;
}
.bahrain-inner-hero{background:#0d0e0e}
.bahrain-horizon{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 70% 28%,rgba(231,217,194,.14),transparent 8%),
    linear-gradient(0deg,rgba(18,19,19,.98),rgba(25,25,23,.45) 46%,rgba(8,9,10,.9)),
    #0b0c0d;
}
.reality-status{color:#c0b7aa;border-color:rgba(230,220,207,.18)}
.reality-principle{
  max-width:1200px;margin:0 auto;padding:100px 42px;
  display:flex;gap:24px;align-items:flex-start;
}
.reality-principle>span{font-size:28px}
.reality-principle h2{
  margin:7px 0 0;
  color:#d3cbc0;font-weight:400;
  font-size:clamp(42px,5.4vw,70px);line-height:.96;
}
.reality-principle h2 em{font-style:normal;color:#8a8176}
.real-location-list{
  max-width:1420px;margin:0 auto;padding:0 42px 120px;
  display:grid;gap:28px;
}
.real-location-row{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:520px;border:1px solid rgba(225,216,202,.12);
  background:#0a0b0c;
}
.real-location-row.reverse .real-location-media{order:2}
.real-location-row.reverse .real-location-copy{order:1}
.real-location-media{
  min-height:520px;position:relative;overflow:hidden;
}
.verified-slot{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:10px;text-align:center;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 48%),
    radial-gradient(circle at 50% 45%,rgba(232,222,207,.06),transparent 26%),
    #0b0c0d;
  color:#777168;
}
.verified-slot:after{
  content:"";
  position:absolute;inset:16px;
  border:1px solid rgba(224,216,204,.07);
}
.verified-slot span{font-size:8px;letter-spacing:.2em}
.verified-slot small{font-size:10px;letter-spacing:.13em;color:#aaa196}
.real-location-copy{
  padding:58px 52px;
  display:flex;flex-direction:column;justify-content:center;
}
.real-location-copy h2{
  margin:8px 0 18px;color:#d2c7b7;font-weight:400;font-size:43px;line-height:1;
}
.real-location-copy>p:not(.eyebrow){
  color:#857d73;font-size:11px;line-height:1.85;
}
.location-tags{
  display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 30px;
}
.location-tags span{
  padding:6px 7px;border:1px solid rgba(220,211,198,.1);
  color:#766f66;font-size:6px;letter-spacing:.13em;
}
.fiction-threshold-demo{
  min-height:650px;position:relative;
  display:grid;grid-template-columns:.36fr 1fr;
  align-items:center;
  padding:80px 8vw;
  background:
    radial-gradient(circle at 60% 50%,rgba(172,117,58,.09),transparent 25%),
    #040506;
}
.threshold-divider{
  height:420px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;
  border-right:1px solid rgba(184,137,79,.18);
}
.threshold-divider span{color:#b5874f;font-size:38px}
.threshold-divider small{
  color:#6b5843;font-size:7px;letter-spacing:.18em;
  writing-mode:vertical-rl;
}
.fiction-threshold-copy{padding-left:8vw}
.fiction-threshold-copy h2{
  margin:8px 0 20px;color:#c49b65;font-weight:400;
  font-size:clamp(46px,6vw,80px);line-height:.94;
}
.fiction-threshold-copy h2 em{font-style:normal;color:#73593d}
.fiction-threshold-copy>p:not(.eyebrow){
  max-width:620px;color:#786f64;font-size:11px;line-height:1.8;
}
@media(max-width:820px){
  .world-index{grid-template-columns:1fr}
  .world-boundary-banner{flex-direction:column;align-items:flex-start}
  .real-location-row{grid-template-columns:1fr}
  .real-location-row.reverse .real-location-media,
  .real-location-row.reverse .real-location-copy{order:initial}
  .relation-chain{justify-content:flex-start;overflow-x:auto;padding-bottom:12px}
  .relation-chain i{min-width:34px}
  .fiction-threshold-demo{grid-template-columns:1fr;padding:70px 24px}
  .threshold-divider{
    height:auto;min-height:110px;border-right:0;border-bottom:1px solid rgba(184,137,79,.18);
  }
  .threshold-divider small{writing-mode:horizontal-tb}
  .fiction-threshold-copy{padding:55px 0 0}
}
@media(max-width:600px){
  .inner-hero-copy{width:calc(100% - 36px);padding-bottom:58px}
  .inner-hero-copy h1{font-size:52px}
  .world-index{padding:75px 18px 90px}
  .world-index-card{padding:34px 25px;min-height:330px}
  .world-relations{padding:85px 18px}
  .world-boundary-banner{margin:0 18px 90px;padding:42px 25px}
  .reality-principle{padding:75px 18px}
  .real-location-list{padding:0 18px 90px}
  .real-location-media{min-height:440px}
  .real-location-copy{padding:38px 26px}
  .real-location-copy h2{font-size:34px}
}


/* v2.0 — Barbar Temple dedicated Real/Fiction page */
.barbar-real-hero{
  min-height:92vh;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  background:#0a0b0c;
  border-bottom:1px solid rgba(225,216,202,.1);
}
.barbar-real-photo{min-height:92vh}
.barbar-photo-slot{height:100%;min-height:92vh}
.barbar-real-copy{
  padding:130px 7vw 80px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#111314,#08090a);
}
.barbar-real-copy h1{
  margin:10px 0 24px;
  color:#d7cec1;
  font-weight:400;
  font-size:clamp(60px,7.5vw,112px);
  line-height:.84;
  letter-spacing:.045em;
}
.barbar-real-lead{
  max-width:580px;
  color:#91887c;
  font-size:12px;
  line-height:1.85;
}
.barbar-real-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:25px 0 32px;
}
.barbar-real-meta span{
  padding:7px 8px;
  border:1px solid rgba(222,213,199,.12);
  color:#797168;
  font-size:7px;
  letter-spacing:.14em;
}
.barbar-fact-layer{
  padding:110px 42px 125px;
  background:#0c0d0e;
}
.fact-layer-head{
  max-width:880px;
  margin:0 auto 45px;
  text-align:center;
}
.fact-layer-head h2{
  margin:9px 0 16px;
  color:#d0c6b8;
  font-weight:400;
  font-size:clamp(42px,5vw,68px);
}
.fact-layer-head>p:not(.eyebrow){
  color:#7d756b;
  font-size:11px;
  line-height:1.8;
}
.fact-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(225,216,202,.09);
}
.fact-grid article{
  min-height:260px;
  padding:34px;
  background:#0a0b0c;
}
.fact-grid span{
  color:#69635b;
  font-size:30px;
  font-weight:300;
}
.fact-grid h3{
  margin:34px 0 15px;
  color:#b9afa1;
  font-size:14px;
  font-weight:400;
  letter-spacing:.08em;
}
.fact-grid p{
  color:#777067;
  font-size:10px;
  line-height:1.75;
}
.barbar-threshold{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#040506;
  overflow:hidden;
}
.threshold-dark-line{
  position:absolute;
  top:0;bottom:0;left:50%;
  width:1px;
  background:linear-gradient(transparent,rgba(184,137,79,.38),transparent);
}
.barbar-threshold-core{
  position:relative;
  z-index:2;
  width:min(700px,calc(100% - 40px));
  padding:70px 30px;
  background:radial-gradient(circle,rgba(5,6,7,.88),rgba(5,6,7,.98) 68%);
}
.threshold-symbol{
  display:block;
  margin-bottom:14px;
  color:#ae814b;
  font-size:36px;
  text-shadow:0 0 32px rgba(169,112,54,.28);
}
.barbar-threshold-core h2{
  margin:8px 0 18px;
  color:#c9a16c;
  font-size:clamp(46px,6vw,78px);
  line-height:.92;
  font-weight:400;
}
.barbar-threshold-core h2 em{font-style:normal;color:#765b3e}
.barbar-threshold-core>p:not(.eyebrow){
  color:#756d63;
  font-size:11px;
}
.fiction-cert{
  display:inline-block;
  margin-top:20px;
  padding:7px 9px;
  border:1px solid rgba(184,137,79,.16);
  color:#735e45;
  font-size:7px;
  letter-spacing:.16em;
}
.barbar-fiction-hero{
  min-height:92vh;
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  background:
    radial-gradient(circle at 30% 50%,rgba(161,105,47,.08),transparent 25%),
    #030405;
  overflow:hidden;
}
.barbar-gate-visual{
  min-height:92vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gate-line{
  width:2px;
  height:68%;
  background:linear-gradient(transparent,#9b6c36 34%,#d1a366 50%,#9b6c36 66%,transparent);
  box-shadow:0 0 55px rgba(179,120,56,.18);
}
.ritual-echo{
  position:absolute;
  color:rgba(194,143,83,.24);
  font-size:220px;
  transform:rotate(45deg);
}
.barbar-fiction-copy{
  padding:80px 8vw 80px 35px;
}
.barbar-fiction-copy h2{
  margin:9px 0 22px;
  color:#cda572;
  font-weight:400;
  font-size:clamp(56px,7vw,102px);
  line-height:.86;
}
.barbar-fiction-copy h2 em{font-style:normal;color:#846440}
.barbar-fiction-copy>p:not(.eyebrow){
  max-width:580px;
  color:#7b7369;
  font-size:11px;
  line-height:1.85;
}
.barbar-lore-grid{
  max-width:1420px;
  margin:0 auto;
  padding:115px 42px 125px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.barbar-lore-card{
  min-width:0;
  padding:20px;
  border:1px solid rgba(184,137,79,.15);
  background:#070809;
}
.barbar-lore-card>img{
  width:100%;
  height:360px;
  object-fit:cover;
  filter:brightness(.62) saturate(.65);
  margin:10px 0 20px;
}
.barbar-lore-card h3{
  color:#c69e6a;
  font-weight:400;
  font-size:22px;
}
.barbar-lore-card>p:not(.eyebrow){
  color:#766f65;
  font-size:10px;
  line-height:1.75;
}
.barbar-record-box{
  height:360px;
  margin:10px 0 20px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(184,137,79,.12);
  background:
    linear-gradient(rgba(173,128,75,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,128,75,.018) 1px,transparent 1px),
    #050607;
  background-size:24px 24px;
}
.barbar-record-box span,.barbar-record-box small{
  color:#705e49;
  font-size:8px;
  letter-spacing:.17em;
}
.barbar-record-box strong{
  margin:18px 0;
  color:#b78f5d;
  font-size:27px;
  font-weight:400;
  line-height:1.1;
}
.barbar-entity-tease{
  min-height:86vh;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  background:#030405;
}
.entity-tease-img{
  position:relative;
  overflow:hidden;
}
.entity-tease-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.28) saturate(.5);
}
.entity-tease-mask{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,4,5,.14),rgba(3,4,5,.5) 72%,#030405),
    linear-gradient(0deg,#030405,transparent 42%);
}
.entity-tease-copy{
  padding:80px 7vw 80px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.entity-tease-copy h2{
  margin:8px 0 20px;
  color:#b99362;
  font-size:clamp(50px,6.5vw,88px);
  font-weight:400;
  line-height:.88;
}
.entity-tease-copy h2 em{font-style:normal;color:#72563a}
.entity-tease-copy>p:not(.eyebrow){
  color:#71695f;
  font-size:10px;
  line-height:1.8;
}
.barbar-closing{
  min-height:290px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#030405;
  text-align:center;
}
.barbar-closing span{
  color:#a67c4a;
  font-size:54px;
  font-weight:300;
}
.barbar-closing p{
  color:#625548;
  font-size:7px;
  letter-spacing:.2em;
}
.barbar-closing i{
  color:#9f7445;
  font-size:28px;
  font-style:normal;
}
@media(max-width:900px){
  .barbar-real-hero,
  .barbar-fiction-hero,
  .barbar-entity-tease{grid-template-columns:1fr}
  .barbar-real-photo,.barbar-photo-slot{min-height:62vh}
  .barbar-gate-visual{min-height:62vh}
  .barbar-fiction-copy{padding:55px 28px 80px}
  .barbar-entity-tease{min-height:0}
  .entity-tease-img{min-height:62vh}
  .entity-tease-copy{padding:55px 28px 85px}
  .barbar-lore-grid{grid-template-columns:1fr}
  .fact-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .barbar-real-copy{padding:85px 20px 60px}
  .barbar-real-copy h1{font-size:58px}
  .barbar-fact-layer{padding:80px 18px 90px}
  .barbar-lore-grid{padding:85px 18px 95px}
  .barbar-lore-card>img,.barbar-record-box{height:58vh;min-height:390px}
  .ritual-echo{font-size:140px}
}


/* v2.1 — A'ali Burial Mounds: inland geography locked */
.mounds-real-hero{
  min-height:92vh;display:grid;grid-template-columns:1.2fr .8fr;
  background:#0b0c0c;border-bottom:1px solid rgba(225,216,202,.1);
}
.mounds-landscape{
  position:relative;min-height:92vh;overflow:hidden;
  background:
    linear-gradient(0deg,#171613 0 16%,transparent 36%),
    radial-gradient(ellipse at 50% 82%,rgba(154,139,111,.12),transparent 42%),
    linear-gradient(#171819,#22221e 55%,#181714);
}
.mounds-silhouette{position:absolute;left:0;right:0;bottom:10%;height:22%}
.mounds-silhouette i{
  position:absolute;bottom:0;width:28%;height:62%;
  border-radius:50% 50% 0 0;background:#11110f;
}
.mounds-silhouette i:nth-child(1){left:-5%;height:50%}
.mounds-silhouette i:nth-child(2){left:15%;height:72%}
.mounds-silhouette i:nth-child(3){left:39%;height:55%}
.mounds-silhouette i:nth-child(4){left:61%;height:78%}
.mounds-silhouette i:nth-child(5){left:82%;height:47%}
.mounds-real-copy{
  padding:120px 6vw;display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(135deg,#111211,#08090a);
}
.mounds-real-copy h1{
  margin:10px 0 24px;color:#d3cabd;font-weight:400;
  font-size:clamp(54px,6.8vw,98px);line-height:.84;letter-spacing:.035em;
}
.mounds-real-copy>p:not(.eyebrow){color:#8b8378;font-size:12px;line-height:1.8}
.geography-lock{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 31px}
.geography-lock span{
  padding:7px 8px;border:1px solid rgba(220,211,198,.12);
  color:#817970;font-size:7px;letter-spacing:.13em;
}
.mounds-rule{
  max-width:1180px;margin:0 auto;padding:115px 42px;text-align:center;
}
.mounds-rule h2{
  margin:9px 0 20px;color:#cfc5b7;font-weight:400;
  font-size:clamp(39px,5vw,65px);line-height:1;
}
.mounds-rule h2 em{font-style:normal;color:#81776a}
.mounds-rule>p:last-child{color:#777067;font-size:10px;line-height:1.8}
.mounds-facts{
  max-width:1320px;margin:0 auto 120px;padding:0 42px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(220,211,198,.09);
}
.mounds-facts article{padding:35px;min-height:245px;background:#0a0b0c}
.mounds-facts span{color:#696159;font-size:29px}
.mounds-facts h3{margin:33px 0 14px;color:#b9aea0;font-size:14px;font-weight:400}
.mounds-facts p{color:#746d64;font-size:10px;line-height:1.75}
.mounds-threshold{
  min-height:480px;padding:70px 20px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#040506;border-top:1px solid rgba(184,137,79,.08);
}
.mounds-threshold-mark{color:#aa7c48;font-size:38px;margin-bottom:16px}
.mounds-threshold h2{
  margin:9px 0 20px;color:#c49c68;font-weight:400;
  font-size:clamp(48px,6vw,78px);line-height:.92;
}
.mounds-threshold h2 em{font-style:normal;color:#765a3d}
.mounds-threshold>span{color:#665642;font-size:7px;letter-spacing:.18em}
.mounds-fiction-scene{
  min-height:94vh;display:grid;grid-template-columns:1.2fr .8fr;
  background:#030405;overflow:hidden;
}
.fiction-mounds-land{
  position:relative;min-height:94vh;
  background:
    radial-gradient(circle at 35% 24%,rgba(205,190,165,.08),transparent 7%),
    linear-gradient(#080a0b 0 56%,#090908 72%,#030405);
}
.fiction-mound{
  position:absolute;bottom:12%;border-radius:50% 50% 0 0;
  background:linear-gradient(#11100e,#080807);
  box-shadow:0 -12px 45px rgba(102,78,49,.025);
}
.m1{left:-7%;width:33%;height:18%}.m2{left:16%;width:37%;height:26%}
.m3{left:43%;width:31%;height:19%}.m4{left:65%;width:36%;height:29%}
.m5{left:88%;width:25%;height:16%}
.mounds-haze{
  position:absolute;inset:0;
  background:linear-gradient(0deg,#030405 0%,transparent 28%),
             radial-gradient(ellipse at 54% 67%,rgba(111,95,75,.06),transparent 37%);
}
.mounds-fiction-copy{
  position:relative;z-index:2;padding:90px 7vw 90px 25px;
  display:flex;flex-direction:column;justify-content:center;
}
.mounds-fiction-copy h2{
  margin:8px 0 22px;color:#c49b66;font-weight:400;
  font-size:clamp(52px,6.4vw,88px);line-height:.88;
}
.mounds-fiction-copy h2 em{font-style:normal;color:#73573a}
.mounds-fiction-copy>p:not(.eyebrow){
  max-width:580px;color:#786f65;font-size:11px;line-height:1.85;
}
.mounds-signals{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;background:rgba(184,137,79,.08)}
.mounds-signals span{padding:10px;background:#060708;color:#6e5b45;font-size:7px;letter-spacing:.13em}
.mounds-records{
  max-width:1320px;margin:0 auto;padding:120px 42px 130px;
}
.mounds-records header h2{
  margin:8px 0 40px;color:#c39a65;font-weight:400;
  font-size:clamp(46px,5.8vw,75px);line-height:.9;
}
.mounds-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}
.mounds-record-grid article{padding:30px;border:1px solid rgba(184,137,79,.13);background:#070809;min-height:220px}
.mounds-record-grid span{color:#6b5945;font-size:7px;letter-spacing:.16em}
.mounds-record-grid h3{color:#b78e5b;font-size:19px;font-weight:400;margin:34px 0 13px}
.mounds-record-grid p{color:#71695f;font-size:10px;line-height:1.7}
.mounds-closing{
  min-height:250px;display:flex;align-items:center;justify-content:center;gap:14px;
  background:#030405;color:#695642;font-size:7px;letter-spacing:.15em;
}
.mounds-closing i{width:60px;height:1px;background:rgba(184,137,79,.2)}
.mounds-closing b{font-weight:400;color:#9c754c}
@media(max-width:900px){
  .mounds-real-hero,.mounds-fiction-scene{grid-template-columns:1fr}
  .mounds-landscape,.fiction-mounds-land{min-height:62vh}
  .mounds-real-copy{padding:70px 28px}
  .mounds-fiction-copy{padding:60px 28px 85px}
  .mounds-facts,.mounds-record-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .mounds-real-copy h1{font-size:53px}
  .mounds-rule{padding:80px 18px}
  .mounds-facts{padding:0 18px;margin-bottom:85px}
  .mounds-records{padding:85px 18px 95px}
  .mounds-signals{grid-template-columns:1fr}
  .mounds-closing{gap:8px;overflow-x:auto;justify-content:flex-start;padding:0 18px}
  .mounds-closing i{min-width:28px}
}


/* v2.2 — Tree of Life: stillness / silence fiction language */
.tree-real-hero{
  min-height:92vh;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  background:#0b0c0d;
  border-bottom:1px solid rgba(225,216,202,.1);
}
.tree-real-visual{
  position:relative;
  min-height:92vh;
  background:
    radial-gradient(circle at 68% 22%,rgba(232,214,184,.11),transparent 8%),
    linear-gradient(0deg,#17130f 0 18%,#201b14 35%,#161716 72%,#0c0d0e);
  overflow:hidden;
}
.tree-symbolic,.fiction-tree-silhouette{
  position:absolute;
  left:50%;
  bottom:15%;
  width:330px;
  height:430px;
  transform:translateX(-50%);
}
.tree-symbolic i,.fiction-tree-silhouette i{
  position:absolute;
  display:block;
  background:#16110c;
  transform-origin:left center;
}
.tree-symbolic .trunk,.fiction-tree-silhouette .trunk{
  left:50%;
  bottom:0;
  width:28px;
  height:210px;
  transform:translateX(-50%);
  border-radius:40% 40% 10% 10%;
}
.tree-symbolic .branch,.fiction-tree-silhouette .branch{
  left:49%;
  bottom:160px;
  height:15px;
  border-radius:50%;
}
.tree-symbolic .b1,.fiction-tree-silhouette .b1{width:150px;transform:rotate(-32deg)}
.tree-symbolic .b2,.fiction-tree-silhouette .b2{width:145px;transform:rotate(28deg)}
.tree-symbolic .b3,.fiction-tree-silhouette .b3{width:120px;bottom:220px;transform:rotate(-52deg)}
.tree-symbolic .b4,.fiction-tree-silhouette .b4{width:118px;bottom:220px;transform:rotate(48deg)}
.tree-real-copy{
  padding:120px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(135deg,#111211,#08090a);
}
.tree-real-copy h1{
  margin:10px 0 24px;
  color:#d5ccbf;
  font-weight:400;
  font-size:clamp(58px,7vw,105px);
  line-height:.86;
  letter-spacing:.04em;
}
.tree-real-copy>p:not(.eyebrow){
  color:#8c8479;
  font-size:12px;
  line-height:1.85;
}
.tree-real-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:25px 0 32px;
}
.tree-real-tags span{
  padding:7px 8px;
  border:1px solid rgba(220,211,198,.12);
  color:#817970;
  font-size:7px;
  letter-spacing:.13em;
}
.tree-principle{
  max-width:1180px;
  margin:0 auto;
  padding:115px 42px;
  text-align:center;
}
.tree-principle h2{
  margin:9px 0 18px;
  color:#d0c6b8;
  font-weight:400;
  font-size:clamp(42px,5.2vw,68px);
  line-height:.98;
}
.tree-principle h2 em{font-style:normal;color:#81776a}
.tree-principle>p:last-child{
  max-width:780px;
  margin:0 auto;
  color:#777067;
  font-size:10px;
  line-height:1.8;
}
.tree-real-notes{
  max-width:1320px;
  margin:0 auto 120px;
  padding:0 42px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(220,211,198,.09);
}
.tree-real-notes article{
  padding:35px;
  min-height:245px;
  background:#0a0b0c;
}
.tree-real-notes span{color:#696159;font-size:29px}
.tree-real-notes h3{
  margin:33px 0 14px;
  color:#b9aea0;
  font-size:14px;
  font-weight:400;
}
.tree-real-notes p{
  color:#746d64;
  font-size:10px;
  line-height:1.75;
}
.tree-threshold{
  min-height:500px;
  padding:75px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#030405;
  border-top:1px solid rgba(184,137,79,.08);
}
.tree-threshold-mark{
  color:#a77a46;
  font-size:38px;
  margin-bottom:18px;
}
.tree-threshold h2{
  margin:9px 0 20px;
  color:#c39a66;
  font-weight:400;
  font-size:clamp(46px,6vw,78px);
  line-height:.92;
}
.tree-threshold h2 em{font-style:normal;color:#72583b}
.tree-fiction-stage{
  min-height:94vh;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  background:#020304;
  overflow:hidden;
}
.tree-fiction-visual{
  position:relative;
  min-height:94vh;
  background:
    radial-gradient(circle at 58% 18%,rgba(212,194,163,.035),transparent 7%),
    linear-gradient(#07090a 0 68%,#050504 72%,#020304);
}
.fiction-tree-silhouette{
  bottom:14%;
  filter:brightness(.55);
}
.tree-stillness{
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,#020304 0%,transparent 26%),
    radial-gradient(ellipse at 52% 68%,rgba(120,104,82,.025),transparent 34%);
}
.tree-fiction-copy{
  padding:90px 7vw 90px 25px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tree-fiction-copy h2{
  margin:8px 0 22px;
  color:#bf9763;
  font-weight:400;
  font-size:clamp(50px,6.4vw,86px);
  line-height:.88;
}
.tree-fiction-copy h2 em{font-style:normal;color:#705539}
.tree-fiction-copy>p:not(.eyebrow){
  max-width:580px;
  color:#756d63;
  font-size:11px;
  line-height:1.85;
}
.silence-readout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  margin-top:28px;
  background:rgba(184,137,79,.07);
}
.silence-readout span{
  padding:10px;
  background:#050607;
  color:#6b5944;
  font-size:7px;
  letter-spacing:.13em;
}
.tree-silence-sequence{
  max-width:1320px;
  margin:0 auto;
  padding:120px 42px 130px;
}
.tree-silence-sequence header h2{
  margin:8px 0 42px;
  color:#c19865;
  font-weight:400;
  font-size:clamp(46px,5.8vw,75px);
  line-height:.9;
}
.silence-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.silence-grid article{
  min-height:230px;
  padding:30px;
  border:1px solid rgba(184,137,79,.12);
  background:#070809;
}
.silence-grid span{
  color:#6b5945;
  font-size:7px;
  letter-spacing:.16em;
}
.silence-grid h3{
  margin:34px 0 13px;
  color:#b78e5b;
  font-size:19px;
  font-weight:400;
}
.silence-grid p{
  color:#71695f;
  font-size:10px;
  line-height:1.7;
}
.tree-archive-trace{
  min-height:630px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  background:
    linear-gradient(rgba(173,128,75,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,128,75,.018) 1px,transparent 1px),
    #040506;
  background-size:32px 32px;
  padding:85px 8vw;
}
.tree-record{
  min-height:360px;
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(184,137,79,.16);
  background:#060708;
}
.tree-record span,.tree-record small{
  color:#705e49;
  font-size:8px;
  letter-spacing:.17em;
}
.tree-record strong{
  margin:18px 0;
  color:#b78f5d;
  font-size:28px;
  font-weight:400;
  line-height:1.1;
}
.tree-trace-copy{padding-left:7vw}
.tree-trace-copy h2{
  margin:8px 0 20px;
  color:#c29a66;
  font-size:clamp(46px,5.8vw,75px);
  font-weight:400;
  line-height:.9;
}
.tree-trace-copy>p:not(.eyebrow){
  max-width:560px;
  color:#71695f;
  font-size:10px;
  line-height:1.8;
}
.tree-closing{
  min-height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:#020304;
  color:#675542;
  font-size:7px;
  letter-spacing:.15em;
}
.tree-closing i{
  width:60px;
  height:1px;
  background:rgba(184,137,79,.2);
}
.tree-closing b{font-weight:400;color:#99734c}
@media(max-width:900px){
  .tree-real-hero,.tree-fiction-stage,.tree-archive-trace{grid-template-columns:1fr}
  .tree-real-visual,.tree-fiction-visual{min-height:62vh}
  .tree-real-copy{padding:70px 28px}
  .tree-fiction-copy{padding:60px 28px 85px}
  .tree-real-notes,.silence-grid{grid-template-columns:1fr}
  .tree-trace-copy{padding:55px 0 0}
}
@media(max-width:600px){
  .tree-real-copy h1{font-size:55px}
  .tree-principle{padding:80px 18px}
  .tree-real-notes{padding:0 18px;margin-bottom:85px}
  .tree-silence-sequence{padding:85px 18px 95px}
  .silence-readout{grid-template-columns:1fr}
  .tree-archive-trace{padding:80px 18px}
  .tree-closing{justify-content:flex-start;overflow-x:auto;padding:0 18px}
  .tree-closing i{min-width:28px}
}


/* v2.3 — Dedicated character canon page */
.characters-inner-hero{
  min-height:76vh;padding:145px 7vw 85px;display:flex;align-items:flex-end;
  background:radial-gradient(circle at 72% 40%,rgba(151,105,57,.07),transparent 20%),#040506;
  border-bottom:1px solid rgba(184,137,79,.1);
}
.characters-hero-copy{max-width:1050px}
.characters-hero-copy h1{
  margin:9px 0 22px;color:#cda571;font-weight:400;
  font-size:clamp(58px,7.8vw,108px);line-height:.86;letter-spacing:.035em;
}
.characters-hero-copy h1 em{font-style:normal;color:#765b3e}
.characters-hero-copy>p:not(.eyebrow){max-width:680px;color:#80776d;font-size:11px;line-height:1.85}
.characters-hero-copy>span{
  display:inline-block;margin-top:20px;padding:7px 9px;border:1px solid rgba(184,137,79,.14);
  color:#715c44;font-size:7px;letter-spacing:.16em;
}
.character-master-grid{max-width:1420px;margin:0 auto;padding:115px 42px 130px;display:grid;gap:24px}
.character-master-card{
  min-height:610px;display:grid;grid-template-columns:.9fr 1.1fr;
  border:1px solid rgba(184,137,79,.14);background:#070809;overflow:hidden;
}
.character-master-card.reverse{grid-template-columns:1.1fr .9fr}
.character-master-card.reverse .character-master-image{order:2}
.character-master-card.reverse .character-master-copy{order:1}
.character-master-image{position:relative;min-height:610px;background:#030405}
.character-master-image img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
  filter:brightness(.72) saturate(.72) contrast(1.03);
}
.character-master-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,6,.82),transparent 42%)}
.character-master-image span{
  position:absolute;z-index:2;left:18px;bottom:17px;padding:7px 8px;
  border:1px solid rgba(184,137,79,.17);background:rgba(4,5,6,.76);
  color:#886d4e;font-size:7px;letter-spacing:.16em;
}
.character-master-copy{padding:65px 6vw;display:flex;flex-direction:column;justify-content:center}
.character-master-copy h2{
  margin:8px 0 7px;color:#cba36f;font-size:clamp(48px,5.6vw,78px);font-weight:400;line-height:1;
}
.character-status{color:#806548!important;font-size:8px!important;letter-spacing:.17em!important}
.character-master-copy>p:not(.eyebrow):not(.character-status){
  max-width:620px;color:#7d756b;font-size:11px;line-height:1.85;margin-top:24px;
}
.character-rules{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.character-rules span{padding:7px 8px;border:1px solid rgba(184,137,79,.12);color:#695947;font-size:7px;letter-spacing:.12em}
.character-boundary{
  min-height:570px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle,rgba(132,88,43,.06),transparent 27%),#030405;
}
.character-boundary h2{
  margin:8px 0 20px;color:#bd9561;font-size:clamp(48px,6vw,80px);font-weight:400;line-height:.9;
}
.character-boundary h2 em{font-style:normal;color:#6d5338}
.character-boundary>p:not(.eyebrow){max-width:620px;color:#71695f;font-size:10px;line-height:1.8}
@media(max-width:900px){
  .character-master-card,.character-master-card.reverse{grid-template-columns:1fr}
  .character-master-card.reverse .character-master-image,.character-master-card.reverse .character-master-copy{order:initial}
  .character-master-image{min-height:68vh}
  .character-master-copy{padding:52px 28px 65px}
}
@media(max-width:600px){
  .characters-inner-hero{padding:120px 18px 65px}
  .characters-hero-copy h1{font-size:51px}
  .character-master-grid{padding:80px 18px 95px}
  .character-master-image{min-height:62vh}
}


/* v2.4 — Presences page: Vampire vs Entity reveal hierarchy */
.presences-hero{
  min-height:76vh;padding:145px 7vw 85px;display:flex;align-items:flex-end;
  background:radial-gradient(circle at 72% 42%,rgba(126,55,37,.05),transparent 18%),#030405;
  border-bottom:1px solid rgba(184,137,79,.09);
}
.presences-hero-copy{max-width:960px}
.presences-hero-copy h1{
  margin:8px 0 20px;color:#cba26e;font-weight:400;
  font-size:clamp(66px,8.2vw,118px);line-height:.84;letter-spacing:.04em;
}
.presences-hero-copy>p:not(.eyebrow){
  max-width:700px;color:#7c7369;font-size:11px;line-height:1.85;
}
.presences-hero-copy>span{
  display:inline-block;margin-top:20px;padding:7px 9px;
  border:1px solid rgba(184,137,79,.14);color:#715c44;font-size:7px;letter-spacing:.16em;
}
.vampire-presence,.entity-presence{
  min-height:92vh;display:grid;grid-template-columns:1.15fr .85fr;background:#040506;
}
.vampire-presence-image,.entity-presence-visual{position:relative;min-height:92vh;overflow:hidden}
.vampire-presence-image img,.entity-presence-visual img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
}
.vampire-presence-image img{filter:brightness(.55) saturate(.64) contrast(1.04)}
.vampire-presence-overlay{
  position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(4,5,6,.02),rgba(4,5,6,.5) 80%,#040506),
    linear-gradient(0deg,#040506,transparent 35%);
}
.presence-label,.entity-public-tag{
  position:absolute;z-index:2;left:18px;bottom:18px;padding:7px 8px;
  border:1px solid rgba(184,137,79,.15);background:rgba(4,5,6,.74);
  color:#886d4e;font-size:7px;letter-spacing:.16em;
}
.vampire-presence-copy,.entity-presence-copy{
  padding:90px 7vw 90px 30px;display:flex;flex-direction:column;justify-content:center;
}
.vampire-presence-copy h2,.entity-presence-copy h2{
  margin:8px 0 12px;color:#c79f6b;font-weight:400;
  font-size:clamp(58px,7vw,98px);line-height:.86;
}
.presence-title{
  color:#8c6a45!important;font-size:10px!important;letter-spacing:.16em!important;
  margin-bottom:21px!important;
}
.vampire-presence-copy>p:not(.eyebrow):not(.presence-title),
.entity-presence-copy>p:not(.eyebrow){
  max-width:580px;color:#786f65;font-size:11px;line-height:1.85;
}
.presence-states,.entity-readout{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:26px 0 30px;
  background:rgba(184,137,79,.07);
}
.presence-states span,.entity-readout span{
  padding:10px;background:#060708;color:#6f5b45;font-size:7px;letter-spacing:.13em;
}
.vampire-detail-strip{
  max-width:1320px;margin:0 auto;padding:100px 42px 120px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.vampire-detail-strip article{
  min-height:240px;padding:30px;border:1px solid rgba(184,137,79,.12);background:#070809;
}
.vampire-detail-strip h3{
  color:#b98f5c;font-weight:400;font-size:20px;margin:34px 0 12px;
}
.vampire-detail-strip p:not(.eyebrow){color:#71695f;font-size:10px;line-height:1.7}
.entity-threshold{
  min-height:480px;padding:75px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:#020304;border-top:1px solid rgba(184,137,79,.08);
}
.entity-threshold-mark{color:#a77a46;font-size:38px;margin-bottom:18px}
.entity-threshold h2{
  margin:8px 0 0;color:#b9905d;font-size:clamp(45px,5.8vw,76px);font-weight:400;line-height:.92;
}
.entity-threshold h2 em{font-style:normal;color:#6d5237}
.entity-presence{grid-template-columns:1.2fr .8fr}
.entity-presence-visual img{filter:brightness(.58) saturate(.62) contrast(1.08)}
.entity-presence-mask{
  position:absolute;inset:0;background:
    radial-gradient(ellipse at 52% 36%,transparent 0 24%,rgba(3,4,5,.10) 43%,rgba(3,4,5,.52) 78%),
    linear-gradient(90deg,rgba(3,4,5,.02),rgba(3,4,5,.20) 82%,rgba(3,4,5,.50));
}
.entity-public-tag{color:#776149;border-color:rgba(184,137,79,.11)}
.entity-fragments{
  max-width:1320px;margin:0 auto;padding:115px 42px 125px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.fragment-card{
  position:relative;min-height:300px;padding:34px;border:1px solid rgba(184,137,79,.11);
  background:#060708;
}
.fragment-card>span{
  position:absolute;right:18px;top:13px;color:rgba(184,137,79,.18);font-size:38px;
}
.fragment-card h3{
  margin:36px 0 14px;color:#ad8658;font-size:18px;font-weight:400;line-height:1.15;
}
.fragment-card p:not(.eyebrow){color:#6d665d;font-size:10px;line-height:1.75}
.presence-hierarchy{
  min-height:260px;padding:70px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#030405;text-align:center;
}
.hierarchy-line{
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:#725b44;font-size:7px;letter-spacing:.13em;
}
.hierarchy-line i{width:48px;height:1px;background:rgba(184,137,79,.2)}
.presence-hierarchy>p{color:#5f5850;font-size:8px;margin-top:20px}
.presences-closing{
  min-height:560px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:radial-gradient(circle,rgba(126,82,40,.05),transparent 24%),#020304;
}
.presences-closing h2{
  margin:8px 0 28px;color:#b78e5b;font-size:clamp(44px,5.7vw,76px);font-weight:400;line-height:.92;
}
.presences-closing h2 em{font-style:normal;color:#684e35}
@media(max-width:900px){
  .vampire-presence,.entity-presence{grid-template-columns:1fr}
  .vampire-presence-image,.entity-presence-visual{min-height:68vh}
  .vampire-presence-copy,.entity-presence-copy{padding:60px 28px 85px}
  .vampire-detail-strip,.entity-fragments{grid-template-columns:1fr}
}
@media(max-width:600px){
  .presences-hero{padding:120px 18px 65px}
  .presences-hero-copy h1{font-size:54px}
  .vampire-detail-strip,.entity-fragments{padding:85px 18px 95px}
  .presence-states,.entity-readout{grid-template-columns:1fr}
  .hierarchy-line{justify-content:flex-start;overflow-x:auto;width:100%;padding-bottom:10px}
  .hierarchy-line i{min-width:28px}
}


/* v2.5 — Dedicated series library */
.books-inner-hero{
  min-height:76vh;padding:145px 7vw 85px;display:flex;align-items:flex-end;
  background:radial-gradient(circle at 74% 36%,rgba(156,105,55,.07),transparent 20%),#040506;
  border-bottom:1px solid rgba(184,137,79,.09);
}
.books-inner-copy{max-width:970px}
.books-inner-copy h1{
  margin:8px 0 20px;color:#cba36f;font-weight:400;
  font-size:clamp(64px,8vw,116px);line-height:.84;letter-spacing:.035em;
}
.books-inner-copy h1 em{font-style:normal;color:#765a3d}
.books-inner-copy>p:not(.eyebrow){max-width:690px;color:#7c746a;font-size:11px;line-height:1.85}
.books-inner-copy>span{
  display:inline-block;margin-top:20px;padding:7px 9px;border:1px solid rgba(184,137,79,.14);
  color:#715c44;font-size:7px;letter-spacing:.16em;
}
.series-order{
  padding:85px 24px;text-align:center;background:#060708;border-bottom:1px solid rgba(184,137,79,.08);
}
.series-order-line{
  margin:24px auto 18px;display:flex;align-items:center;justify-content:center;gap:11px;
  color:#785f46;font-size:8px;letter-spacing:.16em;
}
.series-order-line i{width:78px;height:1px;background:rgba(184,137,79,.2)}
.series-order-note{color:#5f5850;font-size:8px}
.book-library-list{
  max-width:1420px;margin:0 auto;padding:110px 42px 130px;display:grid;gap:28px;
}
.book-library-entry{
  min-height:650px;display:grid;grid-template-columns:.82fr 1.18fr;
  border:1px solid rgba(184,137,79,.14);background:#070809;overflow:hidden;
}
.book-library-entry.reverse{grid-template-columns:1.18fr .82fr}
.book-library-entry.reverse .book-art{order:2}
.book-library-entry.reverse .book-library-copy{order:1}
.book-art{
  position:relative;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;border-right:1px solid rgba(184,137,79,.08);overflow:hidden;
}
.book-library-entry.reverse .book-art{border-right:0;border-left:1px solid rgba(184,137,79,.08)}
.book-art:after{content:"";position:absolute;inset:24px;border:1px solid rgba(184,137,79,.1)}
.placeholder-book-art{
  background:
    radial-gradient(circle at 50% 37%,rgba(161,108,54,.1),transparent 18%),
    linear-gradient(145deg,#15110d,#050607 65%);
}
.gate-book-art{
  background:
    linear-gradient(90deg,transparent 49%,rgba(181,127,67,.08) 50%,transparent 51%),
    radial-gradient(ellipse at 50% 42%,rgba(168,115,57,.14),transparent 22%),
    #050607;
}
.echo-library-art{
  background:
    repeating-radial-gradient(circle at 50% 42%,transparent 0 28px,rgba(161,112,61,.05) 29px 30px,transparent 31px 55px),
    #050607;
}
.book-art span,.book-art strong,.book-art small{position:relative;z-index:2}
.book-art span{color:#735f49;font-size:8px;letter-spacing:.18em}
.book-art strong{max-width:75%;margin:18px 0;color:#c89f69;font-weight:400;font-size:31px;line-height:1.15;letter-spacing:.08em}
.book-art small{color:#665544;font-size:8px;letter-spacing:.18em}
.heartbeat-library-art img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.44) saturate(.62);
}
.book-art-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(3,4,5,.9),transparent 56%,rgba(3,4,5,.45))}
.heartbeat-library-art{justify-content:flex-end;padding-bottom:85px}
.book-library-copy{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}
.book-library-copy h2{
  margin:8px 0 18px;color:#c9a16d;font-size:clamp(45px,5.5vw,76px);font-weight:400;line-height:.94;
}
.book-library-hook{max-width:660px;color:#7c746a;font-size:11px;line-height:1.85}
.book-library-meta{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0 31px}
.book-library-meta span{
  padding:7px 8px;border:1px solid rgba(184,137,79,.12);color:#695947;font-size:7px;letter-spacing:.13em;
}
.book-actions{display:flex;flex-wrap:wrap;gap:9px}
.book-actions .btn{margin:0}
.featured-library-entry{border-color:rgba(184,137,79,.25)}
.future-library-entry{opacity:.84}
.book-restricted-label{color:#6b5843;font-size:7px;letter-spacing:.17em}
.book-canon-rule{
  min-height:540px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:#030405;
}
.book-canon-rule h2{
  margin:8px 0 21px;color:#ba925f;font-size:clamp(44px,5.7vw,76px);font-weight:400;line-height:.92;
}
.book-canon-rule h2 em{font-style:normal;color:#6c5137}
.book-canon-rule>p:not(.eyebrow){max-width:720px;color:#6e675e;font-size:10px;line-height:1.8}
.book-world-bridge{
  max-width:1320px;margin:0 auto;padding:120px 42px 135px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.book-world-bridge h2{
  margin:8px 0 0;color:#c29a66;font-size:clamp(45px,5.6vw,73px);font-weight:400;line-height:.9;
}
.book-world-links{display:grid}
.book-world-links a{
  padding:20px 0;border-top:1px solid rgba(184,137,79,.11);display:flex;justify-content:space-between;
  color:#90704d;font-size:9px;letter-spacing:.16em;
}
.book-world-links a:last-child{border-bottom:1px solid rgba(184,137,79,.11)}
@media(max-width:900px){
  .book-library-entry,.book-library-entry.reverse{grid-template-columns:1fr}
  .book-library-entry.reverse .book-art,.book-library-entry.reverse .book-library-copy{order:initial}
  .book-art{min-height:70vh;border-right:0;border-bottom:1px solid rgba(184,137,79,.08)}
  .book-library-entry.reverse .book-art{border-left:0}
  .book-library-copy{padding:58px 28px 72px}
  .book-world-bridge{grid-template-columns:1fr;gap:50px}
}
@media(max-width:600px){
  .books-inner-hero{padding:120px 18px 65px}
  .books-inner-copy h1{font-size:53px}
  .series-order-line{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}
  .series-order-line i{min-width:28px}
  .book-library-list{padding:80px 18px 95px}
  .book-art{min-height:62vh}
  .book-world-bridge{padding:85px 18px 95px}
}

/* v2.6 WATCH */
.watch-hero{min-height:76vh;padding:145px 7vw 85px;display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 40%,rgba(151,95,47,.07),transparent 20%),#030405}.watch-hero>div{max-width:980px}.watch-hero h1{margin:8px 0 20px;color:#c8a06c;font-weight:400;font-size:clamp(64px,8vw,116px);line-height:.84}.watch-hero h1 em,.character-films h2 em,.world-shorts h2 em,.watch-rule h2 em{font-style:normal;color:#73583c}.watch-hero p:not(.eyebrow){max-width:680px;color:#7b7369;font-size:11px;line-height:1.85}.watch-hero>div>span{display:inline-block;margin-top:20px;padding:7px 9px;border:1px solid rgba(184,137,79,.14);color:#715c44;font-size:7px;letter-spacing:.16em}.featured-film{min-height:92vh;display:grid;grid-template-columns:1.2fr .8fr;background:#050607}.featured-screen{padding:6vw;display:flex;align-items:center}.featured-screen-inner{width:100%;aspect-ratio:16/9;border:1px solid rgba(184,137,79,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(152,101,49,.08),transparent 24%),#020304}.play-ring{width:68px;height:68px;border:1px solid rgba(184,137,79,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a87c49}.featured-screen small{margin-top:17px;color:#685743;font-size:7px;letter-spacing:.16em}.featured-film-copy{padding:80px 7vw 80px 20px;display:flex;flex-direction:column;justify-content:center}.featured-film-copy h2{margin:8px 0 20px;color:#c39a66;font-size:clamp(55px,6.5vw,90px);font-weight:400;line-height:.87}.featured-film-copy>p:not(.eyebrow){color:#776f65;font-size:10px;line-height:1.8}.watch-meta{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 30px}.watch-meta span{padding:7px 8px;border:1px solid rgba(184,137,79,.12);color:#695947;font-size:7px}.character-films{max-width:1380px;margin:0 auto;padding:120px 42px 135px}.character-films header{max-width:850px;margin-bottom:48px}.character-films h2,.world-shorts h2,.watch-rule h2{margin:8px 0 18px;color:#bf9662;font-size:clamp(50px,6vw,82px);font-weight:400;line-height:.9}.character-films header>p:not(.eyebrow),.world-shorts p:not(.eyebrow),.watch-rule p:not(.eyebrow){color:#71695f;font-size:10px;line-height:1.8}.character-film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.character-film-grid article{min-height:280px;padding:28px;border:1px solid rgba(184,137,79,.12);background:#070809;display:flex;flex-direction:column;justify-content:flex-end}.character-film-grid article>span{color:rgba(184,137,79,.25);font-size:28px;margin-bottom:auto;text-align:right}.character-film-grid strong{color:#b98f5d;font-weight:400;font-size:22px}.character-film-grid small,.character-film-grid i{margin-top:8px;color:#675a4b;font-size:7px;letter-spacing:.15em}.character-film-grid i{font-style:normal}.entity-film{filter:brightness(.78)}.world-shorts{min-height:700px;padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#030405}.world-short-list{display:grid}.world-short-list a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:24px 0;border-top:1px solid rgba(184,137,79,.11);color:#8b6b49}.world-short-list a:last-child{border-bottom:1px solid rgba(184,137,79,.11)}.world-short-list span,.world-short-list small{font-size:7px;color:#625443}.world-short-list strong{font-size:15px;font-weight:400}.watch-rule{min-height:520px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#020304}@media(max-width:900px){.featured-film,.world-shorts{grid-template-columns:1fr}.character-film-grid{grid-template-columns:1fr 1fr}.featured-film-copy{padding:40px 28px 80px}}@media(max-width:600px){.watch-hero{padding:120px 18px 65px}.watch-hero h1{font-size:53px}.character-films{padding:85px 18px}.character-film-grid{grid-template-columns:1fr}.world-shorts{padding:85px 18px}.world-short-list small{display:none}}

/* v2.7 — THE ARCHIVE */
.archive-hero{min-height:86vh;padding:145px 7vw 90px;display:grid;grid-template-columns:1fr .55fr;align-items:end;background:radial-gradient(circle at 78% 42%,rgba(147,91,43,.07),transparent 19%),#030405;border-bottom:1px solid rgba(184,137,79,.09)}
.archive-hero h1{margin:8px 0 20px;color:#c8a06b;font-weight:400;font-size:clamp(70px,9vw,126px);line-height:.84}.archive-hero p:not(.eyebrow){max-width:680px;color:#766f66;font-size:11px;line-height:1.85}.archive-hero>div>span{display:inline-block;margin-top:20px;padding:7px 9px;border:1px solid rgba(184,137,79,.14);color:#705b44;font-size:7px;letter-spacing:.15em}
.archive-clock{text-align:right;padding:0 4vw 25px 0}.archive-clock small,.archive-clock i{display:block;color:#65523e;font-size:7px;letter-spacing:.2em;font-style:normal}.archive-clock strong{display:block;color:#9d774e;font-size:clamp(62px,8vw,110px);font-weight:400;line-height:1}
.archive-index{max-width:1380px;margin:0 auto;padding:120px 42px 135px;display:grid;grid-template-columns:.45fr 1.55fr;gap:80px}.archive-index-head h2{margin:8px 0;color:#b88e5c;font-size:55px;font-weight:400;line-height:.9}.archive-records{display:grid}.archive-records article{display:grid;grid-template-columns:120px 1fr 150px;gap:20px;padding:28px 0;border-top:1px solid rgba(184,137,79,.11);align-items:start}.archive-records article:last-child{border-bottom:1px solid rgba(184,137,79,.11)}.archive-records span,.archive-records small{color:#6d5944;font-size:7px;letter-spacing:.13em}.archive-records strong{color:#aa8255;font-weight:400;font-size:16px}.archive-records p{grid-column:2/4;color:#686159;font-size:9px;line-height:1.7;margin:0}
.archive-artifact{min-height:760px;display:grid;grid-template-columns:1fr 1fr;background:#050607}.artifact-visual{position:relative;margin:55px;border:1px solid rgba(184,137,79,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(153,101,48,.08),transparent 20%),#020304}.artifact-visual>span{position:absolute;top:20px;right:22px;color:rgba(184,137,79,.22);font-size:35px}.artifact-mark{font-size:90px;color:#5e4934}.artifact-visual small{margin-top:20px;color:#665440;font-size:7px;letter-spacing:.18em}.artifact-copy{padding:80px 7vw 80px 20px;display:flex;flex-direction:column;justify-content:center}.artifact-copy h2,.archive-access h2{margin:8px 0 20px;color:#b98f5c;font-size:clamp(48px,5.8vw,78px);font-weight:400;line-height:.9}.artifact-copy h2 em,.archive-access h2 em{font-style:normal;color:#684f36}.artifact-copy>p:not(.eyebrow){color:#71695f;font-size:10px;line-height:1.8}.archive-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}.archive-tags span{padding:7px 8px;border:1px solid rgba(184,137,79,.12);color:#665543;font-size:7px}
.archive-clock-section{min-height:620px;padding:100px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#020304}.clock-big{color:#9b744b;font-size:clamp(110px,18vw,260px);font-weight:400;line-height:.8;letter-spacing:.02em}.archive-clock-section>p:last-child{max-width:650px;color:#625c55;font-size:9px;line-height:1.8;margin-top:35px}
.archive-access{max-width:1280px;margin:0 auto;padding:120px 42px 145px;text-align:center}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px;text-align:left}.access-grid article{min-height:250px;padding:28px;border:1px solid rgba(184,137,79,.11);background:#070809}.access-grid span{display:block;text-align:right;color:rgba(184,137,79,.22);font-size:30px}.access-grid strong{display:block;margin-top:55px;color:#aa8255;font-size:17px;font-weight:400}.access-grid p{color:#665f57;font-size:9px;line-height:1.7}
@media(max-width:900px){.archive-hero{grid-template-columns:1fr}.archive-clock{text-align:left;padding-top:60px}.archive-index{grid-template-columns:1fr;gap:35px}.archive-artifact{grid-template-columns:1fr}.artifact-visual{min-height:65vh}.artifact-copy{padding:45px 28px 80px}.access-grid{grid-template-columns:1fr}}
@media(max-width:600px){.archive-hero{padding:120px 18px 65px}.archive-index,.archive-access{padding:85px 18px}.archive-records article{grid-template-columns:1fr;gap:9px}.archive-records p{grid-column:1}.artifact-visual{margin:18px}}


/* v2.8 — ARCHIVE PART II */
.archive-part-two{
  max-width:1400px;
  margin:0 auto;
  padding:120px 42px 130px;
}
.archive-part-two-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:80px;
  align-items:end;
  margin-bottom:55px;
}
.archive-part-two-head h2{
  margin:8px 0 0;
  color:#bc925f;
  font-size:clamp(48px,6vw,82px);
  font-weight:400;
  line-height:.9;
}
.archive-part-two-head h2 em{
  font-style:normal;
  color:#6b5137;
}
.archive-part-two-head>p{
  max-width:560px;
  color:#6f675e;
  font-size:10px;
  line-height:1.8;
}
.case-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.case-card{
  position:relative;
  min-height:420px;
  padding:30px;
  border:1px solid rgba(184,137,79,.12);
  background:#070809;
}
.case-primary{
  border-color:rgba(184,137,79,.28);
  background:
    linear-gradient(135deg,rgba(154,103,52,.05),transparent 45%),
    #070809;
}
.case-no{
  color:#806347;
  font-size:8px;
  letter-spacing:.18em;
}
.case-type{
  margin-top:36px;
  color:#5f5142;
  font-size:7px;
  letter-spacing:.18em;
}
.case-card h3{
  margin:8px 0 18px;
  color:#b88f5d;
  font-size:30px;
  font-weight:400;
}
.case-card>p{
  max-width:580px;
  color:#736b62;
  font-size:10px;
  line-height:1.75;
}
.case-card dl{
  margin:30px 0 24px;
  border-top:1px solid rgba(184,137,79,.09);
}
.case-card dl div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:10px 0;
  border-bottom:1px solid rgba(184,137,79,.07);
}
.case-card dt{
  color:#5e5143;
  font-size:7px;
  letter-spacing:.14em;
}
.case-card dd{
  margin:0;
  color:#80694f;
  font-size:7px;
  letter-spacing:.1em;
}
.case-open{
  border:0;
  background:transparent;
  color:#98744c;
  padding:0;
  font-size:7px;
  letter-spacing:.17em;
}
.restricted-case{
  opacity:.78;
}
.redact{
  margin:24px 0 44px;
}
.redact i{
  display:block;
  width:84%;
  height:8px;
  margin:8px 0;
  background:#151515;
}
.redact .short{width:46%}
.sealed-label{
  color:#5d5042;
  font-size:7px;
  letter-spacing:.18em;
}
.evidence-strip{
  margin-top:55px;
  padding:32px 0 0;
  border-top:1px solid rgba(184,137,79,.1);
  text-align:center;
}
.evidence-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#6e5842;
  font-size:7px;
  letter-spacing:.14em;
}
.evidence-line i{
  width:54px;
  height:1px;
  background:rgba(184,137,79,.2);
}
.evidence-strip p{
  margin-top:20px;
  color:#58524c;
  font-size:8px;
}
@media(max-width:850px){
  .archive-part-two-head{grid-template-columns:1fr;gap:30px}
  .case-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .archive-part-two{padding:85px 18px 95px}
  .evidence-line{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}
  .evidence-line i{min-width:28px}
}


/* v2.9 — ARCHIVE PART III / ARTIFACT 014-B EVIDENCE VIEWER */
.archive-artifact-lab{
  max-width:1420px;
  margin:0 auto;
  padding:125px 42px 135px;
}
.artifact-lab-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:80px;
  align-items:end;
  margin-bottom:55px;
}
.artifact-lab-head h2{
  margin:8px 0 0;
  color:#bb915e;
  font-size:clamp(52px,6.2vw,86px);
  font-weight:400;
  line-height:.88;
}
.artifact-lab-head h2 em{font-style:normal;color:#6b5137}
.artifact-lab-head>p{
  max-width:560px;
  color:#6d655d;
  font-size:10px;
  line-height:1.8;
}
.artifact-lab-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px;
}
.artifact-stage{
  min-height:780px;
  padding:18px;
  border:1px solid rgba(184,137,79,.15);
  background:
    linear-gradient(rgba(173,128,75,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(173,128,75,.017) 1px,transparent 1px),
    #040506;
  background-size:28px 28px;
}
.artifact-stage-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:6px 6px 16px;
  border-bottom:1px solid rgba(184,137,79,.08);
}
.artifact-stage-top span,.artifact-stage-top strong{
  color:#665441;
  font-size:7px;
  letter-spacing:.16em;
  font-weight:400;
}
.artifact-stage-top strong{color:#9b754c}
.artifact-object-wrap{
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1300px;
  overflow:hidden;
}
.artifact-object{
  position:relative;
  width:min(74%,520px);
  aspect-ratio:4/5;
  transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),scale .35s ease;
}
.artifact-object.is-reverse{transform:rotateY(180deg)}
.artifact-object.is-zoomed{scale:1.2}
.artifact-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  border:1px solid rgba(184,137,79,.16);
  background:#020304;
  box-shadow:0 30px 70px rgba(0,0,0,.38);
  overflow:hidden;
}
.artifact-face img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.7) saturate(.66) contrast(1.03);
}
.artifact-reverse{transform:rotateY(180deg)}
.artifact-reverse-generated{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    repeating-radial-gradient(circle at 50% 46%,transparent 0 32px,rgba(184,137,79,.045) 33px 34px,transparent 35px 66px),
    radial-gradient(circle at 50% 46%,rgba(155,106,54,.08),transparent 25%),
    #050607;
}
.artifact-reverse-generated span{
  position:absolute;
  top:20px;right:22px;
  color:rgba(184,137,79,.22);
  font-size:28px;
}
.artifact-reverse-generated i{
  color:#76573b;
  font-style:normal;
  font-size:100px;
  transform:rotate(45deg);
}
.artifact-reverse-generated small{
  margin-top:28px;
  color:#665441;
  font-size:7px;
  letter-spacing:.18em;
}
.artifact-toolbar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:2px;
}
.artifact-tool{
  padding:11px 8px;
  border:1px solid rgba(184,137,79,.12);
  background:#060708;
  color:#695947;
  font-size:7px;
  letter-spacing:.14em;
}
.artifact-tool.active{
  border-color:rgba(184,137,79,.32);
  color:#a17b50;
}
.artifact-scale{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-top:18px;
  color:#595149;
  font-size:6px;
  letter-spacing:.14em;
}
.artifact-scale i{
  width:80px;
  height:1px;
  background:rgba(184,137,79,.13);
}
.artifact-dossier{
  padding:34px;
  border:1px solid rgba(184,137,79,.14);
  background:#070809;
}
.artifact-dossier h3{
  margin:8px 0 28px;
  color:#b88f5d;
  font-size:30px;
  font-weight:400;
}
.artifact-dossier dl{margin:0}
.artifact-dossier dl div{
  padding:12px 0;
  border-top:1px solid rgba(184,137,79,.08);
}
.artifact-dossier dt{
  color:#5c5043;
  font-size:7px;
  letter-spacing:.15em;
  margin-bottom:4px;
}
.artifact-dossier dd{
  margin:0;
  color:#7e684f;
  font-size:8px;
  letter-spacing:.08em;
}
.artifact-note,.artifact-warning{
  margin-top:28px;
  padding:18px;
  border:1px solid rgba(184,137,79,.09);
  background:#050607;
}
.artifact-note span,.artifact-warning span{
  color:#715a43;
  font-size:7px;
  letter-spacing:.16em;
}
.artifact-note p,.artifact-warning p{
  margin:12px 0 0;
  color:#696159;
  font-size:9px;
  line-height:1.75;
}
.artifact-warning{
  border-color:rgba(212,198,179,.1);
}
.artifact-relations{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:34px;
}
.artifact-relations a{
  min-height:150px;
  padding:20px;
  border:1px solid rgba(184,137,79,.1);
  background:#060708;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.artifact-relations span{
  margin-bottom:auto;
  color:rgba(184,137,79,.2);
  font-size:24px;
}
.artifact-relations strong{
  color:#9b754d;
  font-size:13px;
  font-weight:400;
}
.artifact-relations small{
  margin-top:6px;
  color:#5d5042;
  font-size:6px;
  letter-spacing:.13em;
}
@media(max-width:900px){
  .artifact-lab-head,.artifact-lab-grid{grid-template-columns:1fr}
  .artifact-relations{grid-template-columns:1fr 1fr}
  .artifact-stage{min-height:700px}
  .artifact-object-wrap{min-height:540px}
}
@media(max-width:600px){
  .archive-artifact-lab{padding:85px 18px 95px}
  .artifact-stage{padding:12px;min-height:620px}
  .artifact-object-wrap{min-height:470px}
  .artifact-object{width:88%}
  .artifact-toolbar{grid-template-columns:1fr 1fr}
  .artifact-scale{flex-direction:column}
  .artifact-relations{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .artifact-object{transition:none}
}


/* v3.0 — ARCHIVE PART IV / ANOMALOUS SIGNAL ROOM */
.signal-room{
  max-width:1420px;
  margin:0 auto;
  padding:125px 42px 145px;
}
.signal-room-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:80px;
  align-items:end;
  margin-bottom:55px;
}
.signal-room-head h2{
  margin:8px 0 0;
  color:#b78d5b;
  font-size:clamp(50px,6vw,82px);
  font-weight:400;
  line-height:.9;
}
.signal-room-head h2 em{
  font-style:normal;
  color:#674d34;
}
.signal-room-head>p{
  max-width:560px;
  color:#6a635b;
  font-size:10px;
  line-height:1.8;
}
.signal-console{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:16px;
}
.signal-monitor,
.signal-log{
  border:1px solid rgba(184,137,79,.13);
  background:#050607;
}
.signal-monitor{
  padding:18px;
}
.signal-monitor-top{
  display:flex;
  justify-content:space-between;
  padding:4px 4px 15px;
  border-bottom:1px solid rgba(184,137,79,.08);
}
.signal-monitor-top span,
.signal-monitor-top strong{
  color:#62503e;
  font-size:7px;
  letter-spacing:.16em;
  font-weight:400;
}
.signal-monitor-top strong{color:#765c43}
.signal-screen{
  position:relative;
  min-height:560px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(122,81,42,.04),transparent 27%),
    #020304;
  border:1px solid rgba(184,137,79,.07);
  margin-top:14px;
}
.signal-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(184,137,79,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,137,79,.025) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.6;
}
.signal-clock-ghost{
  position:absolute;
  right:5%;
  top:4%;
  color:rgba(184,137,79,.045);
  font-size:clamp(90px,10vw,160px);
  line-height:1;
  pointer-events:none;
}
.signal-wave{
  position:absolute;
  left:4%;
  right:4%;
  top:50%;
  height:160px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:8px;
}
.signal-wave i{
  flex:1;
  height:2px;
  background:#5d4935;
  opacity:.25;
  transform-origin:center;
  transition:height .45s ease,opacity .45s ease,background-color .45s ease;
}
.signal-screen.is-active .signal-wave i{opacity:.9;background:#9a7047}
.signal-screen.is-active .signal-wave i:nth-child(3n){height:36px}
.signal-screen.is-active .signal-wave i:nth-child(5n){height:78px}
.signal-screen.is-active .signal-wave i:nth-child(7n){height:124px}
.signal-screen.is-active .signal-wave i:nth-child(11n){height:154px}
.signal-screen.is-frozen .signal-wave i{transition:none}
.signal-message{
  position:absolute;
  left:5%;
  bottom:7%;
}
.signal-message span,.signal-message small{display:block}
.signal-message span{
  color:#6c5843;
  font-size:9px;
  letter-spacing:.17em;
}
.signal-message small{
  margin-top:7px;
  color:#4f4841;
  font-size:7px;
  letter-spacing:.14em;
}
.signal-screen.is-active .signal-message span{color:#9d774e}
.signal-controls{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:10px;
}
.signal-controls button{
  padding:11px 8px;
  border:1px solid rgba(184,137,79,.11);
  background:#060708;
  color:#655441;
  font-size:7px;
  letter-spacing:.15em;
}
.signal-log{
  padding:32px;
}
.signal-log h3{
  margin:8px 0 28px;
  color:#ae8455;
  font-size:24px;
  font-weight:400;
  line-height:1.15;
}
.signal-log-list{
  border-top:1px solid rgba(184,137,79,.08);
}
.signal-log-list div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 0;
  border-bottom:1px solid rgba(184,137,79,.06);
}
.signal-log-list span{
  color:#5e5041;
  font-size:7px;
  letter-spacing:.12em;
}
.signal-log-list strong{
  color:#6e5b45;
  font-size:7px;
  letter-spacing:.1em;
  font-weight:400;
}
.signal-log-list .signal-log-alert strong{color:#a0794f}
.signal-log-muted{opacity:.62}
.signal-correlations{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:30px 0;
  color:#67533f;
  font-size:6px;
  letter-spacing:.12em;
}
.signal-correlations i{
  width:22px;
  height:1px;
  background:rgba(184,137,79,.15);
}
.signal-rule{
  margin-top:28px;
  padding:18px;
  border:1px solid rgba(184,137,79,.08);
  background:#040506;
}
.signal-rule span{
  color:#695540;
  font-size:7px;
  letter-spacing:.16em;
}
.signal-rule p{
  margin:12px 0 0;
  color:#625b54;
  font-size:9px;
  line-height:1.7;
}
.signal-after{
  min-height:280px;
  margin-top:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid rgba(184,137,79,.08);
  border-bottom:1px solid rgba(184,137,79,.08);
}
.signal-after span{
  color:#805f42;
  font-size:clamp(70px,9vw,130px);
  font-weight:400;
  line-height:.9;
}
.signal-after p{
  max-width:720px;
  margin-top:20px;
  color:#5f5750;
  font-size:8px;
  letter-spacing:.15em;
  line-height:1.8;
}
.signal-screen.signal-glitch{
  animation:archiveGlitch .38s steps(2,end) 1;
}
@keyframes archiveGlitch{
  0%{transform:translate(0)}
  20%{transform:translate(-3px,1px)}
  40%{transform:translate(2px,-1px)}
  60%{transform:translate(-1px,2px)}
  80%{transform:translate(2px,0)}
  100%{transform:translate(0)}
}
@media(max-width:900px){
  .signal-room-head,.signal-console{grid-template-columns:1fr}
}
@media(max-width:600px){
  .signal-room{padding:85px 18px 95px}
  .signal-screen{min-height:460px}
  .signal-wave{gap:4px}
  .signal-controls{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .signal-screen.signal-glitch{animation:none}
  .signal-wave i{transition:none}
}


/* v3.1 — PART V / THE SILENT FILE */
.silent-file{
  max-width:1420px;
  margin:0 auto;
  padding:130px 42px 150px;
}
.silent-file-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:80px;
  align-items:end;
  margin-bottom:58px;
}
.silent-file-head h2{
  margin:8px 0 0;
  color:#b58a59;
  font-size:clamp(50px,6vw,84px);
  font-weight:400;
  line-height:.9;
}
.silent-file-head h2 em{font-style:normal;color:#604932}
.silent-file-head>p{
  max-width:540px;
  color:#655e57;
  font-size:10px;
  line-height:1.8;
}
.silent-file-shell{
  border:1px solid rgba(184,137,79,.12);
  background:#050607;
}
.silent-meta,.silent-footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:15px 20px;
  color:#5d4d3d;
  font-size:7px;
  letter-spacing:.15em;
}
.silent-meta{border-bottom:1px solid rgba(184,137,79,.07)}
.silent-footer{border-top:1px solid rgba(184,137,79,.07)}
.silent-page{
  position:relative;
  min-height:700px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 48%,rgba(140,91,45,.025),transparent 25%),
    #020304;
}
.silent-corner{
  position:absolute;
  top:24px;right:26px;
  color:rgba(184,137,79,.12);
  font-size:8px;
  letter-spacing:.15em;
}
.silent-empty{text-align:center;transition:opacity .8s ease}
.silent-empty span{
  display:block;
  color:#5c5044;
  font-size:10px;
  letter-spacing:.2em;
}
.silent-empty small{
  display:block;
  margin-top:10px;
  color:#3f3b37;
  font-size:7px;
  letter-spacing:.14em;
}
.silent-reveal{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  padding:11px 18px;
  border:1px solid rgba(184,137,79,.12);
  background:#040506;
  color:#6d5842;
  font-size:7px;
  letter-spacing:.16em;
}
.hidden-layer{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transform:scale(.985);
  transition:opacity 1.2s ease,transform 1.2s ease;
  background:
    repeating-linear-gradient(0deg,rgba(184,137,79,.018) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 50% 50%,rgba(126,80,39,.06),transparent 32%);
}
.hidden-mark{
  color:#7c5b3d;
  font-size:70px;
  transform:rotate(45deg);
  opacity:.55;
}
.hidden-layer>p{
  margin:28px 0 34px;
  color:#8c6848;
  font-size:9px;
  letter-spacing:.2em;
}
.hidden-lines{
  width:min(560px,80%);
  border-top:1px solid rgba(184,137,79,.09);
}
.hidden-lines span{
  display:block;
  padding:11px 0;
  border-bottom:1px solid rgba(184,137,79,.06);
  color:#645443;
  font-size:7px;
  letter-spacing:.14em;
}
.redacted-text{color:#4b4540!important}
.silent-file-shell.is-revealed .silent-empty{opacity:0}
.silent-file-shell.is-revealed .hidden-layer{
  opacity:1;
  transform:scale(1);
}
.silent-file-shell.is-revealed .silent-reveal{
  color:#8d6847;
  border-color:rgba(184,137,79,.25);
}
.silent-file-shell.is-revealed{
  box-shadow:inset 0 0 90px rgba(117,74,36,.035);
}
.observer-block{
  min-height:360px;
  margin-top:38px;
  padding:55px;
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:70px;
  align-items:center;
  border-top:1px solid rgba(184,137,79,.08);
  border-bottom:1px solid rgba(184,137,79,.08);
  opacity:.32;
  transition:opacity 1.2s ease;
}
.observer-block.is-awake{opacity:1}
.observer-time{
  color:#7f5d40;
  font-size:clamp(80px,10vw,145px);
  line-height:.8;
}
.observer-block h3{
  margin:10px 0 18px;
  color:#9b744d;
  font-size:clamp(28px,3vw,45px);
  font-weight:400;
  line-height:1.05;
}
.observer-copy{
  max-width:650px;
  color:#5e5750;
  font-size:9px;
  line-height:1.75;
}
@media(max-width:850px){
  .silent-file-head,.observer-block{grid-template-columns:1fr}
  .observer-block{gap:35px}
}
@media(max-width:600px){
  .silent-file{padding:85px 18px 95px}
  .silent-page{min-height:570px}
  .silent-meta,.silent-footer{flex-direction:column}
  .observer-block{padding:40px 18px}
}
@media(prefers-reduced-motion:reduce){
  .silent-empty,.hidden-layer,.observer-block{transition:none}
}


/* v3.2 — PART VI / SEALED THRESHOLD */
.threshold-file{max-width:1420px;margin:0 auto;padding:130px 42px 155px}
.threshold-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:58px}
.threshold-head h2{margin:8px 0 0;color:#b58a59;font-size:clamp(52px,6vw,86px);font-weight:400;line-height:.89}
.threshold-head h2 em{font-style:normal;color:#604831}
.threshold-head>p{max-width:560px;color:#655e57;font-size:10px;line-height:1.8}
.threshold-chamber{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.threshold-frame,.threshold-dossier{border:1px solid rgba(184,137,79,.13);background:#050607}
.threshold-frame{padding:18px}
.threshold-status{display:flex;justify-content:space-between;padding:5px 5px 15px;border-bottom:1px solid rgba(184,137,79,.08)}
.threshold-status span,.threshold-status strong{color:#65513e;font-size:7px;letter-spacing:.16em;font-weight:400}
.threshold-status strong{color:#8b6848}
.threshold-door{position:relative;min-height:650px;margin-top:14px;overflow:hidden;background:#020304;border:1px solid rgba(184,137,79,.07)}
.door-a,.door-b{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#050607,#090908);transition:transform 1.5s cubic-bezier(.2,.75,.2,1)}
.door-a{left:0;border-right:1px solid rgba(184,137,79,.1)}
.door-b{right:0;border-left:1px solid rgba(184,137,79,.1);background:linear-gradient(270deg,#050607,#090908)}
.threshold-sigil{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(45deg);color:#76583c;font-size:105px;z-index:2;transition:opacity .7s ease}
.threshold-time{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:rgba(184,137,79,.04);font-size:clamp(110px,12vw,190px);z-index:1}
.threshold-copy{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:80%;text-align:center;z-index:3}
.threshold-copy span,.threshold-copy strong{display:block}
.threshold-copy span{color:#5b4d40;font-size:7px;letter-spacing:.18em}
.threshold-copy strong{margin-top:9px;color:#725a43;font-size:9px;letter-spacing:.16em;font-weight:400}
.threshold-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.threshold-controls button{padding:12px;border:1px solid rgba(184,137,79,.12);background:#060708;color:#6c5842;font-size:7px;letter-spacing:.15em}
.threshold-dossier{padding:32px}
.threshold-dossier h3{margin:8px 0 28px;color:#ad8354;font-size:25px;font-weight:400;line-height:1.15}
.sealed-records{border-top:1px solid rgba(184,137,79,.08)}
.sealed-records div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(184,137,79,.06)}
.sealed-records span,.sealed-records strong{font-size:7px;letter-spacing:.13em;font-weight:400}
.sealed-records span{color:#675541}.sealed-records strong{color:#594b3d}
.threshold-note{margin-top:30px;padding:18px;border:1px solid rgba(184,137,79,.08);background:#040506}
.threshold-note span{color:#6c5741;font-size:7px;letter-spacing:.16em}
.threshold-note p{margin:12px 0 0;color:#625a52;font-size:9px;line-height:1.7}
.threshold-chamber.is-approached .door-a{transform:translateX(-7%)}
.threshold-chamber.is-approached .door-b{transform:translateX(7%)}
.threshold-chamber.is-approached .threshold-sigil{opacity:.28}
.threshold-chamber.is-approached .threshold-door{box-shadow:inset 0 0 100px rgba(126,78,35,.05)}
.threshold-final{min-height:430px;margin-top:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(184,137,79,.08);border-bottom:1px solid rgba(184,137,79,.08)}
.threshold-final>p{color:#66533f;font-size:7px;letter-spacing:.2em}
.threshold-final h3{margin:20px 0;color:#a27a50;font-size:clamp(36px,4.5vw,66px);font-weight:400;line-height:.95}
.threshold-final h3 em{font-style:normal;color:#614a34}
.threshold-final>span{margin-top:14px;color:#554d46;font-size:7px;letter-spacing:.15em}
@media(max-width:900px){.threshold-head,.threshold-chamber{grid-template-columns:1fr}}
@media(max-width:600px){.threshold-file{padding:85px 18px 95px}.threshold-door{min-height:520px}.threshold-controls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.door-a,.door-b,.threshold-sigil{transition:none}}


/* v3.3 — ARCHIVE EPILOGUE / EXIT ROUTES */
.archive-epilogue{
  max-width:1420px;
  margin:0 auto;
  padding:135px 42px 155px;
}
.archive-epilogue-inner{
  text-align:center;
}
.archive-epilogue h2{
  margin:18px auto 24px;
  max-width:1100px;
  color:#b58a59;
  font-size:clamp(48px,6vw,84px);
  font-weight:400;
  line-height:.92;
}
.archive-epilogue h2 em{
  font-style:normal;
  color:#604932;
}
.archive-epilogue-copy{
  max-width:700px;
  margin:0 auto;
  color:#625b54;
  font-size:10px;
  line-height:1.8;
}
.archive-exit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:65px;
  text-align:left;
}
.archive-exit-grid a{
  min-height:260px;
  padding:24px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(184,137,79,.1);
  background:#050607;
  transition:border-color .25s ease,transform .25s ease,background .25s ease;
}
.archive-exit-grid a:hover{
  transform:translateY(-3px);
  border-color:rgba(184,137,79,.28);
  background:#070809;
}
.archive-exit-grid span{
  margin-bottom:auto;
  color:rgba(184,137,79,.18);
  font-size:34px;
}
.archive-exit-grid small{
  color:#5b4e40;
  font-size:7px;
  letter-spacing:.15em;
}
.archive-exit-grid strong{
  margin-top:7px;
  color:#9d764e;
  font-size:22px;
  font-weight:400;
}
.archive-exit-grid i{
  margin-top:10px;
  color:#514941;
  font-size:6px;
  font-style:normal;
  letter-spacing:.14em;
}
.archive-close-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:54px;
  color:#554a3e;
  font-size:6px;
  letter-spacing:.15em;
}
.archive-close-line i{
  width:65px;
  height:1px;
  background:rgba(184,137,79,.13);
}
@media(max-width:900px){
  .archive-exit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .archive-epilogue{padding:90px 18px 100px}
  .archive-exit-grid{grid-template-columns:1fr}
  .archive-close-line{flex-direction:column}
  .archive-close-line i{width:1px;height:24px}
}

/* v3.4 — BOOKS 2.0 */
.books20-hero{min-height:88vh;padding:145px 7vw 90px;display:grid;grid-template-columns:1fr .45fr;align-items:end;background:radial-gradient(circle at 77% 43%,rgba(148,94,45,.07),transparent 20%),#030405}
.books20-hero h1{margin:8px 0 20px;color:#c39a66;font-size:clamp(72px,9vw,128px);font-weight:400;line-height:.84}.books20-hero h1 em,.books20-section-head h2 em,.reader-preview-head h2 em,.my-library-preview h2 em,.books20-rule h2 em{font-style:normal;color:#6b5137}
.books20-hero p:not(.eyebrow){max-width:650px;color:#756d64;font-size:10px;line-height:1.85}.books20-actions{display:flex;gap:8px;margin-top:28px}.books20-count{text-align:right;padding:0 3vw 18px}.books20-count small,.books20-count span{display:block;color:#62503e;font-size:7px;letter-spacing:.17em}.books20-count strong{display:block;color:#95704a;font-size:clamp(85px,10vw,145px);font-weight:400;line-height:.9}
.books20-library,.reader-preview,.my-library-preview{max-width:1400px;margin:0 auto;padding:125px 42px 140px}.books20-section-head,.reader-preview-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:55px}.books20-section-head h2,.reader-preview-head h2,.my-library-preview h2,.books20-rule h2{margin:8px 0;color:#b88e5c;font-size:clamp(50px,6vw,82px);font-weight:400;line-height:.9}.books20-section-head>p,.reader-preview-head>p{color:#6d655d;font-size:10px;line-height:1.8}
.edition-list{border-top:1px solid rgba(184,137,79,.1)}.edition-row{display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(184,137,79,.1)}.edition-no{color:rgba(184,137,79,.22);font-size:46px}.edition-row small{color:#655441;font-size:7px;letter-spacing:.14em}.edition-row h3{margin:7px 0;color:#ae8456;font-size:28px;font-weight:400;direction:rtl;text-align:left}.edition-row p{margin:0;color:#574f47;font-size:7px;letter-spacing:.13em}.edition-actions{display:flex;gap:7px;flex-wrap:wrap}.edition-actions button{padding:10px 12px;border:1px solid rgba(184,137,79,.13);background:#060708;color:#705b44;font-size:7px;letter-spacing:.12em}.edition-actions button:disabled{opacity:.38}
.international-edition{min-height:720px;padding:110px 7vw;display:flex;align-items:center;background:radial-gradient(circle at 76% 48%,rgba(133,86,42,.06),transparent 20%),#030405}.international-edition>div{max-width:800px}.international-no{display:block;margin:18px 0;color:#72583f;font-size:8px;letter-spacing:.16em}.international-edition h2{margin:0;color:#b78d5b;font-size:clamp(60px,7vw,100px);font-weight:400;line-height:.86}.international-edition>div>p:not(.eyebrow){max-width:650px;color:#6b645c;font-size:10px;line-height:1.8;margin:24px 0}
.reader-shell{border:1px solid rgba(184,137,79,.14);background:#040506}.reader-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(184,137,79,.08)}.reader-topbar span,.reader-topbar button{color:#665440;font-size:7px;letter-spacing:.13em}.reader-topbar button{border:1px solid rgba(184,137,79,.1);background:#050607;padding:8px;margin-left:5px}
.reader-environment{position:relative;min-height:720px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#020304}.reader-bg{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;filter:brightness(.28) saturate(.65)}.bg-barbar{background:radial-gradient(circle at 50% 60%,rgba(143,95,48,.32),transparent 18%),linear-gradient(180deg,#080807,#020304)}.bg-mounds{background:radial-gradient(ellipse at 35% 70%,rgba(116,79,45,.3),transparent 25%),radial-gradient(ellipse at 70% 72%,rgba(99,67,39,.25),transparent 22%),#020304}.bg-blackout{background:linear-gradient(100deg,#010203 0 52%,rgba(101,72,43,.13) 52% 53%,#030405 53%)}.bg-heartbeat{background:radial-gradient(circle at 50% 50%,rgba(177,120,57,.28),transparent 5%,rgba(90,53,29,.08) 12%,transparent 30%),#020304}
.reader-shell[data-atmosphere="barbar"] .bg-barbar,.reader-shell[data-atmosphere="mounds"] .bg-mounds,.reader-shell[data-atmosphere="blackout"] .bg-blackout,.reader-shell[data-atmosphere="heartbeat"] .bg-heartbeat{opacity:1}.reader-shell.atmosphere-off .reader-bg{opacity:0!important}
.reader-spread{position:relative;z-index:2;width:min(1040px,86%);display:grid;grid-template-columns:1fr 1fr;gap:3px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.reader-page{position:relative;min-height:560px;padding:60px 58px;background:rgba(13,12,10,.91);border:1px solid rgba(196,160,112,.1);color:#9e9282}.reader-page-no{position:absolute;top:24px;right:26px;color:#5c5042;font-size:8px}.reader-page small{color:#725c45;font-size:7px;letter-spacing:.16em}.reader-page h3{margin:28px 0;color:#b2936c;font-size:26px;font-weight:400}.reader-page p{font-family:Georgia,serif;font-size:14px;line-height:1.9;color:#a69b8c}
.reader-shell.focus-mode .reader-bg{opacity:0!important}.reader-shell.focus-mode .reader-page{background:#0c0b09}.reader-controls{display:grid;grid-template-columns:120px 1fr 120px;gap:10px;padding:12px}.reader-controls button{padding:10px;border:1px solid rgba(184,137,79,.1);background:#050607;color:#62513f;font-size:7px;letter-spacing:.12em}.reader-scenes{display:flex;justify-content:center;gap:6px}.reader-scenes button.active{color:#a17a50;border-color:rgba(184,137,79,.3)}
.my-library-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.my-library-preview>div>p:not(.eyebrow){color:#686159;font-size:10px;line-height:1.8}.library-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.library-shelf article{min-height:250px;padding:24px;border:1px solid rgba(184,137,79,.1);background:#060708;display:flex;flex-direction:column;justify-content:flex-end}.library-shelf span{margin-bottom:auto;color:rgba(184,137,79,.2);font-size:32px}.library-shelf strong{color:#9b754d;font-size:15px;font-weight:400}.library-shelf small{margin-top:8px;color:#574b3e;font-size:6px;letter-spacing:.12em}
.books20-rule{min-height:520px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#020304}.books20-rule p:not(.eyebrow){color:#625b54;font-size:9px}
@media(max-width:900px){.books20-hero,.books20-section-head,.reader-preview-head,.my-library-preview{grid-template-columns:1fr}.books20-count{text-align:left;padding-top:60px}.edition-row{grid-template-columns:65px 1fr}.edition-actions{grid-column:2}.reader-spread{grid-template-columns:1fr;width:min(680px,88%)}.reader-page:nth-child(2){display:none}.library-shelf{grid-template-columns:1fr 1fr}.reader-controls{grid-template-columns:1fr}.reader-scenes{flex-wrap:wrap}}
@media(max-width:600px){.books20-hero{padding:120px 18px 70px}.books20-library,.reader-preview,.my-library-preview{padding:85px 18px 95px}.edition-row{grid-template-columns:45px 1fr;gap:15px}.edition-row h3{font-size:22px}.reader-environment{min-height:650px}.reader-page{padding:48px 30px}.library-shelf{grid-template-columns:1fr}.books20-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.reader-bg{transition:none}}
/* v3.5 — Book I cinematic portal */
.book1-portal-body{background:#020304;overflow-x:hidden}.book1-portal{position:relative;min-height:100vh;overflow:hidden;background:#020304;color:#b88e5c}.portal-sky,.portal-city,.portal-fog,.portal-vignette{position:absolute;inset:0;pointer-events:none}.portal-sky{background:radial-gradient(circle at 76% 24%,rgba(181,157,124,.13) 0 4%,rgba(91,75,58,.05) 5% 10%,transparent 18%),linear-gradient(180deg,#020406 0%,#050606 60%,#020304 100%)}.portal-city{top:auto;height:34%;bottom:0;opacity:.42;background:linear-gradient(90deg,transparent 0 7%,#07090a 7% 10%,transparent 10% 13%,#080a0b 13% 18%,transparent 18% 26%,#07090a 26% 31%,transparent 31% 39%,#080a0b 39% 43%,transparent 43% 58%,#07090a 58% 64%,transparent 64%),linear-gradient(180deg,transparent,#020304 72%);filter:blur(1px)}.portal-fog{opacity:.28;filter:blur(34px);transition:transform 7s ease}.fog-a{background:radial-gradient(ellipse at 32% 68%,rgba(129,104,75,.18),transparent 34%);animation:portalFog 14s ease-in-out infinite alternate}.fog-b{background:radial-gradient(ellipse at 72% 64%,rgba(90,78,64,.12),transparent 30%);animation:portalFog 18s ease-in-out infinite alternate-reverse}.portal-vignette{background:radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.35) 72%,#010203 100%)}
.portal-intro{position:relative;z-index:3;min-height:100vh;padding:190px 7vw 90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:760px}.portal-index{position:absolute;left:7vw;top:145px;color:rgba(184,137,79,.18);font-size:42px}.portal-intro h1{margin:12px 0 4px;direction:rtl;text-align:left;color:#c49a65;font-size:clamp(68px,8vw,118px);font-weight:400;line-height:.92}.portal-intro h1 em{font-style:normal;color:#76583b}.portal-sub{color:#655443;font-size:8px;letter-spacing:.2em}.portal-rule{width:110px;height:1px;margin:28px 0;background:rgba(184,137,79,.28)}.portal-copy{color:#766e65;font-family:Georgia,serif;font-size:13px;line-height:1.8}.portal-enter{margin-top:24px;padding:15px 25px;border:1px solid rgba(184,137,79,.45);background:rgba(3,4,5,.72);color:#b88e5c;font-size:8px;letter-spacing:.2em}.portal-return{margin-top:18px;color:#51483f;font-size:7px;letter-spacing:.14em}.portal-time{position:absolute;z-index:3;right:8vw;bottom:12vh;text-align:right;opacity:.25;transition:opacity 1.5s ease,transform 1.5s ease}.portal-time small,.portal-time span{display:block;color:#70583f;font-size:6px;letter-spacing:.18em}.portal-time strong{display:block;color:#a87c4e;font-size:clamp(64px,8vw,118px);font-weight:400;line-height:.9}.portal-threshold{position:fixed;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#010203;opacity:0;visibility:hidden;transition:opacity 1.1s ease}.portal-threshold span,.portal-threshold small{color:#65513d;font-size:7px;letter-spacing:.22em}.portal-threshold strong{max-width:760px;margin:24px;color:#a77c50;font-size:clamp(30px,4vw,58px);font-weight:400;line-height:1.05}.book1-portal.is-entering .portal-threshold{opacity:1;visibility:visible}.book1-portal.is-entering .portal-time{opacity:.8;transform:translateY(-10px)}
@keyframes portalFog{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-1%,0) scale(1.05)}}
@media(max-width:700px){.portal-intro{padding:155px 22px 70px}.portal-index{left:22px;top:125px}.portal-time{right:22px;bottom:7vh}.portal-intro h1{text-align:right}.portal-threshold{padding:25px}}
@media(prefers-reduced-motion:reduce){.portal-fog{animation:none}}


/* v3.6 — BOOK I CINEMATIC READER */
.reader-body{margin:0;background:#020304;color:#9d8f7c;overflow-x:hidden}
.reader-sitebar{
  position:fixed;top:0;left:0;right:0;z-index:20;
  min-height:74px;padding:0 4vw;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(#030405,rgba(3,4,5,.88));
  border-bottom:1px solid rgba(184,137,79,.08);
}
.reader-site-actions{display:flex;gap:20px}
.reader-site-actions a{color:#725c44;font-size:7px;letter-spacing:.16em}
.immersive-reader{position:relative;min-height:100vh;padding-top:74px}
.reader-world{position:fixed;inset:74px 0 0;z-index:0;background:#020304;overflow:hidden}
.reader-scene{
  position:absolute;inset:0;opacity:0;
  transition:opacity 1.2s ease;
}
.scene-night{
  background:
    radial-gradient(circle at 72% 18%,rgba(193,174,145,.09),transparent 7%),
    radial-gradient(ellipse at 28% 74%,rgba(83,67,49,.07),transparent 28%),
    linear-gradient(#050607,#020304 72%);
}
.scene-blackout{
  background:
    linear-gradient(90deg,#010203 0 51%,rgba(125,88,50,.07) 51% 51.5%,#020304 51.5%),
    radial-gradient(circle at 78% 20%,rgba(169,143,111,.045),transparent 8%);
}
.scene-street{
  background:
    linear-gradient(0deg,rgba(0,0,0,.72),transparent 42%),
    repeating-linear-gradient(90deg,transparent 0 12%,rgba(130,98,62,.025) 12% 13%),
    radial-gradient(ellipse at 50% 75%,rgba(91,71,51,.09),transparent 33%),
    #030405;
}
.scene-trace{
  background:
    radial-gradient(circle at 52% 50%,rgba(170,111,56,.12),transparent 5%,rgba(81,51,29,.04) 13%,transparent 27%),
    repeating-radial-gradient(circle at 52% 50%,transparent 0 44px,rgba(176,122,70,.028) 45px 46px,transparent 47px 90px),
    #020304;
}
.immersive-reader[data-scene="night"] .scene-night,
.immersive-reader[data-scene="blackout"] .scene-blackout,
.immersive-reader[data-scene="street"] .scene-street,
.immersive-reader[data-scene="trace"] .scene-trace{opacity:1}
.reader-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 42%,rgba(0,0,0,.58) 88%)}
.reader-time-ghost{
  position:absolute;right:5vw;bottom:4vh;
  color:rgba(184,137,79,.045);
  font-size:clamp(80px,10vw,150px);
  line-height:1;transition:opacity .8s ease;
}
.immersive-reader:not([data-scene="trace"]) .reader-time-ghost{opacity:.18}
.reader-stage{position:relative;z-index:2;max-width:1380px;margin:0 auto;padding:70px 42px 100px}
.reader-chrome{
  display:flex;justify-content:space-between;gap:30px;align-items:end;
  padding-bottom:18px;border-bottom:1px solid rgba(184,137,79,.09)
}
.reader-chrome span,.reader-chrome strong{display:block}
.reader-chrome span{color:#62503f;font-size:7px;letter-spacing:.16em}
.reader-chrome strong{margin-top:7px;color:#8f6b49;font-size:15px;font-weight:400;direction:rtl;text-align:left}
.reader-chrome-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.reader-chrome-actions button,.reader-navigation button{
  padding:9px 10px;border:1px solid rgba(184,137,79,.11);background:rgba(5,6,7,.84);
  color:#655441;font-size:7px;letter-spacing:.12em;
}
.reader-book{
  width:min(1100px,90%);margin:58px auto 28px;
  display:grid;grid-template-columns:1fr 1fr;gap:3px;
  perspective:1800px;box-shadow:0 40px 90px rgba(0,0,0,.48);
}
.reader-paper{
  position:relative;min-height:610px;padding:66px 62px;
  background:rgba(14,12,10,.94);
  border:1px solid rgba(184,137,79,.12);
  box-shadow:inset 0 0 60px rgba(131,91,51,.025);
}
.reader-paper-left{transform-origin:right center}
.reader-paper-right{transform-origin:left center}
.paper-no{position:absolute;top:25px;right:27px;color:#5a4d40;font-size:8px}
.reader-paper small{color:#6e5943;font-size:7px;letter-spacing:.16em}
.reader-paper h1{
  margin:30px 0;color:#b88f5d;font-size:39px;font-weight:400;
  direction:rtl;text-align:right;line-height:1.25
}
.reader-paper h2{margin:30px 0;color:#ad875a;font-size:27px;font-weight:400;line-height:1.15}
.reader-paper p{font-family:Georgia,serif;color:#a09586;font-size:14px;line-height:1.95}
.reader-paper .arabic-demo{direction:rtl;text-align:right;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:2}
.paper-rule{width:60px;height:1px;background:rgba(184,137,79,.28);margin:36px 0}
.paper-note{font-family:inherit!important;color:#574c40!important;font-size:7px!important;letter-spacing:.14em}
.reader-marker{margin-top:40px;padding-top:15px;border-top:1px solid rgba(184,137,79,.08);display:flex;justify-content:space-between}
.reader-marker span,.reader-marker strong{color:#655441;font-size:7px;letter-spacing:.14em;font-weight:400}
.reader-navigation{
  width:min(1100px,90%);margin:0 auto;
  display:grid;grid-template-columns:130px 1fr 130px;gap:12px;align-items:center
}
.reader-progress{text-align:center}
.reader-progress>span{color:#594e43;font-size:7px;letter-spacing:.14em}
.reader-progress>div{height:1px;margin-top:10px;background:rgba(184,137,79,.08);overflow:hidden}
.reader-progress i{display:block;width:25%;height:100%;background:rgba(184,137,79,.45);transition:width .45s ease}
.reader-scene-rail{
  width:min(1100px,90%);margin:42px auto 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px
}
.reader-scene-rail button{
  min-height:110px;padding:14px;text-align:left;
  border:1px solid rgba(184,137,79,.09);background:rgba(5,6,7,.72)
}
.reader-scene-rail button.active{border-color:rgba(184,137,79,.28)}
.reader-scene-rail span{display:block;text-align:right;color:rgba(184,137,79,.2);font-size:19px}
.reader-scene-rail strong{display:block;margin-top:18px;color:#8b6948;font-size:11px;font-weight:400}
.reader-scene-rail small{display:block;margin-top:5px;color:#51493f;font-size:6px;letter-spacing:.13em}
.reader-principle{margin:65px auto 0;width:min(1100px,90%);padding:24px 0;text-align:center;border-top:1px solid rgba(184,137,79,.08)}
.reader-principle span{color:#6b5742;font-size:7px;letter-spacing:.16em}
.reader-principle p{color:#554d46;font-size:7px;letter-spacing:.16em}
.immersive-reader.atmosphere-off .reader-scene{opacity:0!important}
.immersive-reader.focus-mode .reader-world{opacity:0}
.immersive-reader.focus-mode .reader-stage{max-width:1120px}
.immersive-reader.focus-mode .reader-book,.immersive-reader.focus-mode .reader-navigation,.immersive-reader.focus-mode .reader-scene-rail{width:min(960px,94%)}
.immersive-reader.focus-mode .reader-paper{background:#0d0c0a}
.reader-book.page-turn .reader-paper-right{animation:pageTurn .58s ease}
@keyframes pageTurn{
  0%{transform:rotateY(0)}
  45%{transform:rotateY(-8deg)}
  100%{transform:rotateY(0)}
}
@media(max-width:900px){
  .reader-sitebar{position:relative;min-height:90px}
  .reader-world{inset:90px 0 0}
  .immersive-reader{padding-top:0}
  .reader-stage{padding:50px 20px 80px}
  .reader-chrome{flex-direction:column;align-items:flex-start}
  .reader-chrome-actions{justify-content:flex-start}
  .reader-book{grid-template-columns:1fr;width:min(700px,94%)}
  .reader-paper-right{display:none}
  .reader-navigation{width:min(700px,94%);grid-template-columns:1fr}
  .reader-scene-rail{width:min(700px,94%);grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .reader-sitebar{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:12px}
  .reader-paper{min-height:560px;padding:54px 30px}
  .reader-paper h1{font-size:30px}
  .reader-scene-rail{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .reader-scene,.reader-progress i{transition:none}
  .reader-book.page-turn .reader-paper-right{animation:none}
}


/* v3.7 — Direction-aware book mechanics */
.reader-rtl .reader-book{direction:ltr} /* keep physical left/right page slots stable */
.reader-rtl .reader-paper-right{direction:rtl;text-align:right}
.reader-rtl .reader-paper-left{direction:ltr;text-align:left}
.reader-rtl .reader-paper-right .paper-no{right:auto;left:27px}
.reader-rtl .reader-paper-left .paper-no{left:auto;right:27px}
.reader-rtl .reader-paper-right h1,
.reader-rtl .reader-paper-right p{direction:rtl;text-align:right}
.reader-rtl .reader-paper-left h2,
.reader-rtl .reader-paper-left p{direction:ltr;text-align:left}
.reader-rtl .reader-navigation{direction:ltr}
.reader-rtl .reader-scene-rail{direction:rtl}
.reader-rtl .reader-chrome{direction:rtl}
.reader-rtl .reader-chrome>div:first-child{text-align:right}
.reader-rtl .reader-chrome-actions{direction:rtl}
.reader-rtl .reader-paper-right{box-shadow:inset 16px 0 24px rgba(0,0,0,.12)}
.reader-rtl .reader-paper-left{box-shadow:inset -16px 0 24px rgba(0,0,0,.12)}
.reader-rtl .reader-book.page-turn .reader-paper-left{animation:none}
.reader-rtl .reader-book.page-turn .reader-paper-right{animation:pageTurnRTL .58s ease}
@keyframes pageTurnRTL{
  0%{transform:rotateY(0)}
  45%{transform:rotateY(8deg)}
  100%{transform:rotateY(0)}
}
.reader-ltr .reader-book{direction:ltr}
.reader-ltr .reader-paper-left{direction:ltr;text-align:left}
.reader-ltr .reader-paper-right{direction:ltr;text-align:left}


/* v3.8 — LIVE CINEMATIC ATMOSPHERE */
.reader-world{isolation:isolate}
.reader-scene{transform:scale(1.015)}
.reader-grain{
  position:absolute;inset:0;z-index:6;pointer-events:none;
  opacity:.09;
  background-image:
    repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.22) 0 1px,transparent 1px 4px);
  background-size:7px 7px;
  mix-blend-mode:soft-light;
}
.reader-atmosphere-caption{
  position:absolute;left:4vw;bottom:4vh;z-index:8;
  padding-left:14px;border-left:1px solid rgba(184,137,79,.18);
  opacity:.66;
}
.reader-atmosphere-caption span,.reader-atmosphere-caption small{display:block}
.reader-atmosphere-caption span{color:#70583f;font-size:7px;letter-spacing:.18em}
.reader-atmosphere-caption small{margin-top:6px;color:#464039;font-size:6px;letter-spacing:.14em}

/* NIGHT — calm Bahrain-at-night abstraction */
.scene-night{
  overflow:hidden;
  background:
    linear-gradient(180deg,#07090b 0%,#050607 55%,#020304 100%)!important;
}
.night-moon{
  position:absolute;right:15%;top:7%;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle at 43% 42%,rgba(229,220,204,.92),rgba(195,184,164,.55) 47%,rgba(195,184,164,.08) 67%,transparent 72%);
  box-shadow:0 0 70px rgba(198,183,156,.08);
  opacity:.36;
}
.night-haze{
  position:absolute;border-radius:50%;filter:blur(34px);
  background:rgba(109,93,75,.055);
  animation:readerHaze 18s ease-in-out infinite alternate;
}
.haze-a{width:55%;height:22%;left:-8%;bottom:18%}
.haze-b{width:45%;height:18%;right:-8%;bottom:29%;animation-delay:-8s}
.city-horizon{
  position:absolute;left:0;right:0;bottom:8%;height:22%;
  display:flex;align-items:flex-end;gap:1.4%;
  padding:0 4%;
  opacity:.32;
}
.city-horizon i{
  display:block;flex:1;min-width:16px;background:linear-gradient(#111417,#050607);
  border-top:1px solid rgba(184,137,79,.045);
}
.city-horizon i:nth-child(3n){height:78%}
.city-horizon i:nth-child(4n){height:42%}
.city-horizon i:nth-child(5n){height:92%}
.city-horizon i:nth-child(7n){height:58%}
.city-horizon i:not(:nth-child(3n)):not(:nth-child(4n)):not(:nth-child(5n)):not(:nth-child(7n)){height:31%}
.city-lights{position:absolute;left:4%;right:4%;bottom:10%;height:17%;opacity:.26}
.city-lights b{
  position:absolute;width:2px;height:2px;border-radius:50%;
  background:#b28a59;box-shadow:0 0 7px rgba(178,138,89,.5);
  animation:cityLight 8s steps(1,end) infinite;
}
.city-lights b:nth-child(1){left:4%;top:38%}.city-lights b:nth-child(2){left:11%;top:63%;animation-delay:-3s}
.city-lights b:nth-child(3){left:18%;top:31%;animation-delay:-1s}.city-lights b:nth-child(4){left:27%;top:57%;animation-delay:-6s}
.city-lights b:nth-child(5){left:35%;top:24%;animation-delay:-4s}.city-lights b:nth-child(6){left:43%;top:69%}
.city-lights b:nth-child(7){left:51%;top:36%;animation-delay:-5s}.city-lights b:nth-child(8){left:58%;top:55%;animation-delay:-2s}
.city-lights b:nth-child(9){left:66%;top:27%;animation-delay:-7s}.city-lights b:nth-child(10){left:72%;top:68%}
.city-lights b:nth-child(11){left:78%;top:39%;animation-delay:-4s}.city-lights b:nth-child(12){left:84%;top:54%;animation-delay:-2s}
.city-lights b:nth-child(13){left:89%;top:29%;animation-delay:-6s}.city-lights b:nth-child(14){left:93%;top:62%}
.city-lights b:nth-child(15){left:97%;top:42%;animation-delay:-3s}

/* BLACKOUT — light dies as a moving boundary */
.scene-blackout{overflow:hidden;background:#020304!important}
.blackout-before{
  position:absolute;inset:0 48% 0 0;
  background:
    radial-gradient(circle at 20% 72%,rgba(175,125,70,.14),transparent 5%),
    repeating-linear-gradient(90deg,rgba(160,112,64,.035) 0 1px,transparent 1px 55px),
    #060708;
}
.blackout-after{position:absolute;inset:0 0 0 52%;background:#010203}
.blackout-sweep{
  position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;
  background:linear-gradient(transparent,rgba(184,137,79,.43),rgba(184,137,79,.09),transparent);
  box-shadow:0 0 30px rgba(184,137,79,.14);
  animation:blackoutPulse 6s ease-in-out infinite;
}

/* STREET — suggestion, not literal illustration */
.scene-street{overflow:hidden;background:linear-gradient(#050708,#020304 67%)!important}
.street-road{
  position:absolute;left:19%;right:19%;bottom:-11%;height:53%;
  clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);
  background:linear-gradient(#060708,#11100e);
  opacity:.45;
}
.street-road:after{
  content:"";position:absolute;left:50%;top:8%;bottom:0;width:1px;
  background:linear-gradient(rgba(173,132,78,.22),transparent);
}
.street-lamp{position:absolute;bottom:20%;width:1px;height:36%;background:#171818;opacity:.55}
.street-lamp:before{
  content:"";position:absolute;top:-2px;left:-15px;width:31px;height:1px;background:#171818;
}
.street-lamp:after{
  content:"";position:absolute;top:-7px;left:10px;width:6px;height:6px;border-radius:50%;
  background:#aa8559;box-shadow:0 0 32px rgba(170,133,89,.18);opacity:.7;
}
.lamp-one{left:22%}.lamp-two{right:22%;transform:scale(.78);transform-origin:bottom}
.street-fog{
  position:absolute;bottom:10%;height:25%;width:55%;border-radius:50%;
  filter:blur(35px);background:rgba(119,103,82,.045);
  animation:streetFog 20s linear infinite alternate;
}
.fog-one{left:-12%}.fog-two{right:-15%;animation-delay:-9s}

/* TRACE — quiet supernatural pulse */
.scene-trace{overflow:hidden;background:#020304!important}
.trace-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(178,125,67,.08);
  border-radius:50%;transform:translate(-50%,-50%);
  animation:traceBreathe 6s ease-in-out infinite;
}
.r1{width:160px;height:160px}.r2{width:330px;height:330px;animation-delay:-2s}.r3{width:540px;height:540px;animation-delay:-4s}
.trace-core{
  position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;
  transform:translate(-50%,-50%);
  background:rgba(207,152,91,.58);
  box-shadow:0 0 32px rgba(188,126,63,.28),0 0 90px rgba(151,91,40,.09);
  animation:traceCore 4.5s ease-in-out infinite;
}

/* intensity */
.immersive-reader.intensity-medium .reader-scene{filter:brightness(1.08) saturate(1.05)}
.immersive-reader.intensity-medium .reader-grain{opacity:.12}
.immersive-reader.intensity-low .reader-scene{filter:brightness(.92) saturate(.86)}
.immersive-reader.focus-mode .reader-atmosphere-caption{opacity:0}

@keyframes readerHaze{from{transform:translateX(-3%) scale(1)}to{transform:translateX(6%) scale(1.08)}}
@keyframes cityLight{0%,75%,100%{opacity:.9}76%,88%{opacity:.12}}
@keyframes blackoutPulse{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes streetFog{from{transform:translateX(-5%)}to{transform:translateX(9%)}}
@keyframes traceBreathe{0%,100%{opacity:.12;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.42;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes traceCore{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.9}}

@media(max-width:700px){
  .night-moon{width:82px;height:82px;right:8%}
  .reader-atmosphere-caption{left:18px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .night-haze,.city-lights b,.blackout-sweep,.street-fog,.trace-ring,.trace-core{animation:none}
}


/* v3.9 — READING EXPERIENCE / ACCESSIBILITY / LOCAL PROGRESS */
.reader-session-bar{
  width:min(1100px,90%);margin:28px auto 0;padding:16px 0;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  border-top:1px solid rgba(184,137,79,.07);
}
.reader-session-bar span,.reader-session-bar strong{display:block}
.reader-session-bar span{color:#55493c;font-size:6px;letter-spacing:.15em}
.reader-session-bar strong{margin-top:6px;color:#765d43;font-size:7px;font-weight:400;letter-spacing:.12em}
.reader-session-actions{display:flex;gap:6px}
.reader-session-actions button{
  padding:9px 11px;border:1px solid rgba(184,137,79,.1);background:rgba(5,6,7,.72);
  color:#62513f;font-size:7px;letter-spacing:.11em
}
.reader-body.text-115 .reader-paper p{font-size:16.1px}
.reader-body.text-115 .reader-paper .arabic-demo{font-size:18.4px}
.reader-body.text-130 .reader-paper p{font-size:18.2px}
.reader-body.text-130 .reader-paper .arabic-demo{font-size:20.8px}
.reader-body.text-115 .reader-paper,.reader-body.text-130 .reader-paper{min-height:650px}
.reader-book.page-turn-rtl .reader-paper-right{animation:pageTurnRTLStrong .52s ease}
@keyframes pageTurnRTLStrong{
  0%{transform:rotateY(0);filter:brightness(1)}
  42%{transform:rotateY(10deg);filter:brightness(.86)}
  100%{transform:rotateY(0);filter:brightness(1)}
}
@media(max-width:900px){
  .reader-session-bar{width:min(700px,94%);flex-direction:column;align-items:flex-start}
}


/* v4.0 — discreet reading navigator */
.reader-navigator{
  width:min(1100px,90%);max-height:0;margin:0 auto;
  overflow:hidden;opacity:0;transform:translateY(-8px);
  border:1px solid transparent;background:rgba(5,6,7,.93);
  transition:max-height .45s ease,opacity .3s ease,transform .3s ease,border-color .3s ease;
}
.reader-navigator.open{
  max-height:520px;margin-top:28px;opacity:1;transform:translateY(0);
  border-color:rgba(184,137,79,.11)
}
.reader-navigator-head{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:16px 18px;border-bottom:1px solid rgba(184,137,79,.08)
}
.reader-navigator-head span,.reader-navigator-head strong{display:block}
.reader-navigator-head span{color:#5d4d3e;font-size:6px;letter-spacing:.16em}
.reader-navigator-head strong{margin-top:5px;color:#8b6949;font-size:13px;font-weight:400}
.reader-navigator-head button,.reader-nav-tools button{
  padding:8px 10px;border:1px solid rgba(184,137,79,.1);background:#050607;
  color:#645240;font-size:7px;letter-spacing:.12em
}
.reader-navigator-body{padding:22px 18px 18px}
.reader-nav-current{display:grid;grid-template-columns:150px 1fr 1.3fr;gap:20px;align-items:center;padding-bottom:18px}
.reader-nav-current small{color:#55483b;font-size:6px;letter-spacing:.14em}
.reader-nav-current strong{color:#806246;font-size:9px;font-weight:400;letter-spacing:.12em}
.reader-nav-current p{margin:0;color:#625b53;font-size:10px;line-height:1.7;direction:rtl;text-align:right}
.reader-nav-map{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.reader-nav-map button{
  min-height:92px;padding:13px;border:1px solid rgba(184,137,79,.08);
  background:#060708;text-align:right
}
.reader-nav-map button.active{border-color:rgba(184,137,79,.3);background:rgba(119,80,43,.055)}
.reader-nav-map span{float:left;color:rgba(184,137,79,.2);font-size:18px}
.reader-nav-map strong{display:block;color:#90704f;font-size:13px;font-weight:400}
.reader-nav-map small{display:block;margin-top:8px;color:#50463c;font-size:6px;letter-spacing:.13em}
.reader-nav-tools{display:flex;align-items:center;gap:14px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(184,137,79,.06)}
.reader-nav-tools span{color:#5a4c3e;font-size:6px;letter-spacing:.13em}
@media(max-width:800px){
  .reader-nav-current{grid-template-columns:1fr}
  .reader-nav-map{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){.reader-nav-map{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reader-navigator{transition:none}}


/* v4.2 — cinematic overlay navigator */
.reader-navigator{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  width:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(2,3,4,.92) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0 !important;
  visibility:hidden;
  pointer-events:none;
  transform:none !important;
  border:0 !important;
  transition:opacity .28s ease,visibility .28s ease !important;
}
.reader-navigator.open{
  opacity:1 !important;
  visibility:visible;
  pointer-events:auto;
}
.reader-navigator-head,
.reader-navigator-body{
  width:min(1040px,88%);
  margin-left:auto;
  margin-right:auto;
}
.reader-navigator-head{
  padding:18px 0;
  border-top:1px solid rgba(184,137,79,.13);
  border-bottom:1px solid rgba(184,137,79,.13);
}
.reader-navigator-body{
  padding:34px 0 28px;
}
.reader-navigator::before{
  content:"VAMPIRE OF BAHRAIN · READER SYSTEM";
  position:absolute;
  top:5vh;left:50%;transform:translateX(-50%);
  color:rgba(184,137,79,.25);
  font-size:7px;letter-spacing:.24em;white-space:nowrap;
}
.reader-navigator::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 30%,rgba(123,82,43,.09),transparent 24%),
    linear-gradient(90deg,transparent 49.9%,rgba(184,137,79,.025) 50%,transparent 50.1%);
}
.reader-navigator-head,.reader-navigator-body{position:relative;z-index:2}
body.navigator-open{overflow:hidden}
@media(max-width:800px){
  .reader-navigator{justify-content:flex-start;padding-top:11vh !important;overflow:auto}
  .reader-navigator-head,.reader-navigator-body{width:90%}
}
@media(prefers-reduced-motion:reduce){.reader-navigator{transition:none !important}}


/* v4.3 — CINEMATIC SCENE TRANSITION SYSTEM */
.scene-transition{position:fixed;inset:74px 0 0;z-index:110;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden}
.scene-transition-shade{position:absolute;inset:0;background:#020304;opacity:0}
.scene-transition-line{position:absolute;top:0;bottom:0;width:1px;left:50%;background:linear-gradient(transparent,rgba(184,137,79,.48),rgba(184,137,79,.12),transparent);box-shadow:0 0 28px rgba(184,137,79,.12);opacity:0}
.scene-transition-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);text-align:center;opacity:0}
.scene-transition-copy span,.scene-transition-copy strong,.scene-transition-copy small{display:block}
.scene-transition-copy span{color:rgba(184,137,79,.32);font-size:clamp(42px,6vw,86px);line-height:1}
.scene-transition-copy strong{margin-top:14px;color:#9b754d;font-size:11px;font-weight:400;letter-spacing:.23em}
.scene-transition-copy small{margin-top:9px;color:#554b40;font-size:6px;letter-spacing:.18em}
.scene-transition.is-running{visibility:visible;opacity:1}
.scene-transition.is-running .scene-transition-shade{animation:transitionShade .82s ease both}
.scene-transition.is-running .scene-transition-line{animation:transitionLine .82s ease both}
.scene-transition.is-running .scene-transition-copy{animation:transitionCopy .82s ease both}
.scene-transition[data-target="blackout"] .scene-transition-shade{background:linear-gradient(90deg,rgba(3,4,5,.18),#010203 58%)}
.scene-transition[data-target="blackout"] .scene-transition-line{left:53%;animation-name:blackoutTransitionLine}
.scene-transition[data-target="street"] .scene-transition-shade{background:linear-gradient(180deg,rgba(4,6,7,.66),#020304)}
.scene-transition[data-target="street"] .scene-transition-line{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(184,137,79,.32),transparent);animation-name:streetTransitionLine}
.scene-transition[data-target="trace"] .scene-transition-shade{background:radial-gradient(circle at 50% 50%,rgba(145,91,42,.11),#020304 31%,#010203 72%)}
.scene-transition[data-target="trace"] .scene-transition-line{left:50%;top:50%;bottom:auto;width:1px;height:1px;border-radius:50%;background:#a67a4d;box-shadow:0 0 45px rgba(173,113,58,.24);animation-name:traceTransitionPulse}
.scene-transition[data-target="night"] .scene-transition-shade{background:radial-gradient(circle at 72% 18%,rgba(205,190,164,.08),#020304 34%)}
.immersive-reader.scene-changing .reader-book{filter:brightness(.78);transform:scale(.996);transition:filter .35s ease,transform .35s ease}
.immersive-reader:not(.scene-changing) .reader-book{transition:filter .45s ease,transform .45s ease}
.immersive-reader.scene-changing .reader-world{filter:brightness(.72);transition:filter .35s ease}
.immersive-reader:not(.scene-changing) .reader-world{transition:filter .5s ease}
@keyframes transitionShade{0%{opacity:0}35%{opacity:.88}62%{opacity:.88}100%{opacity:0}}
@keyframes transitionLine{0%{opacity:0;transform:scaleY(.05)}30%{opacity:.75;transform:scaleY(.82)}70%{opacity:.45;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.2)}}
@keyframes transitionCopy{0%,18%{opacity:0;transform:translate(-50%,-44%)}39%,62%{opacity:.82;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-54%)}}
@keyframes blackoutTransitionLine{0%{opacity:0;transform:translateX(-28vw)}34%{opacity:.82}68%{opacity:.5}100%{opacity:0;transform:translateX(28vw)}}
@keyframes streetTransitionLine{0%{opacity:0;transform:scaleX(.04)}40%{opacity:.55;transform:scaleX(.7)}100%{opacity:0;transform:scaleX(1)}}
@keyframes traceTransitionPulse{0%{opacity:0;transform:scale(1)}32%{opacity:.9;transform:scale(1)}58%{opacity:.45;transform:scale(150)}100%{opacity:0;transform:scale(240)}}
@media(max-width:900px){.scene-transition{inset:90px 0 0}}
@media(prefers-reduced-motion:reduce){.scene-transition.is-running .scene-transition-shade,.scene-transition.is-running .scene-transition-line,.scene-transition.is-running .scene-transition-copy{animation:none}.scene-transition.is-running{background:rgba(2,3,4,.5)}}


/* v4.5 — REAL BOOK ARCHITECTURE */
.reader-book-architecture{
  width:min(1100px,90%);margin:22px auto 0;padding:12px 0;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-top:1px solid rgba(184,137,79,.07);border-bottom:1px solid rgba(184,137,79,.07);
  direction:rtl
}
.reader-book-architecture span,.reader-book-architecture strong{display:block}
.reader-book-architecture span{color:#55483b;font-size:6px;letter-spacing:.15em}
.reader-book-architecture strong{margin-top:5px;color:#896849;font-size:12px;font-weight:400}
.reader-chapter-controls{display:flex;gap:6px;direction:rtl}
.reader-chapter-controls button{
  padding:8px 10px;border:1px solid rgba(184,137,79,.1);background:#050607;
  color:#665342;font-size:7px;letter-spacing:.08em
}
.reader-chapter-controls button:disabled{opacity:.24;cursor:not-allowed}
.reader-chapter-drawer{
  width:min(1100px,90%);max-height:0;overflow:hidden;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
  opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .25s ease;
  direction:rtl
}
.reader-chapter-drawer.open{max-height:240px;opacity:1;padding:12px 0}
.reader-chapter-drawer button{
  min-height:72px;padding:12px;border:1px solid rgba(184,137,79,.08);
  background:#060708;text-align:right
}
.reader-chapter-drawer button.active{border-color:rgba(184,137,79,.28);background:rgba(119,80,43,.05)}
.reader-chapter-drawer button.locked{opacity:.32}
.reader-chapter-drawer span{float:left;color:rgba(184,137,79,.2);font-size:18px}
.reader-chapter-drawer strong{display:block;color:#8c6c4d;font-size:12px;font-weight:400}
.reader-chapter-drawer small{display:block;margin-top:7px;color:#51473e;font-size:6px;letter-spacing:.1em}
.reader-paper .dynamic-kicker{color:#806245;font-size:8px;letter-spacing:.12em}
.reader-paper .dynamic-title{margin-top:12px}
.reader-paper .dynamic-body{margin-top:18px}
@media(max-width:800px){
  .reader-book-architecture{width:94%;align-items:flex-start;flex-direction:column}
  .reader-chapter-drawer{width:94%;grid-template-columns:1fr}
}


/* v4.8 — manuscript scene aliases for chapters 2–3 */
.immersive-reader[data-scene="investigation"] .scene-night,
.immersive-reader[data-scene="blood"] .scene-trace,
.immersive-reader[data-scene="timing"] .scene-trace,
.immersive-reader[data-scene="network"] .scene-blackout,
.immersive-reader[data-scene="witness"] .scene-street,
.immersive-reader[data-scene="eyes"] .scene-trace,
.immersive-reader[data-scene="pattern"] .scene-night,
.immersive-reader[data-scene="window"] .scene-trace,
.immersive-reader[data-scene="map"] .scene-night,
.immersive-reader[data-scene="camera"] .scene-street {
  opacity:1;
}


/* v4.9 — chapter index overlay */
.chapter-index-overlay{
  position:fixed;inset:0;z-index:10050;
  background:rgba(2,3,4,.93);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
  display:flex;align-items:center;justify-content:center;
}
.chapter-index-overlay.open{
  opacity:1;visibility:visible;pointer-events:auto;
}
.chapter-index-panel{
  width:min(1060px,88vw);
  border:1px solid rgba(184,137,79,.14);
  background:
    radial-gradient(circle at 82% 18%,rgba(117,78,42,.08),transparent 24%),
    rgba(5,6,7,.97);
  padding:26px;
  box-shadow:0 35px 90px rgba(0,0,0,.46);
  direction:rtl;
}
.chapter-index-head{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-bottom:18px;border-bottom:1px solid rgba(184,137,79,.1);
}
.chapter-index-head span,.chapter-index-head strong{display:block}
.chapter-index-head span{color:#5d4d3e;font-size:7px;letter-spacing:.16em}
.chapter-index-head strong{margin-top:6px;color:#9a754e;font-size:17px;font-weight:400}
.chapter-index-head button{
  padding:9px 12px;border:1px solid rgba(184,137,79,.12);
  background:#050607;color:#6e5945;font-size:8px
}
.chapter-index-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:9px;
  padding:28px 0 20px;
}
.chapter-index-item{
  min-height:150px;padding:17px;
  border:1px solid rgba(184,137,79,.09);
  background:#060708;text-align:right;
}
.chapter-index-item.active{
  border-color:rgba(184,137,79,.32);
  background:rgba(118,78,42,.06)
}
.chapter-index-item span{
  float:left;color:rgba(184,137,79,.23);font-size:28px
}
.chapter-index-item strong{
  display:block;color:#a17b52;font-size:17px;font-weight:400
}
.chapter-index-item small{
  display:block;margin-top:10px;color:#574a3d;font-size:7px;letter-spacing:.11em
}
.chapter-index-current{
  display:flex;justify-content:space-between;gap:20px;
  padding-top:16px;border-top:1px solid rgba(184,137,79,.08)
}
.chapter-index-current span{color:#55493d;font-size:7px}
.chapter-index-current strong{color:#846548;font-size:9px;font-weight:400}
body.chapter-index-open{overflow:hidden}
@media(max-width:850px){
  .chapter-index-panel{width:92vw;padding:18px}
  .chapter-index-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .chapter-index-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .chapter-index-overlay{transition:none}
}


/* v5.0 — portal + chapter access stability */
.portal-enter-link{
  display:inline-block;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  z-index:20;
  pointer-events:auto !important;
}
.fixed-chapter-launcher{
  position:fixed;
  top:96px;
  right:22px;
  z-index:10020;
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 14px;
  border:1px solid rgba(184,137,79,.42);
  background:rgba(5,6,7,.94);
  color:#b88e5c;
  box-shadow:0 10px 35px rgba(0,0,0,.34);
  cursor:pointer;
  direction:rtl;
}
.fixed-chapter-launcher span{font-size:13px;color:#9b754d}
.fixed-chapter-launcher strong{font-size:10px;font-weight:400;letter-spacing:.02em}
.fixed-chapter-launcher:hover{
  border-color:rgba(184,137,79,.7);
  background:rgba(17,13,9,.98);
}
.chapter-index-overlay{
  z-index:20000 !important;
}
.reader-chrome-actions button{
  pointer-events:auto !important;
}
@media(max-width:700px){
  .fixed-chapter-launcher{
    top:auto;
    right:14px;
    bottom:14px;
  }
}


/* v5.1 — Reading Progress & Resume Experience */
.reader-resume-toast{
  position:fixed;
  right:24px;
  bottom:26px;
  z-index:21000;
  min-width:260px;
  max-width:360px;
  padding:14px 16px 13px;
  border:1px solid rgba(184,137,79,.24);
  background:rgba(5,6,7,.95);
  box-shadow:0 18px 50px rgba(0,0,0,.42);
  direction:rtl;
  text-align:right;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .38s ease,transform .38s ease,visibility .38s ease;
}
.reader-resume-toast.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.reader-resume-toast span,
.reader-resume-toast strong,
.reader-resume-toast small{display:block}
.reader-resume-toast span{
  color:#665342;
  font-size:7px;
  letter-spacing:.08em;
}
.reader-resume-toast strong{
  margin-top:5px;
  color:#b0865a;
  font-size:14px;
  font-weight:400;
}
.reader-resume-toast small{
  margin-top:5px;
  color:#6d6258;
  font-size:9px;
}
@media(max-width:650px){
  .reader-resume-toast{
    right:14px;left:14px;bottom:14px;
    min-width:0;max-width:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .reader-resume-toast{transition:none}
}


/* v5.5 — Cinematic Atmosphere Pass
   The manuscript remains primary. Atmosphere escalates only as the story does. */
.manuscript-atmosphere{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 35%, rgba(38,31,24,.07), transparent 38%),
    #030405;
}
.manuscript-atmosphere > div{position:absolute;inset:0}
.atm-vignette{
  z-index:5;
  box-shadow:inset 0 0 180px 70px rgba(0,0,0,.84);
}
.atm-grain{
  z-index:4;
  opacity:.055;
  background-image:
    repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 1px 4px);
  background-size:7px 7px;
  mix-blend-mode:soft-light;
}
.atm-haze{
  z-index:2;
  opacity:.12;
  filter:blur(30px);
  background:
    radial-gradient(ellipse at 30% 70%,rgba(120,105,86,.18),transparent 38%),
    radial-gradient(ellipse at 75% 55%,rgba(86,76,65,.12),transparent 32%);
  animation:atmDrift 22s ease-in-out infinite alternate;
}
.atm-horizon{
  z-index:1;
  opacity:0;
  transform:translateY(5%);
  transition:opacity 1.2s ease, transform 1.2s ease;
}
.atm-pulse{
  z-index:3;
  opacity:0;
  background:radial-gradient(circle at 50% 52%,rgba(132,90,54,.13),transparent 16%);
}

/* Introduction — nearly still. */
.atm-intro .atm-haze{opacity:.06}

/* Chapters 1–3 — urban unease, no premature supernatural reveal. */
.atm-incidents .manuscript-atmosphere,
.atm-investigation .manuscript-atmosphere,
.atm-pattern .manuscript-atmosphere{
  background:
    linear-gradient(to bottom,rgba(3,4,5,.88),rgba(5,6,7,.98)),
    radial-gradient(circle at 55% 28%,rgba(47,48,49,.1),transparent 32%);
}
.atm-pattern .atm-pulse{
  opacity:.22;
  animation:atmPulse 7s ease-in-out infinite;
}

/* Chapter 4 — witness: stronger human-scale unease. */
.atm-witness .atm-haze{opacity:.18}
.atm-witness .atm-pulse{
  opacity:.16;
  background:radial-gradient(circle at 72% 45%,rgba(94,75,58,.16),transparent 12%);
  animation:atmPulse 9s ease-in-out infinite;
}

/* Chapter 5 — analytical coldness. */
.atm-analysis .manuscript-atmosphere{
  background:
    linear-gradient(115deg,rgba(8,10,11,.98),rgba(2,3,4,.98)),
    repeating-linear-gradient(90deg,transparent 0 90px,rgba(160,150,135,.015) 91px 92px);
}
.atm-analysis .atm-haze{opacity:.08}

/* Chapter 6 — burial mounds / Dilmun.
   Abstract inland silhouettes only: no sea, skyline, bridge, or coastal imagery. */
.atm-mounds .atm-horizon{
  opacity:.48;
  transform:translateY(0);
  background:
    radial-gradient(ellipse at 12% 87%,#11100e 0 9%,transparent 9.5%),
    radial-gradient(ellipse at 31% 89%,#0e0e0d 0 12%,transparent 12.5%),
    radial-gradient(ellipse at 53% 88%,#12110f 0 10%,transparent 10.5%),
    radial-gradient(ellipse at 73% 90%,#0d0d0c 0 14%,transparent 14.5%),
    radial-gradient(ellipse at 93% 87%,#11100e 0 9%,transparent 9.5%),
    linear-gradient(to top,#050505 0 15%,transparent 34%);
}
.atm-mounds .atm-haze{
  opacity:.24;
  background:
    radial-gradient(ellipse at 50% 78%,rgba(132,103,72,.16),transparent 36%),
    radial-gradient(ellipse at 20% 48%,rgba(92,82,70,.09),transparent 28%);
}
.atm-mounds .atm-pulse{
  opacity:.25;
  animation:atmPulse 8s ease-in-out infinite;
}

/* Final chapter — the atmosphere recedes into emptiness. */
.atm-final .manuscript-atmosphere{
  background:radial-gradient(circle at 50% 55%,#080706 0,#030405 46%,#010202 100%);
}
.atm-final .atm-horizon{
  opacity:.28;
  background:
    radial-gradient(ellipse at 50% 92%,#0b0a09 0 18%,transparent 18.5%),
    linear-gradient(to top,#030303 0 18%,transparent 32%);
}
.atm-final .atm-haze{opacity:.10}
.atm-final .atm-pulse{
  opacity:.12;
  animation:atmPulse 12s ease-in-out infinite;
}

.immersive-reader,
.reader-resume-toast,
.fixed-chapter-launcher,
.chapter-index-overlay{position:relative;z-index:10}
.fixed-chapter-launcher,.chapter-index-overlay,.reader-resume-toast{position:fixed}

@keyframes atmDrift{
  from{transform:translate3d(-1.5%,0,0) scale(1.02)}
  to{transform:translate3d(1.5%,-1%,0) scale(1.06)}
}
@keyframes atmPulse{
  0%,100%{transform:scale(.96);opacity:.08}
  50%{transform:scale(1.08);opacity:.26}
}
@media(prefers-reduced-motion:reduce){
  .atm-haze,.atm-pulse{animation:none!important}
}


/* v5.6 — visible cinematic atmosphere + persistent chapter launcher */
.v56-chapter-launcher{
  position:fixed!important;
  right:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:50000!important;
  width:58px!important;
  min-height:82px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(184,137,79,.42)!important;
  background:rgba(4,5,6,.94)!important;
  color:#b18456!important;
  box-shadow:0 16px 45px rgba(0,0,0,.5)!important;
  cursor:pointer!important;
  opacity:.92!important;
}
.v56-chapter-launcher:hover{opacity:1!important;border-color:rgba(184,137,79,.72)!important}
.v56-launcher-mark{font-size:20px;line-height:1}
.v56-launcher-label{font-size:8px;letter-spacing:.04em;writing-mode:vertical-rl}

.manuscript-atmosphere{
  z-index:1!important;
  opacity:1!important;
  visibility:visible!important;
}
.immersive-reader{position:relative!important;z-index:10!important}

/* Make the atmosphere clearly perceptible around and behind the pages,
   while keeping the reading surfaces calm and legible. */
.atm-intro .manuscript-atmosphere{
  background:
    radial-gradient(circle at 78% 18%,rgba(117,91,63,.18),transparent 13%),
    linear-gradient(to bottom,#050607,#020303 68%)!important;
}
.atm-incidents .manuscript-atmosphere{
  background:
    linear-gradient(to top,rgba(0,0,0,.96) 0 15%,transparent 36%),
    repeating-linear-gradient(90deg,transparent 0 8%,rgba(90,79,66,.035) 8.2% 8.5%),
    radial-gradient(circle at 76% 22%,rgba(114,94,75,.15),transparent 14%),
    #030405!important;
}
.atm-investigation .manuscript-atmosphere{
  background:
    linear-gradient(112deg,rgba(26,29,30,.20),transparent 42%),
    radial-gradient(ellipse at 24% 76%,rgba(86,79,70,.14),transparent 28%),
    #020304!important;
}
.atm-pattern .manuscript-atmosphere{
  background:
    radial-gradient(circle at 50% 53%,rgba(139,91,49,.18),transparent 12%),
    radial-gradient(circle at 50% 53%,rgba(95,68,44,.10),transparent 28%),
    #020304!important;
}
.atm-witness .manuscript-atmosphere{
  background:
    radial-gradient(ellipse at 72% 50%,rgba(121,94,68,.20),transparent 15%),
    linear-gradient(to top,rgba(14,13,12,.65),transparent 34%),
    #020304!important;
}
.atm-analysis .manuscript-atmosphere{
  background:
    repeating-linear-gradient(90deg,transparent 0 96px,rgba(167,154,136,.035) 97px 98px),
    linear-gradient(118deg,rgba(29,33,34,.23),transparent 48%),
    #020304!important;
}
.atm-mounds .manuscript-atmosphere{
  background:
    radial-gradient(ellipse at 18% 86%,rgba(34,30,25,.92) 0 8%,transparent 8.5%),
    radial-gradient(ellipse at 38% 89%,rgba(28,26,22,.95) 0 12%,transparent 12.5%),
    radial-gradient(ellipse at 61% 88%,rgba(35,31,25,.92) 0 10%,transparent 10.5%),
    radial-gradient(ellipse at 82% 90%,rgba(27,25,22,.96) 0 13%,transparent 13.5%),
    radial-gradient(ellipse at 50% 76%,rgba(151,112,73,.17),transparent 33%),
    linear-gradient(to top,#080706 0 18%,#020304 50%)!important;
}
.atm-final .manuscript-atmosphere{
  background:
    radial-gradient(ellipse at 50% 86%,rgba(32,27,22,.78) 0 17%,transparent 17.5%),
    radial-gradient(circle at 50% 62%,rgba(124,85,53,.13),transparent 18%),
    radial-gradient(circle at 50% 50%,#080706 0,#020304 55%,#010202 100%)!important;
}

/* stronger but still restrained haze */
.atm-mounds .atm-haze{opacity:.42!important}
.atm-final .atm-haze{opacity:.20!important}
.atm-pattern .atm-pulse,.atm-mounds .atm-pulse{opacity:.34!important}

@media(max-width:760px){
  .v56-chapter-launcher{right:10px!important;width:48px!important;min-height:68px!important}
  .v56-launcher-label{display:none}
}

/* =========================================================
   v5.9 — REFERENCE LOCK PREVIEW
   Built only from the approved cinematic reader reference.
   ========================================================= */
.reader-body{background:#010203!important}
.reader-world{
  background-image:
    linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.10)),
    url('assets/reader_mounds_master.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}
/* Hide legacy synthetic scenery whenever the real cinematic plate is active. */
.reader-world .reader-scene,
.reader-world .reader-vignette,
.reader-world .reader-grain,
.reader-world .reader-time-ghost{opacity:0!important}
.reader-world .reader-atmosphere-caption{opacity:.95!important}

/* The old atmosphere generator must never veil the approved photographic plate. */
.manuscript-atmosphere{display:none!important}

/* Approved left chapter rail: same side, same visual role, no upside-down label. */
.fixed-chapter-launcher{display:none!important}
.v56-chapter-launcher{
  position:fixed!important;
  left:0!important;right:auto!important;
  top:50%!important;transform:translateY(-50%)!important;
  z-index:50000!important;
  width:84px!important;min-height:102px!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  border:1px solid rgba(214,157,78,.58)!important;
  border-left:0!important;border-radius:0 5px 5px 0!important;
  background:linear-gradient(90deg,rgba(28,19,10,.98),rgba(48,31,14,.93))!important;
  color:#d8a25d!important;
  box-shadow:0 0 28px rgba(192,125,42,.16),inset 0 0 24px rgba(184,119,43,.08)!important;
  opacity:1!important;
}
.v56-launcher-mark{font-size:25px!important;line-height:1!important;color:#f0c27b!important}
.v56-launcher-mark::before{content:'▮▮';font-size:13px;letter-spacing:2px}
.v56-launcher-mark{font-size:0!important}
.v56-launcher-label{writing-mode:horizontal-tb!important;font-size:12px!important;letter-spacing:0!important;color:#d4a263!important}

/* Match the approved composition: compact top controls, large centered spread. */
.reader-stage{max-width:1460px!important;padding:28px 70px 80px!important}
.reader-chrome{padding-bottom:18px!important}
.reader-chrome-actions{gap:10px!important}
.reader-chrome-actions button,.reader-navigation button{
  border-color:rgba(194,137,70,.38)!important;
  background:rgba(4,5,6,.84)!important;
  color:#b98a53!important;
  padding:11px 14px!important;
}
.reader-book{
  width:min(950px,74vw)!important;
  margin:34px auto 18px!important;
  gap:5px!important;
  box-shadow:0 35px 95px rgba(0,0,0,.72)!important;
}
.reader-paper{
  min-height:620px!important;
  background:linear-gradient(145deg,rgba(20,19,18,.985),rgba(10,10,10,.985))!important;
  border-color:rgba(191,139,79,.22)!important;
  box-shadow:inset 0 0 70px rgba(155,106,55,.035),0 10px 35px rgba(0,0,0,.30)!important;
}
.reader-navigation{width:min(950px,74vw)!important}
.reader-scene-rail,.reader-principle{display:none!important}
.reader-atmosphere-caption{left:30px!important;bottom:25px!important}

@media(max-width:1000px){
  .reader-stage{padding-left:94px!important;padding-right:24px!important}
  .reader-book,.reader-navigation{width:min(860px,92%)!important}
}
@media(max-width:760px){
  .v56-chapter-launcher{left:0!important;width:52px!important;min-height:68px!important}
  .v56-launcher-label{font-size:9px!important}
  .reader-stage{padding-left:58px!important}
  .reader-world{background-position:58% center!important}
}


/* =========================================================
   v6.0 — CLEAN REFERENCE UI
   Keep only the cinematic scenery from the approved visual.
   All controls are live HTML.
   ========================================================= */
.v60-scene-shell{
  position:fixed; inset:0; z-index:1; pointer-events:none; overflow:hidden;
  background:#020304 url('assets/reader_scene_vampire_locked.jpg') center/cover no-repeat;
  filter:saturate(.86) brightness(.72) contrast(1.05);
}
.v60-scene-left,.v60-scene-right{display:none;}
.v60-scene-center-mask{
  position:absolute; inset:0;
  background:radial-gradient(circle at 52% 46%,rgba(0,0,0,.08) 0 34%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.58) 100%);
}
.manuscript-atmosphere{opacity:.18!important; z-index:2!important}
.immersive-reader{position:relative!important; z-index:20!important}

.v60-reader-rail{
  position:fixed; left:0; top:240px; z-index:40000;
  width:82px; display:flex; flex-direction:column;
  border:1px solid rgba(181,132,67,.24);
  background:rgba(4,5,6,.88);
  backdrop-filter:blur(8px);
}
.v60-rail-btn{
  min-height:92px; border:0; border-bottom:1px solid rgba(181,132,67,.12);
  background:transparent; color:#9f7a4e; display:flex; flex-direction:column;
  justify-content:center; align-items:center; gap:8px; cursor:pointer;
}
.v60-rail-btn:hover,.v60-rail-btn.active{
  color:#d2a566;
  background:linear-gradient(90deg,rgba(120,78,34,.34),rgba(37,26,14,.42));
  box-shadow:inset 2px 0 0 #c78f46, 0 0 18px rgba(174,113,45,.08);
}
.v60-icon{font-size:21px}
.v60-rail-btn strong{font-size:10px;font-weight:400}

.v60-panel-overlay{
  position:fixed; inset:0; z-index:60000; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.78); backdrop-filter:blur(10px);
  opacity:0; visibility:hidden; pointer-events:none; transition:.22s ease;
}
.v60-panel-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.v60-panel{
  width:min(760px,88vw); background:#070808;
  border:1px solid rgba(181,132,67,.22); padding:24px; direction:rtl;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.v60-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(181,132,67,.11)}
.v60-panel-head small{color:#5f4d3a;font-size:8px;letter-spacing:.14em}
.v60-panel-head h2{margin:5px 0 0;color:#b98951;font-size:24px;font-weight:400}
.v60-close,.v60-setting-grid button,.v60-primary{
  border:1px solid rgba(181,132,67,.18);background:#050606;color:#9b7650;padding:10px 13px;cursor:pointer
}
.v60-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:22px}
.v60-about-copy{padding-top:20px;color:#9a8d80;line-height:2}
.v60-about-copy h3{color:#c09157;font-size:24px;font-weight:400}
.v60-notes{width:100%;min-height:180px;margin:20px 0;padding:14px;background:#040505;border:1px solid rgba(181,132,67,.16);color:#b9aa9c;direction:rtl;resize:vertical}
body.v60-modal-open{overflow:hidden}

.manuscript-body{font-size:calc(1em * var(--v60-text-scale,1))!important}

@media(max-width:900px){
  .v60-reader-rail{top:auto;bottom:10px;left:10px;width:auto;flex-direction:row}
  .v60-rail-btn{min-height:54px;min-width:58px;padding:6px}
  .v60-rail-btn strong{display:none}
  .v60-scene-left,.v60-scene-right{width:20vw}
}


/* =========================================================
   v6.1 — CLEAN CINEMATIC PLATE
   No UI is baked into the background. Live HTML only.
   ========================================================= */
.reader-world{
  background-image:
    linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.08)),
    url('assets/cinematic_plate_clean.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Disable the v6.0 screenshot-slice layer: it contained baked UI. */
.v60-scene-shell{display:none!important}

/* One live rail only. */
.v56-chapter-launcher,
.fixed-chapter-launcher{display:none!important}
.v60-reader-rail{display:flex!important}

/* Ensure the real controls/pages sit above the clean plate. */
.reader-header,
.reader-toolbar,
.immersive-reader,
.reader-footer,
.v60-reader-rail{position:relative;z-index:20}
.v60-reader-rail{position:fixed!important;z-index:40000!important}

/* Keep scenery visible around the pages without contaminating them. */
.reader-page,
.page,
.book-page{
  background:rgba(9,9,9,.965)!important;
  box-shadow:0 20px 65px rgba(0,0,0,.48)!important;
}

/* v6.2 — Functional Reader Pass: settings only; v6.1 visual lock preserved */
.v62-settings-grid button{
  min-height:78px; display:flex; flex-direction:column; justify-content:center;
  align-items:flex-start; gap:8px; text-align:right;
}
.v62-settings-grid button span{color:#8e7962;font-size:12px}
.v62-settings-grid button strong{color:#c7975b;font-size:15px;font-weight:400}
.v62-settings-grid button:hover{border-color:rgba(201,151,91,.55);background:rgba(132,87,39,.08)}
.v62-settings-note{margin:18px 0 0;color:#675b4f;font-size:11px;line-height:1.8}


/* =========================================================
   v6.3 — CLEAN READER
   Visual cleanup only. v6.1 cinematic layout remains locked.
   Hide development/demo/session UI while preserving reader state logic.
   ========================================================= */

/* Known development / sample / session controls */
.reader-dev-controls,
.reader-debug,
.reader-debug-panel,
.reader-sample-controls,
.sample-controls,
.demo-controls,
.dev-controls,
.reader-session,
.reading-session,
.session-tools,
.reader-resume-tools,
.resume-tools,
.reader-lab,
.reader-diagnostics,
[data-reader-dev],
[data-debug],
[data-demo-control]{
  display:none!important;
}

/* The stable build also contains these text-labelled utility controls.
   Hide only buttons/containers carrying development labels. */
button[id*="reset" i],
button[id*="resume" i],
[id*="readingSession" i],
[id*="sampleReset" i],
[id*="resumeLast" i]{
  display:none!important;
}

/* Prevent any hidden lower development region from creating visual height. */
.reader-shell > .reader-dev-controls,
.immersive-reader > .reader-dev-controls{
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Keep the approved reading composition clean and dominant. */
.reader-footer{
  margin-bottom:22px!important;
}


/* v6.4 — Bookmarks & Notes, visual lock preserved */
.v64-bookmark-actions,.v64-notes-actions{
  display:flex;gap:10px;flex-wrap:wrap;padding-top:20px
}
.v64-secondary{
  border:1px solid rgba(181,132,67,.13);
  background:#050606;color:#6d5b49;padding:10px 13px;cursor:pointer
}
.v64-bookmark-card{
  margin-top:18px;padding:18px;border:1px solid rgba(181,132,67,.12);
  background:rgba(255,255,255,.012)
}
.v64-bookmark-card small,.v64-bookmark-card strong{display:block}
.v64-bookmark-card small{color:#665748;font-size:9px}
.v64-bookmark-card strong{margin-top:8px;color:#b98b55;font-size:17px;font-weight:400}
.v64-bookmark-card button{
  margin-top:14px;border:1px solid rgba(181,132,67,.18);background:#050606;color:#9b7650;padding:9px 12px;cursor:pointer
}
.v64-notes-meta{padding-top:18px;color:#80674e;font-size:11px}
.v64-saved-notes{margin-top:18px;border-top:1px solid rgba(181,132,67,.09);padding-top:14px}
.v64-note-row{
  width:100%;display:block;text-align:right;direction:rtl;padding:12px 10px;
  border:0;border-bottom:1px solid rgba(181,132,67,.08);background:transparent;cursor:pointer
}
.v64-note-row:hover{background:rgba(181,132,67,.045)}
.v64-note-row span{display:block;color:#aa7f50;font-size:11px}
.v64-note-row small{display:block;margin-top:5px;color:#6f6255;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v64-empty-note{color:#5f554a}


/* v6.5 — Chapters + About. Approved cinematic plate remains locked. */
.v65-overlay{z-index:9999}
.v65-chapter-list{margin-top:18px;border-top:1px solid rgba(181,132,67,.10)}
.v65-chapter-row{
  width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;
  direction:rtl;text-align:right;padding:14px 8px;border:0;
  border-bottom:1px solid rgba(181,132,67,.08);background:transparent;cursor:pointer
}
.v65-chapter-row:hover,.v65-chapter-row.is-current{background:rgba(181,132,67,.055)}
.v65-chapter-row.is-current{box-shadow:inset -2px 0 #a9783e}
.v65-ch-num{direction:ltr;color:#5d4d3d;font-size:10px;letter-spacing:.12em}
.v65-ch-name{color:#a98053;font-size:15px}
.v65-chapter-row small{color:#5f5448;font-size:9px}
.v65-about-copy{direction:rtl;text-align:right;padding-top:22px;max-width:560px}
.v65-about-copy p{color:#918274;line-height:2.05;font-size:15px;margin:0 0 16px}
.v65-about-copy .v65-kicker{color:#bd8d55;font-size:22px;line-height:1.5}
.v65-about-rule{width:62px;border-top:1px solid rgba(181,132,67,.35);margin:28px 0 16px auto}
.v65-about-copy small{color:#5f4c39;font-size:9px;letter-spacing:.16em}
@media(max-width:760px){
  .v65-chapter-row{grid-template-columns:34px 1fr}
  .v65-chapter-row small{grid-column:2}
}


/* v6.6 — Chapters Fix. No visual redesign. */
.v66-overlay{z-index:100000!important}
.v66-overlay.open,.v66-overlay.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.v66-panel{width:min(760px,88vw)}
.v66-chapter-list{
  margin-top:18px;
  border-top:1px solid rgba(181,132,67,.10)
}
.v66-chapter-row{
  width:100%;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:14px;
  align-items:center;
  direction:rtl;
  text-align:right;
  padding:14px 10px;
  border:0;
  border-bottom:1px solid rgba(181,132,67,.08);
  background:transparent;
  cursor:pointer;
}
.v66-chapter-row:hover,
.v66-chapter-row.is-current{
  background:rgba(181,132,67,.055)
}
.v66-chapter-row.is-current{
  box-shadow:inset -2px 0 #a9783e
}
.v66-num{
  color:#5d4d3d;
  font-size:10px;
  direction:ltr
}
.v66-name{
  color:#a98053;
  font-size:15px
}
.v66-chapter-row small{
  color:#5f5448;
  font-size:9px
}
@media(max-width:700px){
  .v66-chapter-row{grid-template-columns:40px 1fr}
  .v66-chapter-row small{grid-column:2}
}


/* v6.7 — About panel. Functional pass only; reader plate remains locked. */
.v67-overlay{z-index:100001!important}
.v67-overlay.open,.v67-overlay.is-open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important
}
.v67-about-panel{width:min(720px,88vw)}
.v67-about-body{
  position:relative;direction:rtl;text-align:right;padding:26px 4px 8px;
  max-width:590px;margin-right:auto
}
.v67-book-mark{
  position:absolute;left:0;top:20px;color:rgba(181,132,67,.16);
  font-family:Georgia,serif;font-size:68px;line-height:1
}
.v67-title{color:#c09057!important;font-size:26px!important;line-height:1.5!important;margin-bottom:22px!important}
.v67-about-body p{
  color:#918274;line-height:2.15;font-size:15px;margin:0 0 17px
}
.v67-rule{width:66px;border-top:1px solid rgba(181,132,67,.35);margin:28px 0 16px auto}
.v67-foot{color:#5e4c3b;font-size:9px;letter-spacing:.17em}


/* v6.8 — Cinematic scene engine.
   Approved reader plate is locked; only atmosphere changes. */
html{
  --v68-scene-position:50% 50%;
}
html[data-vob-scene] body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.18;
  transition:opacity .65s ease, filter .65s ease;
  background:
    radial-gradient(circle at 50% 18%, rgba(193,143,78,.08), transparent 28%),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.20));
}
html[data-vob-scene="blackout"] body::after{
  opacity:.28;
  background:
    radial-gradient(circle at 18% 62%, rgba(178,121,55,.09), transparent 20%),
    linear-gradient(115deg, rgba(0,0,0,.08), rgba(0,0,0,.40));
}
html[data-vob-scene="mounds"] body::after{
  opacity:.22;
  background:
    radial-gradient(circle at 25% 72%, rgba(178,121,55,.11), transparent 18%),
    radial-gradient(circle at 80% 16%, rgba(200,200,190,.05), transparent 20%),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.24));
}
html[data-vob-scene="barbar"] body::after{
  opacity:.25;
  background:
    radial-gradient(circle at 82% 58%, rgba(190,126,55,.13), transparent 20%),
    radial-gradient(circle at 78% 15%, rgba(210,210,195,.06), transparent 18%),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.27));
}
html.v68-scene-changing body::after{opacity:0!important}


/* =========================================================
   v6.9 — DYNAMIC CINEMATIC BACKGROUNDS
   The approved HTML reader UI remains locked.
   Only the world behind it changes.
   ========================================================= */

.reader-world{
  position:relative;
  isolation:isolate;
}

/* Two real image layers for smooth crossfade. */
.reader-world::before,
.reader-world::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transition:opacity .65s ease, filter .65s ease;
}
.reader-world::before{opacity:1}
.reader-world::after{
  z-index:-2;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.02),rgba(0,0,0,.24));
}

/* Actual scene images */
html[data-v69-scene="city"] .reader-world::before{
  background-image:url('assets/reader_scene_city.jpg')!important;
}
html[data-v69-scene="blackout"] .reader-world::before{
  background-image:url('assets/reader_scene_blackout.jpg')!important;
}
html[data-v69-scene="mounds"] .reader-world::before{
  background-image:url('assets/reader_scene_mounds.jpg')!important;
}
html[data-v69-scene="barbar"] .reader-world::before{
  background-image:url('assets/reader_scene_barbar.jpg')!important;
}

/* Remove the older fixed plate so the new scene is actually visible. */
.reader-world{
  background-image:none!important;
  background-color:#020304!important;
}

/* Gentle cinematic fade during scene swaps */
html.v69-changing .reader-world::before{
  opacity:.12!important;
  filter:brightness(.7) blur(2px);
}
html.v69-changing .reader-world::after{
  opacity:.18;
}

/* Keep prose dominant */
.reader-page,.page,.book-page{
  background:rgba(8,8,8,.965)!important;
}


/* =========================================================
   v7.0 — SCENE-LEVEL ATMOSPHERE
   LOCKED: reader UI, typography, rail, controls, page geometry.
   CHANGED: cinematic world behind the pages only.
   ========================================================= */

html[data-v70-scene="city"] .reader-world::before{
  background-image:url('assets/reader_scene_city.jpg')!important;
}
html[data-v70-scene="blackout"] .reader-world::before{
  background-image:url('assets/reader_scene_blackout.jpg')!important;
}
html[data-v70-scene="mounds"] .reader-world::before{
  background-image:url('assets/reader_scene_mounds.jpg')!important;
}
html[data-v70-scene="barbar"] .reader-world::before{
  background-image:url('assets/reader_scene_barbar.jpg')!important;
}

/* A slower, softer transition than a normal UI animation. */
.reader-world::before{
  transition:opacity .78s ease, filter .78s ease!important;
}
html.v70-changing .reader-world::before{
  opacity:.10!important;
  filter:brightness(.72) blur(1.5px)!important;
}

/* Keep the manuscript visually dominant at every atmospheric beat. */
.reader-page,.page,.book-page{
  background:rgba(8,8,8,.965)!important;
}


/* =========================================================
   v7.5 — MOTION ROOT-CAUSE FIX
   IMPORTANT: do NOT change .reader-world from fixed to relative.
   Earlier motion layers collapsed because reader-world lost its fixed viewport box.
   ========================================================= */
.v75-animated-atmosphere{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:url('assets/reader_atmosphere_motion.gif') center/cover no-repeat!important;
  opacity:.78!important;
  mix-blend-mode:screen!important;
}
html.v75-motion-off .v75-animated-atmosphere{opacity:0!important}

/* Preserve the stable v7.0 world geometry exactly. */
.reader-world{
  position:fixed!important;
  inset:74px 0 0!important;
  z-index:0!important;
  overflow:hidden!important;
}
.reader-stage{position:relative!important;z-index:2!important}

@media(max-width:900px){
  .reader-world{inset:90px 0 0!important}
}


/* =========================================================
   v7.6 — CINEMATIC ATMOSPHERE POLISH
   Built on the proven v7.5 fixed-world motion geometry.
   ========================================================= */

.v76-cinematic-atmosphere{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  mix-blend-mode:screen!important;
  opacity:.42!important;
  transition:opacity .45s ease!important;
}

.v76-cinematic-atmosphere[data-scene="city"]{
  background-image:url('assets/atmosphere_city.gif')!important;
  opacity:.34!important;
}
.v76-cinematic-atmosphere[data-scene="blackout"]{
  background-image:url('assets/atmosphere_blackout.gif')!important;
  opacity:.22!important;
  mix-blend-mode:soft-light!important;
}
.v76-cinematic-atmosphere[data-scene="mounds"]{
  background-image:url('assets/atmosphere_mounds.gif')!important;
  opacity:.39!important;
}
.v76-cinematic-atmosphere[data-scene="barbar"]{
  background-image:url('assets/atmosphere_barbar.gif')!important;
  opacity:.37!important;
}

html.v76-atmosphere-off .v76-cinematic-atmosphere{
  opacity:0!important;
}

/* Retire the v7.5 test asset if its old selector survives in cached CSS. */
.v75-animated-atmosphere{display:none!important}

/* Preserve the root-cause fix exactly. */
.reader-world{
  position:fixed!important;
  inset:74px 0 0!important;
  z-index:0!important;
  overflow:hidden!important;
}
.reader-stage{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:900px){
  .reader-world{inset:90px 0 0!important}
}


/* v7.7 — Ambience Engine. No visual-layout changes. */
#v77AmbienceA,#v77AmbienceB{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}


/* =========================================================
   v8.1 — SETTINGS + BOOKMARKS FIX
   Direct handlers; approved reader composition stays locked.
   ========================================================= */

/* Text size now affects the real manuscript typography directly. */
.manuscript-body{
  font-size:calc(1em * var(--v81-text-scale,1))!important;
}
.dynamic-title{
  transform-origin:right top;
}

/* Focus mode: UI recedes but never disappears permanently. */
html.v81-focus .reader-header,
html.v81-focus .reader-toolbar,
html.v81-focus .v60-reader-rail,
html.v81-focus .reader-footer{
  opacity:.16!important;
  transition:opacity .25s ease!important;
}
html.v81-focus .reader-header:hover,
html.v81-focus .reader-toolbar:hover,
html.v81-focus .v60-reader-rail:hover,
html.v81-focus .reader-footer:hover{
  opacity:1!important;
}

/* Cinematic background toggle. */
html.v81-atmosphere-off .reader-world::before,
html.v81-atmosphere-off .reader-world::after,
html.v81-atmosphere-off .v76-cinematic-atmosphere,
html.v81-atmosphere-off .v75-animated-atmosphere{
  opacity:0!important;
}
html.v81-atmosphere-off .reader-world{
  background:#020304!important;
}

/* Atmosphere intensity changes only the world, never the pages. */
html.v81-intensity-medium .reader-world::before{
  filter:brightness(1.10) contrast(1.04)!important;
}
html.v81-intensity-medium .v76-cinematic-atmosphere{
  opacity:.56!important;
}

/* Settings buttons show that they are interactive. */
.v62-settings-grid button{
  cursor:pointer!important;
}
.v62-settings-grid button:active{
  transform:translateY(1px);
}

/* Bookmark panel */
.v81-bookmark-wrap{
  padding-top:22px;
  direction:rtl;
  text-align:right;
}
#v81BookmarkStatus{
  color:#938474;
  line-height:2;
  margin:0 0 18px;
}
.v81-bookmark-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.v81-secondary{
  border:1px solid rgba(181,132,67,.15);
  background:#050606;
  color:#80684f;
  padding:10px 13px;
  cursor:pointer;
}
.v81-secondary:disabled{
  opacity:.32;
  cursor:default;
}


/* v8.2 — Direct audio engine fix. No visual changes. */
#v82AmbienceA,#v82AmbienceB{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v8.3 — Ambience status indicator fix. No layout changes. */
#readerSound.is-on{
  border-color:rgba(181,132,67,.48)!important;
  color:#c99b5c!important;
}
#v62AmbienceToggle.is-on strong{
  color:#c99b5c!important;
}


/* =========================================================
   v8.4 — CONTINUE READING
   Cinematic resume prompt; no changes to approved reader layout.
   ========================================================= */
.v84-resume-overlay{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.v84-resume-overlay.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.v84-resume-card{
  width:min(460px,92vw);
  padding:30px 30px 26px;
  border:1px solid rgba(181,132,67,.28);
  background:
    linear-gradient(180deg,rgba(16,15,13,.97),rgba(4,5,5,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.62);
  color:#d8cfc4;
  text-align:right;
  direction:rtl;
}
.v84-resume-card small{
  display:block;
  direction:ltr;
  text-align:left;
  color:#8f6d43;
  letter-spacing:.18em;
  font-size:10px;
  margin-bottom:8px;
}
.v84-resume-card h2{
  margin:0 0 12px;
  color:#d4b07b;
  font-weight:500;
}
.v84-resume-card p{
  margin:0 0 22px;
  color:#9d9184;
  line-height:1.9;
}
.v84-resume-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.v84-resume-actions button{
  cursor:pointer;
  padding:11px 14px;
  border:1px solid rgba(181,132,67,.2);
  background:#070807;
  color:#a99172;
}
#v84ResumeBtn{
  background:rgba(181,132,67,.13);
  border-color:rgba(181,132,67,.42);
  color:#d4b07b;
}
.v84-resume-actions button:hover{
  border-color:rgba(181,132,67,.55);
  color:#d4b07b;
}


/* =========================================================
   v8.6 — READING PROGRESS
   Minimal cinematic progress line; no reader-layout changes.
   ========================================================= */
.v86-reading-progress{
  position:fixed;
  left:0;
  right:0;
  top:0;
  height:2px;
  z-index:12000;
  background:rgba(255,255,255,.025);
  pointer-events:none;
}
.v86-reading-progress-fill{
  width:1.5%;
  height:100%;
  background:linear-gradient(90deg,rgba(126,84,38,.72),rgba(210,163,94,.9));
  box-shadow:0 0 10px rgba(181,132,67,.22);
  transition:width .45s cubic-bezier(.22,.61,.36,1);
}

/* v8.11 — fixed top controls repair */
.manuscript-body{font-size:calc(1em * var(--v811-text-scale,1))!important}
html.v811-atmosphere-off .v76-cinematic-atmosphere,
html.v811-atmosphere-off .v75-animated-atmosphere{opacity:0!important}
html.v811-atmosphere-off .reader-world{background:#020304!important}
html.v811-intensity-medium .v76-cinematic-atmosphere{opacity:.56!important}
html.v811-focus .reader-chrome,
html.v811-focus .v60-reader-rail{opacity:.13!important;transition:opacity .25s ease!important}
html.v811-focus .reader-chrome:hover,
html.v811-focus .v60-reader-rail:hover{opacity:1!important}
.v60-reader-rail.v811-nav-hidden{opacity:0!important;pointer-events:none!important}

/* v8.12 — QA hardening; zero visual redesign. */
.reader-chrome button,.v60-reader-rail button{
  -webkit-user-select:none!important;
  user-select:none!important;
}
body.v60-modal-open{
  overflow:hidden!important;
}


/* =========================================================
   v9.0 — SITE ↔ READER INTEGRATION
   Desktop reader remains visually locked.
   ========================================================= */
.v90-reader-exit{
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
  color:#8f734f;
  border:1px solid rgba(181,132,67,.13);
  background:rgba(3,4,4,.34);
  padding:7px 9px;
  margin-inline-end:10px;
  font-size:9px;
  letter-spacing:.08em;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.v90-reader-exit:hover{
  color:#c99b5c;
  border-color:rgba(181,132,67,.36);
  background:rgba(181,132,67,.05);
}
.v90-reader-exit span{
  font-size:12px;
  line-height:1;
}


/* =========================================================
   v9.1 — LIBRARY RESUME
   Site-level reading continuity. Reader itself remains locked.
   ========================================================= */
.v91-library-resume{
  min-width:150px;
  padding:8px 10px;
  border:1px solid rgba(181,132,67,.10);
  background:rgba(181,132,67,.025);
  text-align:right;
}
.v91-library-resume small{
  display:block;
  color:#65513c;
  font-size:8px;
  letter-spacing:.12em;
  margin-bottom:4px;
}
.v91-library-resume strong{
  color:#9b7850;
  font-size:10px;
  font-weight:500;
}
.book1-entry.is-resume{
  border-color:rgba(181,132,67,.34)!important;
  color:#c99b5c!important;
}
.v91-portal-resume{
  display:block;
  margin-top:10px;
  color:#7f6547;
  font-size:9px;
  letter-spacing:.08em;
}


/* v9.2 — complete visual library layer. Existing reader behavior remains untouched. */
.v92-cover-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);margin:34px 0 48px;align-items:start}
.v92-cover-card{min-width:0}
.v92-cover{position:relative;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(212,175,55,.32);background:#090909 center/cover no-repeat;box-shadow:0 20px 50px rgba(0,0,0,.38);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(14px,1.7vw,25px);isolation:isolate}
.v92-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.28) 42%,rgba(0,0,0,.94));z-index:-1}
.v92-cover:after{content:"";position:absolute;inset:9px;border:1px solid rgba(247,235,214,.12);pointer-events:none}
.v92-cover-one{background-image:url('assets/vampire_master.png')}
.v92-cover-two{background-image:url('assets/reader_scene_barbar.jpg')}
.v92-cover-three{background-image:url('assets/heartbeat.jpg')}
.v92-cover-four{background-image:url('assets/entity_master.png')}
.v92-cover-en{background-image:url('assets/cinematic-reference.png')}
.v92-cover>span{position:absolute;top:18px;left:18px;color:#d4af37;font:600 10px/1.2 system-ui,sans-serif;letter-spacing:.22em}
.v92-cover>strong{color:#f7ebd6;font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.15vw,38px);line-height:.98;font-weight:500;text-shadow:0 3px 20px #000;margin-bottom:12px}
.v92-cover>strong[dir="rtl"]{font-family:'Noto Naskh Arabic','Geeza Pro',serif;line-height:1.12;text-align:right}
.v92-cover>small{color:#d4af37;font:600 9px/1.4 system-ui,sans-serif;letter-spacing:.15em}
.v92-cover-meta{padding:14px 2px 0;display:flex;flex-direction:column;gap:5px}
.v92-cover-meta b{color:#f7ebd6;font-size:15px;font-weight:500}.v92-cover-meta b[dir="rtl"]{font-family:'Noto Naskh Arabic','Geeza Pro',serif;font-size:18px}
.v92-cover-meta span{color:rgba(247,235,214,.52);font-size:9px;letter-spacing:.14em}
@media(max-width:1000px){.v92-cover-shelf{grid-template-columns:repeat(3,1fr)}.v92-cover-card-en{grid-column:auto}}
@media(max-width:620px){.v92-cover-shelf{grid-template-columns:repeat(2,1fr);gap:12px}.v92-cover-card-en{grid-column:1/-1;max-width:50%;justify-self:center;width:100%}.v92-cover>strong{font-size:25px}}

/* v9.3 — complete editions */
.v93-real-cover{padding:0!important;overflow:hidden;background:#050606!important}
.v93-real-cover img{width:100%;height:100%;object-fit:cover;display:block}
.v93-english-row{border-top-color:rgba(181,132,67,.24)!important}
.edition-actions a.sample-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.v93-edition-portal{min-height:100vh;background:#030404;color:#b89567;display:grid;place-items:center;padding:40px}
.v93-edition-card{width:min(900px,92vw);border:1px solid rgba(181,132,67,.24);padding:clamp(28px,5vw,70px);background:rgba(8,8,8,.94);text-align:center}
.v93-edition-card small{letter-spacing:.18em;color:#6e583f}
.v93-edition-card h1{font-size:clamp(38px,6vw,82px);font-weight:400;margin:22px 0 8px}
.v93-edition-card p{color:#827465;line-height:1.8}
.v93-edition-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.v93-edition-actions a{border:1px solid rgba(181,132,67,.28);padding:13px 22px;color:#b89567;text-decoration:none;letter-spacing:.08em;font-size:11px}
.v93-edition-actions a:hover{border-color:#b58443;color:#d0a464}

/* =========================================================
   v9.4 — FULL READING LIBRARY
   ========================================================= */
.v94-reader{margin:0;background:#020303;color:#c8bba9;min-height:100vh;font-family:Georgia,"Times New Roman",serif}
.v94-reader:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(126,84,38,.10),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 35%);z-index:0}
.v94-reader-top{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 22px;border-bottom:1px solid rgba(181,132,67,.16);background:rgba(2,3,3,.94);backdrop-filter:blur(12px)}
.v94-reader-top>a{justify-self:start;color:#9d784d;text-decoration:none;font-size:10px;letter-spacing:.12em}
.v94-reader-top>div{text-align:center;display:grid;gap:4px}.v94-reader-top small{font-size:8px;color:#67533c;letter-spacing:.18em}.v94-reader-top strong{font-size:13px;font-weight:400;color:#b89567}
.v94-reader-top button{justify-self:end;background:none;border:1px solid rgba(181,132,67,.18);color:#8f734f;padding:8px 10px;font-size:9px}
.v94-reading-stage{position:relative;z-index:1;width:min(1000px,94vw);margin:38px auto 80px}
.v94-reader-panel{border:1px solid rgba(181,132,67,.18);background:rgba(5,6,6,.92);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.v94-reader-meta{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(181,132,67,.10);font-size:9px;letter-spacing:.12em;color:#6d5840}
.v94-page{min-height:66vh;padding:clamp(28px,6vw,76px);white-space:pre-wrap;font-size:calc(clamp(18px,2vw,24px) * var(--v94-scale,1));line-height:2.05;color:#c9c0b4;text-align:start}
html[dir="rtl"] .v94-page{font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;line-height:2.2}
.v94-nav{display:flex;justify-content:center;gap:9px;padding:15px;border-top:1px solid rgba(181,132,67,.10);position:sticky;bottom:0;background:rgba(4,5,5,.96)}
.v94-nav button{background:#050606;border:1px solid rgba(181,132,67,.18);color:#8f734f;padding:10px 15px;min-width:48px}
.v94-nav button:first-child,.v94-nav button:last-child{font-size:22px}
.v94-focus .v94-reader-top{opacity:.12;transition:opacity .2s}.v94-focus .v94-reader-top:hover{opacity:1}
@media(max-width:650px){.v94-reader-top{grid-template-columns:auto 1fr auto;padding:10px}.v94-reader-top strong{font-size:10px}.v94-reader-top small{display:none}.v94-page{padding:25px 20px;font-size:calc(18px * var(--v94-scale,1));line-height:1.95}.v94-nav{gap:5px}.v94-nav button{padding:9px 8px;font-size:8px}}

/* =========================================================
   v9.5 — APPROVED BOOKS VISUAL LOCK
   Approved order: I → II → III → IV → EN
   ========================================================= */
.v95-approved-books-visual{
  width:min(1180px,94vw);
  margin:24px auto 8px;
  border:1px solid rgba(181,132,67,.20);
  background:#020303;
  overflow:hidden;
}
.v95-approved-books-visual img{
  display:block;
  width:100%;
  height:auto;
  opacity:.96;
}
@media(max-width:700px){
  .v95-approved-books-visual{margin-top:14px}
}

/* v9.6 — approved BOOKS visual interactive hit areas */
.v96-clickmap{position:relative}
.v96-hit{position:absolute;top:4%;height:78%;z-index:4;display:block;border-radius:2px}
.v96-hit:focus-visible{outline:2px solid #b58443;outline-offset:-3px}
.v96-i{left:1.2%;width:18.7%}
.v96-ii{left:20.5%;width:18.7%}
.v96-iii{left:40.0%;width:18.7%}
.v96-iv{left:59.5%;width:18.7%}
.v96-en{left:79.0%;width:19.5%}
@media(max-width:700px){
  .v96-hit{top:2%;height:82%}
}

/* v9.7 — source-page reader formatting */
.v97-reader{margin:0;background:#020303;color:#c9c0b4;min-height:100vh;font-family:Georgia,"Times New Roman",serif}
.v97-reader:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 10%,rgba(142,96,42,.09),transparent 34%);pointer-events:none}
.v97-top{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 24px;background:rgba(2,3,3,.96);border-bottom:1px solid rgba(181,132,67,.17)}
.v97-top a{color:#9f794c;text-decoration:none;font-size:10px;letter-spacing:.13em}.v97-top>div{text-align:center;display:grid;gap:4px}.v97-top small{color:#66513a;font-size:8px;letter-spacing:.18em}.v97-top strong{color:#b89567;font-size:13px;font-weight:400}.v97-top button{justify-self:end;background:none;border:1px solid rgba(181,132,67,.22);color:#9f794c;padding:9px 12px}
.v97-stage{position:relative;width:min(980px,94vw);margin:40px auto 80px}.v97-shell{background:#050606;border:1px solid rgba(181,132,67,.20);box-shadow:0 28px 90px rgba(0,0,0,.42)}
.v97-status{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(181,132,67,.11);color:#715a3e;font-size:9px;letter-spacing:.12em}
.v97-page{box-sizing:border-box;min-height:68vh;padding:clamp(42px,7vw,82px);white-space:pre-wrap;font-size:calc(clamp(18px,1.7vw,23px)*var(--rz,1));line-height:2;color:#d0c7ba;max-width:850px;margin:auto}
html[dir="rtl"] .v97-page{font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;text-align:right;line-height:2.25;unicode-bidi:plaintext}
html[dir="ltr"] .v97-page{text-align:left;line-height:1.8}
.v97-nav{position:sticky;bottom:0;display:flex;justify-content:center;gap:8px;padding:14px;background:rgba(4,5,5,.97);border-top:1px solid rgba(181,132,67,.11)}
.v97-nav button{background:#050606;border:1px solid rgba(181,132,67,.22);color:#9f794c;padding:10px 16px}.v97-nav button:first-child,.v97-nav button:last-child{font-size:21px}
.v97-focus .v97-top{opacity:.12}.v97-focus .v97-top:hover{opacity:1}
@media(max-width:650px){.v97-top{padding:10px}.v97-top small{display:none}.v97-top strong{font-size:10px}.v97-page{padding:30px 22px;font-size:calc(18px*var(--rz,1));min-height:72vh}.v97-nav{gap:5px}.v97-nav button{padding:9px 8px;font-size:8px}}

/* =========================================================
   v9.8 — LOCKED READER LAYOUT
   ========================================================= */
.v98-reader{margin:0;min-height:100vh;background:#020303;color:#d0c7ba;font-family:Georgia,"Times New Roman",serif}
.v98-top{position:fixed;top:0;left:0;right:0;height:78px;z-index:20;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 24px;background:rgba(2,3,3,.97);border-bottom:1px solid rgba(181,132,67,.18)}
.v98-top button,.v98-top a{background:none;border:1px solid rgba(181,132,67,.22);color:#a57d4d;padding:10px 14px;text-decoration:none;font-size:10px;letter-spacing:.08em}
.v98-top a{justify-self:end}.v98-title{text-align:center;display:grid;gap:3px}.v98-title small{font-size:8px;letter-spacing:.18em;color:#6b5339}.v98-title strong{font-size:14px;font-weight:400;color:#b89567}.v98-title span{font-size:9px;color:#8d7559}
.v98-sidebar{position:fixed;top:78px;left:0;bottom:72px;width:245px;z-index:10;border-right:1px solid rgba(181,132,67,.16);background:#030404;overflow:auto}
html[dir="rtl"] .v98-sidebar{left:0;right:auto}
.v98-side-title{padding:16px 18px;border-bottom:1px solid rgba(181,132,67,.12);color:#9d794e;font-size:11px}
.v98-thumbs{display:grid;gap:14px;padding:14px}.v98-thumb{border:1px solid rgba(181,132,67,.12);background:#050606;color:#8e765e;padding:7px;display:grid;gap:6px;text-align:center}
.v98-thumb.active{border-color:#b58443;box-shadow:0 0 0 1px rgba(181,132,67,.14) inset}.v98-thumb-paper{display:grid;place-items:center;min-height:92px;background:#eee8dd;color:#171717;font-size:9px;line-height:1.5;padding:10px}.v98-thumb small{color:#b58443}
.v98-main{margin-left:245px;padding:118px 40px 110px}.v98-page{box-sizing:border-box;width:min(950px,92%);min-height:68vh;margin:0 auto;padding:clamp(46px,6vw,82px);border-left:1px solid rgba(181,132,67,.13);border-right:1px solid rgba(181,132,67,.13);white-space:pre-wrap;font-size:calc(clamp(19px,1.8vw,25px)*var(--v98z,1));line-height:2;color:#d7cec1}
html[dir="rtl"] .v98-page{font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;text-align:right;line-height:2.25;unicode-bidi:plaintext}
html[dir="ltr"] .v98-page{text-align:left;line-height:1.85}
.v98-bottom{position:fixed;left:245px;right:0;bottom:0;height:72px;z-index:20;display:flex;justify-content:center;align-items:center;gap:10px;background:rgba(3,4,4,.98);border-top:1px solid rgba(181,132,67,.16)}
.v98-bottom button{background:#050606;border:1px solid rgba(181,132,67,.22);color:#a57d4d;padding:12px 18px;min-width:135px}
.v98-focus .v98-sidebar{opacity:.08}.v98-focus .v98-top{opacity:.16}.v98-focus .v98-sidebar:hover,.v98-focus .v98-top:hover{opacity:1}
@media(max-width:760px){.v98-top{grid-template-columns:auto 1fr auto;height:64px;padding:0 10px}.v98-top button,.v98-top a{padding:8px;font-size:8px}.v98-title small{display:none}.v98-title strong{font-size:10px}.v98-sidebar{display:none}.v98-main{margin-left:0;padding:88px 12px 90px}.v98-page{width:100%;padding:28px 20px;font-size:calc(18px*var(--v98z,1));border:none}.v98-bottom{left:0;height:66px;gap:5px}.v98-bottom button{min-width:0;padding:9px 8px;font-size:8px}}

/* =========================================================
   v9.9 — ENGLISH READER FORMAT ONLY
   Arabic readers are intentionally untouched.
   ========================================================= */
.v99-en-reader .v98-top{
  grid-template-columns:220px 1fr 220px;
}
.v99-en-reader .v98-top>a{
  justify-self:start;
}
.v99-en-reader .v98-top>button{
  justify-self:end;
  grid-column:3;
  grid-row:1;
}
.v99-en-reader .v98-title{
  grid-column:2;
  grid-row:1;
}
.v99-en-reader .v98-sidebar{
  left:0;
  right:auto;
}
.v99-en-reader .v98-main{
  margin-left:245px;
  margin-right:0;
}
.v99-en-reader .v98-bottom{
  left:245px;
  right:0;
}
.v99-en-reader .v98-page{
  max-width:820px;
  padding:56px 68px 70px;
  text-align:left;
  white-space:pre-wrap;
  line-height:1.72;
  font-family:Georgia,"Times New Roman",serif;
  font-size:calc(clamp(18px,1.45vw,22px)*var(--v98z,1));
  letter-spacing:.005em;
}
.v99-en-reader .v98-page::first-line{
  line-height:1.72;
}
.v99-en-reader .v98-thumb-paper{
  text-align:left;
  align-items:start;
  justify-items:start;
  padding:12px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:8px;
  line-height:1.35;
}
.v99-en-reader .v98-side-title{
  text-align:left;
  letter-spacing:.08em;
}
.v99-en-reader .v98-bottom button{
  min-width:145px;
}
@media(max-width:760px){
  .v99-en-reader .v98-main{margin-left:0}
  .v99-en-reader .v98-bottom{left:0}
  .v99-en-reader .v98-page{
    padding:28px 22px;
    font-size:calc(17px*var(--v98z,1));
    line-height:1.68;
  }
}

/* =========================================================
   v10 — APPROVED ARABIC READER LOCK (II / III / IV)
   English reader remains on its separate v9.9 treatment.
   ========================================================= */
.v10-ar-reader .v98-top{
  height:82px;
  grid-template-columns:220px 1fr 220px;
}
.v10-ar-reader .v98-top>a{
  justify-self:start;
  direction:rtl;
}
.v10-ar-reader .v98-top>button{
  justify-self:end;
}
.v10-ar-reader .v98-title strong{
  font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;
  font-size:14px;
}
.v10-ar-reader .v98-title span{
  direction:ltr;
  unicode-bidi:isolate;
}
.v10-ar-reader .v98-sidebar{
  top:82px;
  width:260px;
}
.v10-ar-reader .v98-side-title{
  text-align:right;
  direction:rtl;
  padding:14px 18px;
}
.v10-ar-reader .v98-thumbs{
  gap:14px;
  padding:15px;
}
.v10-ar-reader .v98-thumb{
  padding:7px;
}
.v10-ar-reader .v98-thumb-paper{
  min-height:102px;
  direction:rtl;
  text-align:right;
  font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;
  line-height:1.55;
}
.v10-ar-reader .v98-main{
  margin-left:260px;
  padding:126px 34px 112px;
}
.v10-ar-reader .v98-page{
  width:min(1010px,94%);
  max-width:1010px;
  min-height:72vh;
  padding:64px 72px 82px;
  font-size:calc(clamp(19px,1.65vw,24px)*var(--v98z,1));
  line-height:2.05;
}
.v10-ar-reader .v98-bottom{
  left:260px;
  height:76px;
  gap:10px;
}
.v10-ar-reader .v98-bottom button{
  min-width:145px;
}
@media(max-width:760px){
  .v10-ar-reader .v98-top{height:64px}
  .v10-ar-reader .v98-sidebar{display:none}
  .v10-ar-reader .v98-main{margin-left:0;padding:88px 12px 90px}
  .v10-ar-reader .v98-page{
    width:100%;
    min-height:70vh;
    padding:30px 22px;
    font-size:calc(18px*var(--v98z,1));
    line-height:2;
  }
  .v10-ar-reader .v98-bottom{left:0;height:66px}
}

/* =========================================================
   v10.1 — WATCH
   ========================================================= */
.watch-v101{width:min(1320px,92vw);margin:0 auto;padding:150px 0 90px}
.watch-hero-v101{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:1px solid rgba(181,132,67,.18);padding-bottom:36px;margin-bottom:42px}
.watch-hero-v101 small{grid-column:1;color:#9f794c;font-size:10px;letter-spacing:.22em}
.watch-hero-v101 h1{grid-column:1;font-size:clamp(64px,10vw,150px);font-weight:400;line-height:.8;margin:18px 0 0;color:#b78b59}
.watch-hero-v101 p{grid-column:2;grid-row:1/3;align-self:end;color:#75695e;line-height:1.8;max-width:520px;justify-self:end}
.watch-feature-v101{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:28px;border:1px solid rgba(181,132,67,.18);background:#030404;padding:18px;margin-bottom:28px}
.watch-feature-v101 video,.watch-card-v101 video{width:100%;display:block;background:#000;aspect-ratio:16/9;object-fit:cover}
.watch-feature-copy-v101{padding:20px;display:flex;flex-direction:column;justify-content:flex-end}
.watch-feature-copy-v101 small,.watch-card-v101 small{color:#7e603e;font-size:9px;letter-spacing:.16em}
.watch-feature-copy-v101 h2{font-family:"Geeza Pro","Noto Naskh Arabic",Tahoma,serif;color:#c6a06f;font-weight:400;font-size:34px;margin:10px 0}
.watch-feature-copy-v101 p,.watch-card-v101 p{color:#6f6254;font-size:10px;letter-spacing:.12em}
.watch-grid-v101{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.watch-card-v101{border:1px solid rgba(181,132,67,.15);background:#030404;padding:14px}
.watch-card-v101>div:last-child{padding:16px 8px 5px}
.watch-card-v101 h3{color:#b89567;font-weight:400;font-size:24px;margin:8px 0}
.watch-placeholder-v101{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(181,132,67,.09),transparent 35%),#050606;border:1px solid rgba(181,132,67,.10)}
.watch-placeholder-v101 span{font-size:52px;color:#5e4933;font-family:Georgia,serif}
.watch-pending-v101{opacity:.82}
@media(max-width:760px){
  .watch-v101{padding-top:105px}
  .watch-hero-v101{grid-template-columns:1fr}.watch-hero-v101 p{grid-column:1;grid-row:auto;justify-self:start;margin-top:20px}
  .watch-feature-v101{grid-template-columns:1fr}.watch-grid-v101{grid-template-columns:1fr}
}

/* v10.2 — WATCH: extended trailer + English edition */
.watch-series-feature-v102{
  border-color:rgba(181,132,67,.30);
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}
.watch-series-feature-v102 .watch-feature-copy-v101 h2{
  font-size:38px;
}

/* v10.3 — WATCH video fit fix */
.watch-feature-v101 video,
.watch-card-v101 video{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  background:#000;
}
.watch-feature-v101{
  align-items:center;
}

/* =========================================================
   v10.5 — REAL BAHRAIN + CHARACTER COMPLETION
   ========================================================= */
.real-location-media.real-photo{position:relative;overflow:hidden;min-height:360px;background:#050606}
.real-location-media.real-photo img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;filter:saturate(.72) contrast(1.04) brightness(.78)}
.real-location-media.real-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.62))}
.real-location-media.real-photo span,.real-location-media.real-photo small{position:absolute;z-index:2;left:22px;color:#c09a69}
.real-location-media.real-photo span{top:20px;font-size:9px;letter-spacing:.16em}
.real-location-media.real-photo small{bottom:20px;font-size:11px;letter-spacing:.12em}
.real-place-photo-v105{width:min(1320px,92vw);height:min(52vw,560px);margin:120px auto 0;overflow:hidden;border:1px solid rgba(181,132,67,.18)}
.real-place-photo-v105 img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.76) contrast(1.04) brightness(.74)}
.verified-facts-v105{width:min(1080px,86vw);margin:0 auto 70px;padding:34px 0 42px;border-bottom:1px solid rgba(181,132,67,.18)}
.verified-facts-v105 h2{font-size:clamp(38px,5vw,72px);font-weight:400;color:#bd9564;margin:12px 0}
.verified-facts-v105>p:not(.eyebrow){max-width:780px;color:#93877a;line-height:1.85}
.verified-facts-v105>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.verified-facts-v105>div span{border:1px solid rgba(181,132,67,.18);padding:8px 11px;color:#876846;font-size:8px;letter-spacing:.12em}
.character-presence-preview-v105{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(430px,100%);margin:28px 0}
.character-presence-preview-v105 img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7) brightness(.72);border:1px solid rgba(181,132,67,.18)}
@media(max-width:760px){
 .real-location-media.real-photo,.real-location-media.real-photo img{min-height:240px}
 .real-place-photo-v105{margin-top:92px;height:52vw;min-height:230px}
 .verified-facts-v105{width:90vw}
}

/* =========================================================
   v10.7 — MOBILE RELEASE CANDIDATE
   Desktop visuals remain untouched; rules below apply to mobile.
   ========================================================= */
html{-webkit-text-size-adjust:100%}
img,video{max-width:100%}
@media (max-width: 820px){
  body{overflow-x:hidden}
  .site-header,.reader-topbar{max-width:100vw}
  .nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  button,.btn,a.btn{min-height:44px}
  video{width:100%;height:auto;object-fit:contain;background:#000}
  .watch-grid-v101{grid-template-columns:1fr!important}
  .watch-feature-v101{grid-template-columns:1fr!important}
  .character-presence-preview-v105{grid-template-columns:1fr 1fr}
  .real-location-grid,.real-grid{grid-template-columns:1fr!important}
  .real-place-photo-v105{width:92vw;min-height:230px}
}
@media (max-width: 520px){
  .character-presence-preview-v105{grid-template-columns:1fr}
  .verified-facts-v105 h2{font-size:34px}
  .reader-page,.reader-sheet{max-width:100%;overflow-wrap:anywhere}
}

/* =========================================================
   v10.8 — CONTENT COMPLETION
   Creator · Vampire trailer · Real Bahrain photography
   ========================================================= */
.world-real-photo-v108{position:relative;overflow:hidden}
.world-real-photo-v108 img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;filter:saturate(.72) brightness(.72) contrast(1.05)}
.world-real-photo-v108:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.76))}
.world-real-photo-v108 small{position:absolute;z-index:2;left:14px;bottom:14px;color:#b89567}
.presence-trailer-v108{width:min(1240px,92vw);margin:65px auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:end;border-top:1px solid rgba(181,132,67,.18);padding-top:44px}
.presence-trailer-v108 video{width:100%;max-height:650px;object-fit:contain;background:#000;border:1px solid rgba(181,132,67,.18)}
.presence-trailer-copy-v108 h2{font-size:clamp(54px,7vw,100px);font-weight:400;color:#b89567;margin:10px 0}
.presence-trailer-copy-v108>p:not(.eyebrow){color:#87796a;line-height:1.8;max-width:480px}

.creator-page-v108{padding:130px 0 90px}
.creator-hero-v108{width:min(1380px,92vw);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.creator-image-v108{position:relative;border:1px solid rgba(181,132,67,.17);overflow:hidden}
.creator-image-v108 img{width:100%;display:block;filter:saturate(.84)}
.creator-image-v108:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.62))}
.creator-image-v108 span{position:absolute;z-index:2;left:20px;bottom:18px;color:#8f734f;font-size:8px;letter-spacing:.15em}
.creator-intro-v108 h1{font-size:clamp(72px,10vw,154px);line-height:.78;font-weight:400;color:#be9664;margin:18px 0 28px}
.creator-intro-v108 .creator-lead{font-size:22px;line-height:1.5;color:#a58a69;max-width:650px}
.creator-bio-v108{width:min(1180px,88vw);margin:100px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid rgba(181,132,67,.18);padding-top:55px}
.creator-bio-v108 h2,.creator-vision-v108 h2{font-size:clamp(42px,5.5vw,78px);font-weight:400;color:#b89567;line-height:1.05}
.creator-copy-v108{color:#93877a;line-height:1.95;font-size:16px}
.creator-copy-v108 p+p{margin-top:22px}
.creator-work-v108{width:min(1180px,88vw);margin:0 auto 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.creator-work-v108 article{border:1px solid rgba(181,132,67,.16);padding:32px;min-height:280px;background:#030404}
.creator-work-v108 span,.creator-tags-v108 span{color:#806140;font-size:8px;letter-spacing:.15em}
.creator-work-v108 h3{color:#b89567;font-weight:400;font-size:28px;margin:18px 0}
.creator-work-v108 p{color:#7f7469;line-height:1.75}
.creator-vision-v108{width:min(1180px,88vw);margin:auto;border-top:1px solid rgba(181,132,67,.18);padding-top:55px}
.creator-vision-v108 h2 em{font-style:normal;color:#695239}
.creator-vision-v108>p:not(.eyebrow){max-width:780px;color:#8d8175;line-height:1.85}
.creator-tags-v108{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.creator-tags-v108 span{border:1px solid rgba(181,132,67,.18);padding:9px 12px}
@media(max-width:760px){
 .presence-trailer-v108,.creator-hero-v108,.creator-bio-v108{grid-template-columns:1fr}
 .presence-trailer-v108{gap:20px}
 .creator-page-v108{padding-top:95px}
 .creator-intro-v108 h1{font-size:68px}
 .creator-work-v108{grid-template-columns:1fr}
 .creator-bio-v108{gap:24px;margin-top:65px}
}


/* === V10.10 MOBILE RELEASE PREVIEW === */
.tree-approved-photo{position:relative;overflow:hidden;background:#090909}
.tree-approved-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.presence-reveals-mobile-ready{max-width:1440px;margin:80px auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.presence-reveal-card{border:1px solid rgba(196,143,58,.28);background:#070707;padding:24px}
.presence-reveal-card video{width:100%;aspect-ratio:16/9;display:block;background:#000;object-fit:contain;margin-top:20px}

@media (max-width: 760px){
  html,body{overflow-x:hidden}
  body{font-size:16px}
  .site-header{min-height:72px;padding:12px 18px;display:flex;align-items:center}
  .brand{max-width:58%}
  .brand-title{font-size:15px;letter-spacing:.12em}
  .brand-subtitle{font-size:9px}
  .site-nav{display:none}
  .lang-switch{margin-left:auto;font-size:11px}

  main{width:100%}
  .hero,.split-hero,.world-threshold,.watch-hero,.creator-hero,
  .tree-real-hero,.tree-fiction-stage,.vampire-presence,.entity-presence{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }

  h1,.display-title{font-size:clamp(42px,15vw,72px)!important;line-height:.92!important}
  h2{font-size:clamp(30px,10vw,48px)!important}
  p{line-height:1.65}

  .tree-real-hero{display:flex!important;flex-direction:column;padding:20px 18px!important;gap:24px}
  .tree-real-visual{height:auto!important;min-height:0!important;aspect-ratio:4/3}
  .tree-approved-photo img{object-fit:cover;object-position:center 52%}
  .tree-real-copy{padding:10px 0 28px!important}
  .tree-real-copy h1{font-size:48px!important}
  .tree-real-tags{display:flex;flex-wrap:wrap;gap:8px}

  .vampire-presence-image,.entity-presence-visual{min-height:58vh!important}
  .vampire-presence-copy,.entity-presence-copy{padding:34px 20px!important}
  .presence-reveals-mobile-ready{grid-template-columns:1fr;margin:42px auto;padding:0 16px;gap:22px}
  .presence-reveal-card{padding:14px}
  .presence-reveal-card video{width:100%;aspect-ratio:16/9;object-fit:contain}

  .character-grid,.books-grid,.archive-grid,.watch-grid{grid-template-columns:1fr!important}
  .character-card,.book-card{max-width:none!important}

  .creator-hero{display:flex!important;flex-direction:column}
  .creator-portrait{min-height:62vh!important}
  .creator-copy{padding:34px 20px!important}
  .creator-copy h1{font-size:48px!important}

  .btn,a.btn,button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
  video{max-width:100%;height:auto}
}

@media (max-width: 390px){
  .brand{max-width:68%}
  .lang-switch{display:none}
  .tree-real-copy h1,.creator-copy h1{font-size:42px!important}
}

/* FINAL APPROVED REVIEW IMPLEMENTATION — 2026-08-13 */
.approved-place{position:relative;overflow:hidden}.approved-place img,.approved-book-cover img,.approved-magazine img,.approved-archive-image img,.threshold-approved-image img{width:100%;height:100%;object-fit:cover;display:block}.approved-place small{position:absolute;left:12px;bottom:10px;background:rgba(0,0,0,.68);padding:6px 8px}.approved-book-cover{padding:0!important;overflow:hidden}.v92-cover.v93-real-cover{display:block;overflow:hidden}.v92-cover.v93-real-cover img{width:100%;height:100%;object-fit:cover;display:block}.approved-magazine{position:relative;padding:0!important;overflow:hidden}.coming-soon-badge{position:absolute!important;right:7%;bottom:10%;background:#080706;border:1px solid #b58a55;border-radius:50%;width:128px;height:128px;display:grid!important;place-items:center;text-align:center;color:#d1a56b!important;font-size:16px!important}.threshold-with-image{grid-template-columns:.9fr 1.1fr!important}.threshold-approved-image{min-height:520px;overflow:hidden;border-right:1px solid rgba(181,132,67,.2)}.approved-archive-image{position:relative;overflow:hidden}.approved-archive-image img{position:absolute;inset:0;opacity:.82}.approved-archive-image span,.approved-archive-image small{position:relative;z-index:2}.commerce-note{width:min(1180px,88vw);margin:70px auto;border:1px solid rgba(181,132,67,.2);padding:34px;background:#030404}.commerce-note h2{color:#c69a63;font-weight:400}.commerce-note p{color:#8d8175;max-width:800px;line-height:1.8}.kdp-note{font-size:11px;letter-spacing:.12em;color:#a77a49!important}.buy-direct,.buy-amazon{background:transparent;border:1px solid rgba(181,132,67,.3);color:#c69a63;padding:13px 15px;letter-spacing:.06em}.buy-amazon:disabled{opacity:.42}.locked-library article{position:relative}.locked-library article::after{content:'LOCKED';position:absolute;right:18px;top:18px;color:#6f5537;font-size:8px;letter-spacing:.16em}
@media(max-width:760px){.threshold-with-image{grid-template-columns:1fr!important}.threshold-approved-image{min-height:330px;border-right:0;border-bottom:1px solid rgba(181,132,67,.2)}.coming-soon-badge{width:92px;height:92px;font-size:12px}.edition-actions{gap:8px!important}.buy-direct,.buy-amazon{width:100%;font-size:10px}.real-location-media{min-height:260px}.approved-book-cover img{object-fit:cover}}

/* =========================================================
   FINAL LOCK — APPROVED VAMPIRE READER BACKGROUND
   Master character preserved. Do not override below this block.
   ========================================================= */
.reader-body,
.reader-world{
  background-color:#020304!important;
}
.reader-world{
  position:relative!important;
  min-height:100vh!important;
  background-image:url('assets/reader_scene_vampire_master_locked.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  filter:none!important;
}
.reader-world::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.10) 45%,rgba(0,0,0,.15))!important;
}
/* Remove legacy/synthetic veils that previously hid the real plate. */
.v60-scene-shell,
.manuscript-atmosphere,
.reader-scene,
.reader-vignette,
.reader-grain,
.reader-time-ghost{
  display:none!important;
  opacity:0!important;
}
.immersive-reader,
.reader-stage,
.reader-chrome,
.reader-book,
.reader-navigation,
.reader-atmosphere-caption,
.v60-reader-rail{
  position:relative;
  z-index:20!important;
}
/* Keep the real background visible around the reader. */
.immersive-reader,
.reader-stage,
.reader-chrome{
  background:transparent!important;
}
/* A restrained halo behind the pages, not over the whole backdrop. */
.reader-book{
  filter:drop-shadow(0 28px 55px rgba(0,0,0,.58))!important;
}
@media(max-width:760px){
  .reader-world{
    background-position:34% center!important;
    background-attachment:scroll!important;
  }
}


/* FINAL HARD BACKDROP — real IMG element, immune to legacy background overrides */
.vob-fixed-reader-bg{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  filter:none!important;
}
.reader-sitebar{position:relative!important;z-index:50!important;background:rgba(2,3,4,.86)!important;}
.reader-world{position:relative!important;z-index:1!important;background:transparent!important;background-image:none!important;}
.reader-world::before,.reader-world::after{display:none!important;content:none!important;}
.immersive-reader,.reader-stage,.reader-chrome,.reader-book,.reader-navigation,.v60-reader-rail,.vob-piano-control{z-index:20!important;}
@media(max-width:760px){.vob-fixed-reader-bg{object-position:32% center!important;}}