/*
 * show-mode.css — Show Mode banner + private-data blur
 *
 * body.show-mode::before  → DEMO banner (text via html[lang])
 * body.show-mode [data-private] → blur, no select
 *
 * Note: this overrides the scanline on body::before while Show Mode
 * is active (Side Finding #6). Scanline returns when Show Mode is off.
 */

body.show-mode::before {
  content: 'DEMO-MODUS';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: 28px;
  width: 100%;
  background: var(--panel);
  color: var(--accent);
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  letter-spacing: 4px;
  text-align: center;
  line-height: 28px;
  pointer-events: none;
  z-index: 2000;
  animation: none;
}

html[lang="en"] body.show-mode::before {
  content: 'DEMO MODE';
}

body.show-mode [data-private] {
  filter: blur(6px);
  user-select: none;
}