/* mothership — Merit's first contact with Tara Venn's orbit. Physical space.
   The Mothership venue: deep plum, amber warmth, layered history of the old Ritz.
   The collective home: warm dark, intimate, analog.
   Neither is the system. Neither is black.
*/

/* ===== CHAPTER BASE ===== */

body[data-chapter="MOTHERSHIP"] {
  --chapter-primary: #d4a840;
  --chapter-secondary: #dd3333;
  --chapter-tertiary: #33bb55;
}

/* ===== CHAPTER TITLE — split red/green like the marquee bars ===== */

body[data-chapter="MOTHERSHIP"] .chapter-title {
  background: linear-gradient(to bottom, #33bb55 50%, #dd3333 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 10px rgba(221,51,51,0.4)) drop-shadow(0 0 10px rgba(51,187,85,0.4));
}

.glitch-arrow,
.chapter-nav a {
  color: var(--chapter-secondary);
}

.glitch-arrow:hover,
.chapter-nav a:hover {
  color: var(--chapter-primary);
  text-shadow: 0 0 14px rgba(212, 168, 64, 0.4);
}


/* ===== LOCATION: MOTHERSHIP — the old Ritz building, warm and layered ===== */

body[data-location="mothership"] {
  --chapter-primary: #d4a840;
  --chapter-secondary: #dd3333;
  --chapter-tertiary: #33bb55;
  --chapter-accent: #e8c870;
  background: #100530;
}

body[data-location="mothership"] main {
  background: radial-gradient(ellipse at 50% 35%, rgba(200,158,64,0.07) 0%, transparent 68%);
}

body[data-location="mothership"] .scene {
  position: relative;
  border-left: none;
  background: rgba(200,160,80,0.018);
}

/* Two vertical marquee bars — red outer, green inner */
body[data-location="mothership"] .scene::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(to right, #dd3333 50%, #33bb55 50%);
}

body[data-location="mothership"] .scene p:not([class]) {
  color: #c8b898;
}


/* ===== LOCATION: HOME — collective apartment, warm dark analog ===== */

body[data-location="home"] {
  --chapter-primary: #c8a050;
  --chapter-secondary: #907030;
  --chapter-accent: #d4b870;
  background: #0b0906;
}

body[data-location="home"] main {
  background: radial-gradient(ellipse at 50% 80%, rgba(180,140,60,0.05) 0%, transparent 65%);
}

body[data-location="home"] .scene {
  border-left-color: #907040;
  background: rgba(180,140,60,0.015);
}

body[data-location="home"] .scene p:not([class]) {
  color: #c0b090;
}


/* ===== CHARACTERS ===== */

/* Merit — olive-green, ground-level observer */
.char-merit {
  color: #90a83a;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(144, 168, 58, 0.35);
}

/* Tara Venn — polished silver, permanent, shining */
.char-tara {
  color: #ccd8ec;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(200,220,255,0.9), 0 0 16px rgba(180,205,255,0.5), 0 0 32px rgba(160,190,255,0.18);
}

/* Slug — warm brown, tinkerer, grounded */
.char-slug {
  color: #e8944e;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(232, 148, 78, 0.3);
}

/* Melissa — sharp green, quick and precise */
.char-melissa {
  color: #3dda5e;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(61, 218, 94, 0.3);
}

/* Mom — soft violet, quiet and precise */
.char-mom {
  color: #c084fc;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(192, 132, 252, 0.4);
}

/* Handler / Aide — bureaucratic gray, flustered */
.char-handler {
  color: #a0a8a0;
  font-weight: bold;
}

/* The invisible man — disembodied, corporate, heard but never seen */
.char-voice {
  color: #a0aab8;
  font-weight: bold;
  font-style: italic;
}


/* ===== MARQUEE BLOCK — old theater marquee, big white bulbs ===== */

.marquee-block {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e8c870;
  text-shadow: 0 0 10px rgba(232, 200, 112, 0.45), 0 0 28px rgba(232, 200, 112, 0.12);
  border: 1px solid rgba(232, 200, 112, 0.22);
  background: rgba(232, 200, 112, 0.03);
  padding: 1rem 1.4rem;
  margin: 1.4rem 0;
  line-height: 2.2;
}


/* ===== COUNTDOWN — digital intrusion in the physical space ===== */

.countdown-display {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  color: #c8f0f8;
  text-shadow: 0 0 8px rgba(200, 240, 248, 0.45);
  border-left: 2px solid rgba(200, 240, 248, 0.25);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  background: rgba(200, 240, 248, 0.03);
}


/* ===== GUEST RECORD — the Calderon data scan ===== */

.guest-record {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.82rem;
  color: #b0c8e0;
  text-shadow: 0 0 6px rgba(176, 200, 224, 0.28);
  border: 1px solid rgba(176, 200, 224, 0.2);
  background: rgba(176, 200, 224, 0.04);
  padding: 0.8rem 1.2rem;
  margin: 1rem 0;
  letter-spacing: 0.06em;
  line-height: 2;
}

.guest-record .record-flag {
  color: #ff6666;
  text-shadow: 0 0 6px rgba(255, 102, 102, 0.4);
}


/* ===== MERIT BEAT — short internal observation, landing moment ===== */

.merit-beat {
  text-align: center;
  letter-spacing: 0.18em;
  font-size: 0.95rem;
  color: #d4a840;
  text-shadow: 0 0 12px rgba(212, 168, 64, 0.25);
  margin: 2rem 0;
}

/* Merit's internal aside */
.merit-internal {
  font-style: italic;
  color: #a07830;
  opacity: 0.8;
  padding-left: 1.5rem;
  border-left: 2px solid rgba(160, 120, 48, 0.2);
  margin: 0.6rem 0;
}

/* Scene divider */
.scene-divider {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(200, 160, 80, 0.1);
}