/**
 * Era: 2033-2034 — "Contested"
 * Two media streams compete. Split-screen possible.
 * Clean Net = propaganda-saturated.
 * Open Net = found its own beauty — handcrafted, warm, human.
 *
 * Dark mode. Neon green dominant (OHC ascendant). Glow text on headers.
 * Frames everywhere. Blue reduced to intrusion/surveillance elements.
 * Green wins. Blue retreats to the margins.
 */

.era-2033-2034 {
  --sf-bg: #1a1a18;
  --sf-text: #d8d4cc;
  --sf-accent: #e6a817;
  --sf-muted: #888;
  --sf-border: rgba(255,255,255,0.12);

  /* Legacy era variables */
  --era-bg: var(--sf-bg);
  --era-text: var(--sf-text);
  --era-accent: var(--sf-accent);
  --era-muted: var(--sf-muted);
  --era-border: var(--sf-border);

  /* Neon green dominant */
  --sf-neon: var(--sf-neon-green);
  --sf-neon-dim: hsl(100, 60%, 35%);
  --sf-frame-color: var(--sf-neon-green);
  --sf-frame-width: 1.5px;
  --sf-frame-bg: rgba(0, 255, 100, 0.02);

  /* Scan lines strong */
  --sf-scanline-opacity: 0.7;
  --sf-scanline-color: rgba(0,255,100,0.015);

  /* Dark surfaces */
  --sf-dark: #0d0d0c;
  --sf-dark-surface: #141412;
}

.era-2033-2034 body {
  font-family: Georgia, "Iowan Old Style", serif;
  color: var(--sf-text);
  background: var(--sf-bg);
}

/* Titles get neon green glow */
.era-2033-2034 .node-title {
  font-family: Georgia, serif;
  color: #f0e8d8;
  font-weight: 400;
  font-style: italic;
  text-shadow: 0 0 20px rgba(100, 255, 100, 0.08);
}

.era-2033-2034 .node-link {
  color: var(--sf-accent);
  border-bottom-color: rgba(230, 168, 23, 0.4);
}
.era-2033-2034 .node-link:hover {
  background: rgba(230, 168, 23, 0.1);
}

/* Node type badges get neon treatment */
.era-2033-2034 .node-type-badge {
  font-family: var(--sf-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  border-color: var(--sf-neon-green);
  color: var(--sf-neon-green);
  text-shadow: 0 0 2px var(--sf-neon-green);
}

/* Node header border glows green */
.era-2033-2034 .node-header {
  border-bottom-color: rgba(100, 255, 100, 0.15);
}

/* Links sidebar gets frame-like treatment */
.era-2033-2034 .node-links-sidebar {
  border-color: rgba(100, 255, 100, 0.15);
  background: rgba(0, 255, 100, 0.02);
}

/* Code blocks glow */
.era-2033-2034 .prose code {
  background: rgba(100, 255, 100, 0.06);
  color: var(--sf-neon-green);
}
.era-2033-2034 .prose pre {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(100, 255, 100, 0.1);
}

/* Open Net has matured — warm, handcrafted feel */
.era-2033-2034 .open-net {
  background: #1c1c28;
  background-image: var(--sf-circuit);
  color: #e8e4da;
}
.era-2033-2034 .open-net .news-headline {
  font-family: Georgia, serif;
  font-style: italic;
  color: var(--sf-accent);
}

/* Clean Net is garish propaganda — blue neon = surveillance */
.era-2033-2034 .clean-net {
  background: #fff;
  color: #111;
  border: 3px solid #bf0a30;
  --sf-neon: var(--sf-neon-blue);
}
.era-2033-2034 .clean-net .source-verified {
  background: #bf0a30;
  color: white;
  font-weight: 800;
  font-family: var(--sf-font-mono);
}
/* Blue neon on Clean Net badges — surveillance */
.era-2033-2034 .clean-net .node-type-badge {
  border-color: var(--sf-neon-blue);
  color: var(--sf-neon-blue);
  text-shadow: 0 0 2px var(--sf-neon-blue);
}

/* Government notices — desperate, neon blue bleeds through */
.era-2033-2034 .government-notice {
  background: #1a0000;
  color: #ff8888;
  border: 4px solid #ff0000;
  font-family: var(--sf-font-mono);
  position: relative;
  box-shadow: 0 0 12px rgba(74, 144, 217, 0.1);
}
/* Scan lines on government notices */
.era-2033-2034 .government-notice::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    transparent 0px, transparent 1px,
    rgba(255,0,0,0.015) 1px, rgba(255,0,0,0.015) 2px
  );
  pointer-events: none;
}

/* Manifesto = peak Mondo 2000 energy, full circuit bg */
.era-2033-2034 .manifesto {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  background-image: var(--sf-circuit);
  color: #e0ddd5;
}
.era-2033-2034 .manifesto-title {
  background: linear-gradient(90deg, var(--sf-accent), #ff6b35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.5rem;
  font-weight: 900;
}
.era-2033-2034 .manifesto-sidebar {
  background: rgba(230, 168, 23, 0.08);
  border: 1px solid rgba(230, 168, 23, 0.2);
  padding: var(--sf-space-md);
}

/* Intercepts — full neon green terminal with circuit traces */
.era-2033-2034 .intercept {
  background: #050505;
  background-image: var(--sf-circuit);
  color: #33ff33;
  font-family: var(--sf-font-mono);
  border: 1px solid rgba(51, 255, 51, 0.25);
  box-shadow: 0 0 12px rgba(51, 255, 51, 0.08);
  position: relative;
}
.era-2033-2034 .intercept::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    transparent 0px, transparent 1px,
    rgba(0,255,0,0.02) 1px, rgba(0,255,0,0.02) 2px
  );
  pointer-events: none;
}

/* Footer */
.era-2033-2034 .site-footer {
  border-top-color: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.3);
}

/* Redacted text glows in dark mode */
.era-2033-2034 .redacted {
  background: var(--sf-neon-green);
  color: var(--sf-neon-green);
  box-shadow: 0 0 4px var(--sf-neon-green);
}