/* MATRIX — black phosphor terminal: green on black, monospace, scanlines, no rounded anything. */
[data-theme="matrix"] {
  --ink: #000000; --panel: #020803; --panel-2: #041206; --line: #0F4A1A; --text: #B8FFC8; --muted: #3F9A52;
  --accent: #00FF41; --accent-ink: #001A05; --accent-2: #00C8FF; --gold: #CCFF00; --danger: #FF3B3B; --ok: #00FF41;
  --rank-E: #3F9A52; --rank-D: #00FF41; --rank-C: #00C8FF; --rank-B: #CCFF00; --rank-A: #FFFFFF; --rank-S: #FF3B3B;
  --display: "Share Tech Mono", "Courier New", monospace; --body: "Share Tech Mono", "Courier New", monospace; --radius: 0; --skew: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  background-color: var(--ink);
  background-image: repeating-linear-gradient(90deg, rgba(0,255,65,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(0deg, rgba(0,0,0,.35) 0 1px, transparent 1px 3px);
  text-shadow: 0 0 6px rgba(0,255,65,.25);
}
[data-theme="matrix"] .panel { border: 1px solid var(--line); background: rgba(0,20,4,.7); }
[data-theme="matrix"] .panel.primary { border-color: var(--accent); box-shadow: 0 0 18px -6px var(--accent); }
[data-theme="matrix"] .btn { border: 1px solid var(--accent); background: transparent; color: var(--accent); text-transform: uppercase; }
[data-theme="matrix"] .btn.accent { background: var(--accent); color: var(--accent-ink); text-shadow: none; }
[data-theme="matrix"] h1, [data-theme="matrix"] h2 { letter-spacing: .12em; text-transform: uppercase; }
[data-theme="matrix"] h1::before, [data-theme="matrix"] h2::before { content: "> "; color: var(--muted); }
[data-theme="matrix"] .bar > i { background: var(--accent); box-shadow: 0 0 8px var(--accent); }
[data-theme="matrix"] .choice { border-color: var(--line); } [data-theme="matrix"] .choice b { color: var(--accent); }
[data-theme="matrix"] .code { position: absolute; inset: 0; overflow: hidden; pointer-events: none; font-family: var(--body); color: rgba(0,255,65,.10); font-size: 13px; line-height: 15px; white-space: pre; word-break: break-all; }