/* ═══════════════════════════════════════════════════════════════════
   Scroll 007 — The Foreign Shadow
   Greyscale palette. Ash and gunmetal over arena black.
   The shadow is the one archetype with no color of its own — it is the
   blank screen the in-group projects its fear onto, so it gets greyscale
   where every other scroll gets a hue. (Also: a shadow IS grey.)
   Overrides purple accents from base.css / scroll.css.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --purple:       #8b95a1;   /* ash-steel — the shadow's only "color" */
  --purple-deep:  #353b44;   /* graphite */
  --purple-glow:  rgba(139, 149, 161, 0.32);
  --purple-wash:  rgba(53, 59, 68, 0.20);

  --crimson:      #aab3bd;    /* pale pewter — the light that throws the shadow */
  --crimson-hot:  #c8ced6;
}

/* spotlight: cold ash glow from above, gunmetal dark below */
body::before {
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%, var(--purple-wash), transparent 70%),
    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(10, 12, 16, 0.45), transparent 70%);
}

/* act break — steel line through the dark */
.act-break {
  background: linear-gradient(90deg, transparent, var(--purple), transparent);
}

/* epitaph glow — cold pulse */
.epitaph .e-line {
  text-shadow: 0 0 30px var(--purple-glow);
}

/* title glow — ash on black */
.title-seq .t-main {
  text-shadow:
    0 0 40px var(--purple-glow),
    0 2px 0 rgba(0,0,0,0.5);
}

/* closing phi mark — for pharmakos, the scapegoat */
.rip .rip-mark {
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  color: var(--purple);
  border-color: rgba(139, 149, 161, 0.3);
  text-shadow: 0 0 12px var(--purple-glow);
}

/* ── the empty chair ──────────────────────────────────────────────────
   the struck card at the heart of Act IV: the seat reserved for the
   Chinese shadow, drawn as an absence — dashed outline, nothing seated. */
.empty-chair {
  margin: 2.6rem auto;
  max-width: 30rem;
  border: 1px dashed rgba(139, 149, 161, 0.45);
  border-radius: 5px;
  padding: 2.4rem 1.6rem;
  text-align: center;
  background: rgba(53, 59, 68, 0.12);
  position: relative;
}
.empty-chair .ec-label {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.74rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(170, 179, 189, 0.55);
  margin-bottom: 1rem;
}
.empty-chair .ec-seat {
  display: block;
  font-size: 1.35rem;
  line-height: 1.35;
  color: var(--bone, #eceae3);
  font-style: italic;
  opacity: 0.85;
}
.empty-chair .ec-sub {
  display: block;
  margin-top: 1rem;
  font-size: 0.86rem;
  letter-spacing: 0.04em;
  color: rgba(139, 149, 161, 0.7);
}

/* companion note above the footer — the light mirror this scroll answers */
.companion {
  max-width: 38rem;
  margin: 3.5rem auto 0;
  text-align: center;
  font-size: 0.92rem;
  font-style: italic;
  color: rgba(170, 179, 189, 0.7);
  line-height: 1.6;
}
.companion a { color: var(--crimson-hot); }