/* Shared across every parody site: the disclaimer bar and the inert-form rule.
   Deliberately plain — it should read as an annotation on the fiction, not as
   part of it. */

:root {
  --bar-h: 40px;
  --bar-bg: #1c1c1e;
  --bar-fg: #d6d6d8;
  --bar-dim: #8e8e93;
  --bar-line: #35353a;
}

body { padding-bottom: var(--bar-h); }

.fiction-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 2147483000;
  min-height: var(--bar-h);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px 14px;
  flex-wrap: wrap;
  padding: 8px 16px;
  background: var(--bar-bg);
  color: var(--bar-fg);
  border-top: 1px solid var(--bar-line);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}
.fiction-bar strong { color: #fff; font-weight: 600; letter-spacing: 0.02em; }
.fiction-bar a { color: var(--bar-fg); text-underline-offset: 3px; }
.fiction-bar a:hover { color: #fff; }
.fiction-bar .sep { color: var(--bar-dim); }
.fiction-bar .made { color: var(--bar-dim); }

/* ?clean — for the rare case of shooting the public site */
body.clean .fiction-bar { display: none; }
body.clean { padding-bottom: 0; }

/* Nothing on a parody site accepts input. Make that visible, not just true. */
.inert, input.inert, textarea.inert {
  cursor: default;
  user-select: none;
}
.inert:focus { outline: none; }

@media print { .fiction-bar { display: none; } }