/* brimjob — The Brimstone. Rooftop restaurant above the Capital Brim.
   Corporate-cowboy money, warm amber grease, Austin spread out below.
   Location brimstone: new palette defined here (gitignored, not in shared CSS).
   Location east-sixth: already in shared CSS — character overrides only here.
*/

body[data-chapter="BRIMJOB"] {
  --chapter-primary: #c8a840;
  --chapter-secondary: #7a6420;
  --chapter-accent: #e8d060;
  color: #d0c8b0;
}

/* Nav arrows */
.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(200, 168, 64, 0.4);
}

/* ===== LOCATION: BRIMSTONE — rooftop restaurant, corporate-cowboy ===== */
/* Deep plum-dark interior, aged gold fixtures, NLT money. Not Austin street. */

body[data-location="brimstone"] {
  --chapter-primary: #c8a840;
  --chapter-secondary: #7a6420;
  --chapter-accent: #e8d060;
  background: #120c18;  /* deep plum-black — dim restaurant, evening light, money */
  color: #d0c8b0;
}

/* Suppress CRT scanlines — this is a physical location */
body[data-location="brimstone"]::before { display: none; }
body[data-location="brimstone"]::after {
  display: block;
  opacity: 0.04 !important;
  mix-blend-mode: overlay !important;
}

body[data-location="brimstone"] main {
  background: linear-gradient(180deg, rgba(26, 18, 32, 0.97) 0%, rgba(18, 12, 24, 0.98) 100%);
}

body[data-location="brimstone"] .scene {
  border-left-color: rgba(200, 168, 64, 0.4);
  background: rgba(200, 168, 64, 0.025);
}

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

/* Character: Merit — muted olive, earthy resistance */
body[data-location="brimstone"] .char-merit {
  color: #90a83a;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(144, 168, 58, 0.35);
}

/* Character: Pilar — warm terracotta, coworker energy */
body[data-location="brimstone"] .char-pilar {
  color: #d4704a;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(212, 112, 74, 0.35);
}

/* Character: generic NLT guests — cool, clipped, corporate */
body[data-location="brimstone"] .char-regular {
  color: #b8c0c8;
  font-weight: normal;
}

/* App notification — consumer-grade pulse, cold blue-white */
body[data-location="brimstone"] .app-alert {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.82rem;
  color: #a8d8f0;
  text-shadow: 0 0 6px rgba(168, 216, 240, 0.3);
  border: 1px solid rgba(168, 216, 240, 0.2);
  background: rgba(168, 216, 240, 0.04);
  padding: 0.4em 1em;
  margin: 1rem auto;
  letter-spacing: 0.06em;
  line-height: 1.7;
  display: block;
  text-align: center;
}

body[data-location="brimstone"] .app-alert code {
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  border: none;
}

/* Marquee/billboard text — NLT signage bleeding in from below */
body[data-location="brimstone"] .marquee-text {
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  letter-spacing: 0.14em;
  font-size: 0.82rem;
  text-transform: uppercase;
  color: #c8a840;
  text-shadow: 0 0 10px rgba(200, 168, 64, 0.3);
  border: 1px solid rgba(200, 168, 64, 0.2);
  background: rgba(200, 168, 64, 0.03);
  padding: 0.8em 1.2em;
  margin: 1.8em auto;
  line-height: 2;
}

/* Merit's internal beat — name drop, realization moment */
body[data-location="brimstone"] .merit-beat {
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 1.05rem;
  color: #90a83a;
  text-shadow: 0 0 12px rgba(144, 168, 58, 0.4);
  margin: 2rem 0;
}

/* ===== LOCATION: EAST-SIXTH — Merit at Mom's, character color overrides ===== */
/* east-sixth location CSS is in shared — only character tweaks needed here */

body[data-location="east-sixth"] .char-merit {
  color: #90a83a;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(144, 168, 58, 0.35);
}

body[data-location="east-sixth"] .char-pilar {
  color: #d4704a;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(212, 112, 74, 0.3);
}