/* PA Hardware Football Challenge hero: "The Playbook" (all selectors prefixed ffp-) */
.ffp{position:relative;width:100%;aspect-ratio:16/6;overflow:hidden;isolation:isolate;contain:paint;
  background:
    radial-gradient(ellipse 34% 46% at 22% 38%,rgba(255,255,255,.045),transparent 70%),
    radial-gradient(ellipse 30% 40% at 74% 64%,rgba(255,255,255,.035),transparent 70%),
    radial-gradient(ellipse 22% 30% at 52% 18%,rgba(255,255,255,.025),transparent 70%),
    linear-gradient(176deg,#1b1b1b 0%,#151515 55%,#111 100%);
  color:#f3f2ec}
@media (max-width:760px){.ffp{aspect-ratio:4/3}.ffp-grain{opacity:.55}}
.ffp::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:radial-gradient(ellipse 75% 85% at 50% 45%,transparent 58%,rgba(0,0,0,.5) 100%)}
.ffp-art,.ffp-grain{position:absolute;inset:0;width:100%;height:100%;display:block}
.ffp-art{overflow:visible;pointer-events:none}
.ffp-grain{pointer-events:none;z-index:1;will-change:transform}
.ffp-lab{font-family:"Oswald","Arial Narrow",sans-serif;font-size:13px;letter-spacing:1.6px;text-transform:uppercase}
.ffp-hit{cursor:help;pointer-events:all}
.ffp-k,.ffp-h{transition:stroke .25s ease}
.ffp-art[data-hot="WR1"] .ffp-r-WR1,.ffp-art[data-hot="WR2"] .ffp-r-WR2,
.ffp-art[data-hot="S1"] .ffp-r-S1,.ffp-art[data-hot="S2"] .ffp-r-S2{stroke:#B50000}
.ffp-pause{position:absolute;right:14px;bottom:14px;z-index:3;width:38px;height:34px;padding:0;margin:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:#000;color:#fff;border:1px solid #565656;border-radius:2px;transform:skewX(-12deg);
  transition:background-color .2s ease,border-color .2s ease}
.ffp-pause[hidden]{display:none}
.ffp-pause:hover{background:#970000;border-color:#970000}
.ffp-pause:active{background:#6D0000}
.ffp-pause:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #970000}
.ffp-ico{display:block;width:12px;height:14px;transform:skewX(12deg);
  background:linear-gradient(90deg,currentColor 0 4px,transparent 4px 8px,currentColor 8px 12px)}
.ffp-pause[aria-pressed="true"] .ffp-ico{width:0;height:0;background:none;margin-left:3px;
  border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
@media (max-width:760px){.ffp-pause{right:8px;bottom:8px;width:34px;height:30px}}
@media (prefers-reduced-motion:reduce){.ffp-pause{display:none}.ffp-k,.ffp-h,.ffp-pause{transition:none}}
