/* Price Battle engagement patch. Nonblocking, mobile-first. */
#pb-engagement-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;color:inherit;font-size:14px}
#pb-engagement-hud .pb-streak{font-weight:800;border-radius:999px;background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.38);padding:8px 12px;font-variant-numeric:tabular-nums;transition:transform .15s,background .15s}
#pb-engagement-hud .pb-streak.pb-pop{transform:scale(1.12);background:rgba(34,197,94,.2)}
#pb-engagement-hud .pb-streak.pb-reset{background:rgba(244,63,94,.12)}
#pb-engagement-reveal{margin:10px 0;display:grid;gap:9px}
#pb-margin-note{font-size:clamp(15px,3vw,18px);font-weight:750;line-height:1.35;min-height:1.35em}
#pb-midrun-share{border-radius:12px;border:1px solid rgba(128,128,128,.35);padding:11px;background:rgba(128,128,128,.08)}
#pb-midrun-share p{margin:0 0 8px;font-size:14px}
#pb-midrun-share button{cursor:pointer;min-height:44px;padding:10px 14px;border-radius:10px;border:0;background:#fbbf24;color:#171717;font-weight:800;width:100%}
#pb-midrun-share button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
#pb-checkpoint{position:fixed;inset:auto 12px 16px;z-index:9999;margin:auto;max-width:460px;padding:14px 18px;border-radius:15px;background:#172554;color:white;box-shadow:0 12px 30px #0005;display:none;pointer-events:none;font-weight:750;text-align:center}
#pb-checkpoint.pb-show{display:block;animation:pb-check-in .22s ease-out}
@keyframes pb-check-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#pb-single-screen[hidden],#pb-engagement-reveal[hidden],#pb-midrun-share[hidden]{display:none!important}
#pb-single-screen{position:fixed;inset:0;z-index:10000;overflow:auto;background:#101827;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:14px;align-items:center}
#pb-single-screen .pb-single-inner{width:min(100%,550px)}
#pb-single-screen .pb-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#pb-single-screen .pb-pick{border:2px solid #64748b;background:#1e293b;color:#fff;border-radius:14px;padding:14px 10px;min-height:130px;font-size:clamp(15px,4vw,20px);font-weight:800;overflow-wrap:anywhere;cursor:pointer}
#pb-single-screen .pb-pick:disabled{opacity:.8;cursor:default}
#pb-single-screen .pb-receipt{border:1px solid #64748b;border-radius:12px;padding:12px;margin:12px 0}
#pb-single-screen .pb-receipt a{color:#93c5fd;overflow-wrap:anywhere}
#pb-single-screen .pb-action{min-height:44px;padding:12px 18px;border-radius:10px;background:#fbbf24;color:#111827;font-weight:800;border:0;cursor:pointer}
#pb-single-screen .pb-subtle{color:#cbd5e1}
@media(max-width:370px){#pb-engagement-hud{flex-wrap:wrap}#pb-single-screen .pb-pick{padding:10px 6px}}
@media(prefers-reduced-motion:reduce){#pb-checkpoint.pb-show{animation:none}#pb-engagement-hud .pb-streak{transition:none}}
