/* ========================================
   Cyberdeck Theme — Amber LCD instrument panel
   Activated by html.theme-cyberdeck
   ======================================== */

.theme-cyberdeck {
  --bg-primary: #1a1a1a;
  --bg-secondary: #222222;
  --bg-card: #222222;
  --text-primary: #ffb000;
  --text-secondary: #cc8800;
  --text-body: #cc9944;
  --text-muted: #775522;
  --accent: #ffb000;
  --accent-hover: #ffcc33;
  --border: #333333;
  --border-accent: #ffb000;
  --font-display: 'JetBrains Mono', 'Noto Sans SC', monospace;
  --font-body: 'JetBrains Mono', 'Noto Sans SC', monospace;
  --font-size-hero: 2.5rem;
  --font-size-xl: 1.75rem;
  --line-height-body: 1.7;
  --letter-spacing-wide: 0.08em;
  --radius: 2px;
}

/* Carbon fiber texture */
.theme-cyberdeck body {
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 2px,
      rgba(255, 176, 0, 0.02) 2px,
      rgba(255, 176, 0, 0.02) 4px
    );
}

.theme-cyberdeck .site-nav {
  background: var(--bg-primary);
  border-bottom: 1px solid var(--accent);
  box-shadow: 0 1px 0 rgba(255, 176, 0, 0.1);
}

.theme-cyberdeck .nav-prompt { display: none; }
.theme-cyberdeck .nav-site-title { display: inline; }

.theme-cyberdeck .nav-home {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.9rem;
  color: var(--accent);
}

.theme-cyberdeck .nav-link {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
  border-bottom: none;
}

.theme-cyberdeck .nav-link::before { content: none; }
.theme-cyberdeck .nav-link:hover,
.theme-cyberdeck .nav-link.active {
  color: var(--accent);
  border-bottom: none;
}

.theme-cyberdeck .hero-ascii { display: none; }
.theme-cyberdeck .hero-text { display: inline; }
.theme-cyberdeck .hero-cursor { display: none; }

.theme-cyberdeck .hero-title {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--accent);
  text-shadow: 0 0 10px rgba(255, 176, 0, 0.3);
}

.theme-cyberdeck .hero-tagline {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-muted);
  font-size: 0.8rem;
  animation: none;
  white-space: normal;
  overflow: visible;
}

/* Status bar prefix */
.theme-cyberdeck .section-title {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8rem;
  color: var(--accent);
  border-bottom: 1px solid var(--accent);
  position: relative;
}

.theme-cyberdeck .section-title::before { content: none; }

.theme-cyberdeck .section-title::after {
  content: '[ACTIVE]';
  color: var(--text-muted);
  font-size: 0.6rem;
  margin-left: var(--spacing-sm);
  font-weight: var(--font-weight-normal);
}

.theme-cyberdeck .post-item { border-bottom: 1px solid var(--border); }
.theme-cyberdeck .post-item::before { content: none; }
.theme-cyberdeck .post-item a::after { content: none; }
.theme-cyberdeck .post-item a { color: var(--text-body); }
.theme-cyberdeck .post-item a:hover { color: var(--accent); }
.theme-cyberdeck .post-item time { font-size: 0.7rem; }

.theme-cyberdeck .card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.theme-cyberdeck .card:hover {
  border-color: var(--accent);
  box-shadow: 0 0 10px rgba(255, 176, 0, 0.1);
  transform: none;
}

.theme-cyberdeck .card-title {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8rem;
}

.theme-cyberdeck .story-link {
  border: 1px solid var(--accent);
  box-shadow: 0 0 8px rgba(255, 176, 0, 0.08);
}

.theme-cyberdeck .story-link::before { content: none; }

.theme-cyberdeck .story-link::after {
  content: 'PRIORITY: HIGH';
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  font-size: 0.55rem;
  color: #ff4444;
  border: 1px solid #ff4444;
  padding: 2px 6px;
}

.theme-cyberdeck .story-link h2 {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--accent);
  text-shadow: 0 0 8px rgba(255, 176, 0, 0.2);
}

.theme-cyberdeck .story-link:hover {
  box-shadow: 0 0 20px rgba(255, 176, 0, 0.15);
  transform: none;
}

.theme-cyberdeck .story-label { text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.55rem; color: var(--text-muted); }
.theme-cyberdeck .story-enter { color: var(--accent); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.7rem; display: block; margin-top: var(--spacing-md); }

.theme-cyberdeck .story-title { color: #44cc44; border-bottom-color: #44cc44; }
.theme-cyberdeck .story-section-card { border-color: #44cc44; }
.theme-cyberdeck .story-section-card:hover { box-shadow: 0 0 10px rgba(68, 204, 68, 0.1); }
.theme-cyberdeck .story-section-card .card-title { color: #44cc44; }
.theme-cyberdeck .chapter-label { color: #44cc44; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.7rem; }
.theme-cyberdeck .chapter-item::before { content: none; }

.theme-cyberdeck .character-card { border: 1px solid var(--border); border-radius: var(--radius); }
.theme-cyberdeck .character-card:hover { border-color: var(--accent); }
.theme-cyberdeck .character-name { color: var(--accent); text-transform: uppercase; font-size: 0.75rem; }
.theme-cyberdeck .character-name::before { content: none; }
.theme-cyberdeck .character-img { filter: sepia(20%) saturate(0.8); transition: filter 0.3s; }
.theme-cyberdeck .character-card:hover .character-img { filter: none; }
.theme-cyberdeck .character-placeholder { background: var(--bg-secondary); color: var(--accent); }

.theme-cyberdeck .article-title { text-transform: uppercase; letter-spacing: 0.1em; }
.theme-cyberdeck .article-content pre { background: #111111; border: 1px solid var(--border); color: var(--accent); border-radius: var(--radius); }
.theme-cyberdeck .article-content code { background: #2a2a2a; color: var(--accent); border-radius: var(--radius); }
.theme-cyberdeck .article-content a { color: var(--accent); }
.theme-cyberdeck .article-content blockquote { border-left: 2px solid var(--accent); }

.theme-cyberdeck .theme-toggle { background: var(--bg-secondary); border: 1px solid var(--accent); border-radius: var(--radius); }
.theme-cyberdeck .theme-dropdown { background: var(--bg-secondary); border: 1px solid var(--accent); border-radius: var(--radius); }

.theme-cyberdeck .site-footer { border-top: 1px solid var(--accent); }
.theme-cyberdeck .toc { border: 1px solid var(--border); background: var(--bg-secondary); border-radius: var(--radius); }

@media (max-width: 640px) {
  .theme-cyberdeck { --font-size-hero: 1.5rem; }
  .theme-cyberdeck .story-link::after { display: none; }
}