/* =========================
   スポイラー共通
========================= */
.trpg-spoiler {
  display: inline;
  padding: 0 0.25em;
  border-radius: 0.2em;
  background: #222;
  color: transparent;
  cursor: pointer;
  user-select: none;
  transition: background-color .15s ease, color .15s ease;
  text-shadow: none;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.trpg-spoiler:hover {
  background: #333;
}

.trpg-spoiler.is-revealed {
  background: rgba(0, 0, 0, 0.08);
  color: inherit;
}

/* =========================
   エディタ上で少し見分けやすく
========================= */
.editor-styles-wrapper .trpg-spoiler {
  background: #222;
  color: transparent;
}

.editor-styles-wrapper .trpg-spoiler.is-revealed {
  background: rgba(0, 0, 0, 0.08);
  color: inherit;
}