/* The story is real text in the page. With JavaScript it is hidden in the dark and revealed word by word, like dodging a print. */
.lore { position:relative; max-width:42rem; margin:2.2rem 0 1.4rem; padding:1.2rem 0; outline-offset:6px; }
.lore p { margin:.8rem 0; font-size:1.05rem; line-height:1.75; }
.lore-hint { color:#3b4550; font-size:.85rem; letter-spacing:.2em; text-transform:uppercase; margin:0 0 .4rem; }

.lore.armed .w { color:#f4f8ff; opacity:var(--a,0); text-shadow:
  0 0 calc(var(--g,0) * 9px) rgba(190,225,255,calc(var(--g,0) * .5)),
  0 0 calc(var(--g,0) * 22px) rgba(190,225,255,calc(var(--g,0) * .3)); }
.lore.armed { cursor:crosshair; }
.lore.armed::selection, .lore.armed .w::selection { background:#26323d; color:#fff; }