/* [spoiler]…[/spoiler] — blurred and obscured until clicked. Works in posts and chat. */
.bb-spoiler {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  padding: 0 5px;
  border-radius: 3px;
  background: rgba(127, 127, 127, .20);
  color: transparent;            /* hide the text itself, not just blur it */
  text-shadow: 0 0 9px rgba(127, 127, 127, .95);
  cursor: pointer;
  user-select: none;             /* don't let drag-select leak the contents */
  transition: color .12s, background .12s, text-shadow .12s;
}
.bb-spoiler img, .bb-spoiler a { filter: blur(8px); pointer-events: none; }
.bb-spoiler:hover { background: rgba(127, 127, 127, .30); }

.bb-spoiler.revealed {
  color: inherit;
  background: rgba(127, 127, 127, .10);
  text-shadow: none;
  cursor: auto;
  user-select: text;
}
.bb-spoiler.revealed img, .bb-spoiler.revealed a { filter: none; pointer-events: auto; }