/* ============================================================================
   PRBE-FX CSS — copied verbatim from the Commander-APPROVED build
   Source: MOTION_SCROLL_MASTER\01_APPROVED\07_prbe-capital-motion\index-v7.html
           lines 1462-1469 (approved 2026-06-23/24, live at battalionrestoration.com)
   Only change: the arrow is re-skinned to the funnel's cream/navy palette
   instead of the motion site's dark cinematic — error law #26, "dark cinematic
   style is for the MOTION SITE ONLY."
   ========================================================================== */

/* the letter + word wrappers — verbatim */
.pfl{display:inline-block;will-change:transform,opacity}
.pfw{display:inline-block;white-space:nowrap}

/* a heading the FX pack has taken over must never be left hidden by the
   one-shot reveal system it replaced */
.fx-taken{opacity:1!important;transform:none!important}

/* cursor-follow ring — verbatim, desktop pointers only */
#prbeFxRing{position:fixed;top:0;left:0;width:34px;height:34px;margin:-17px 0 0 -17px;
  border:1.5px solid rgba(26,201,201,.55);border-radius:50%;pointer-events:none;z-index:9994;
  opacity:0;transition:opacity .3s,width .2s,height .2s,border-color .2s}

/* scroll progress — verbatim (PRBE turquoise -> orange) */
#prbeFxProgress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9995;
  background:linear-gradient(90deg,#1AC9C9,#FF7A1A);box-shadow:0 0 10px rgba(26,201,201,.5);
  pointer-events:none}

/* back-to-top arrow — approved element ("Commander #5 likes the arrow"),
   re-skinned light for the funnel. Sits ABOVE the sticky buy bar (z 99) and
   clear of it, so it can never become the "sticky-bar eats footer" killer. */
#prbeFxTop{position:fixed;right:16px;bottom:calc(104px + env(safe-area-inset-bottom));
  z-index:9996;width:44px;height:44px;border-radius:50%;cursor:pointer;
  background:rgba(13,27,62,.9);color:#1AC9C9;border:1px solid rgba(26,201,201,.45);
  font:600 20px/1 system-ui;opacity:0;transform:translateY(14px) scale(.9);
  transition:opacity .35s,transform .35s,background .25s,color .25s;
  display:flex;align-items:center;justify-content:center}
#prbeFxTop.show{opacity:1;transform:none}
#prbeFxTop:hover{background:rgba(255,122,26,.16);color:#FF7A1A;border-color:rgba(255,122,26,.55)}

@media (prefers-reduced-motion:reduce){
  .pfl{opacity:1!important;transform:none!important}
  #prbeFxRing{display:none}
}