/* 24 · the power words (js/power.js): each one does what it says. The real word keeps its place, see-through while
   its copy performs on .pw-layer, so it's still read, still selectable, and the line never reflows. */
.holo{position:relative;overflow-x:clip}                          /* a word that flies off the screen never scrolls the page sideways */
.pw{cursor:pointer;background:linear-gradient(transparent 84%,var(--lime) 84% 97%,transparent 97%)}
.pw-on{color:transparent}
.pw-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.pw-layer canvas{position:absolute;inset:0;width:100%;height:100%}
.pw-w{position:absolute;left:0;top:0}
.pw-ch,.pw-echo{position:absolute;display:block;white-space:pre;color:#0b0b0c;will-change:transform,opacity}
.pw-echo{white-space:nowrap}
.pw-tag{position:absolute;font:700 clamp(12px,1.5vw,18px)/1 var(--mono);color:#0b0b0c;border:2px solid #0b0b0c;box-shadow:3px 3px 0 #0b0b0c;
  padding:.3em .45em;white-space:nowrap}
@media (prefers-reduced-motion:reduce){ .pw{cursor:auto} }