[data-global-engagement-mount]{width:100%}.engagement-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.engagement-actions{display:flex;align-items:center;gap:16px}
.engagement-actions button{position:relative;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;font-family:var(--ps-font-ui,Inter,Arial,sans-serif);font-size:14px;font-weight:400;line-height:normal;transition:opacity .15s}
.engagement-actions img{display:block;width:20px;height:20px}
.engagement-actions button:hover,.engagement-actions button:focus-visible{opacity:.62;outline:none}.engagement-actions button.is-active{background:transparent;opacity:1}
.engagement-actions button::after{content:attr(data-tooltip);position:absolute;z-index:4;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);padding:6px 8px;border-radius:6px;background:#070907;color:#fff;font-family:var(--ps-font-ui,Inter,Arial,sans-serif);font-size:11px;font-weight:600;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;white-space:nowrap}.engagement-actions button:hover::after,.engagement-actions button:focus-visible::after{transform:translate(-50%,0);opacity:1}
/* Canonical component owns its box; older page exporters must not flatten it. */
.playerscout-blog-engagement.engagement-bar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;overflow:visible!important}
.engagement-bar .text_d7c59a118ce6{width:auto!important;height:auto!important;margin:0!important;font:inherit!important;color:inherit!important}
.engagement-bar .engagement-actions button:focus-visible{outline:2px solid var(--ps-color-purple-bright,#8a49f5);outline-offset:4px}
/* Listen speed menu (signed off 22 September 2026): hover or tap the headphones
   for 1× | 1.25× | 1.5× | 2×. Full-height sections split by #3a3a3a pipes,
   #3a3a3a rollover, #272727 selected, white text, no tooltip above the box.
   Selectors carry extra classes so page stylesheets that restyle every bar
   button (e.g. answer-v106.css) cannot reach the menu. */
.engagement-bar .engagement-actions .ps-listen{position:relative;display:flex;align-items:center}
.engagement-bar.playerscout-blog-engagement .engagement-actions .ps-listen>.ps-listen-toggle::after{content:none;display:none}
.engagement-bar .engagement-actions .ps-listen>.ps-listen-toggle.is-active img{opacity:0}
.engagement-bar .engagement-actions .ps-listen>.ps-listen-toggle.is-active::before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:#8a49f5;-webkit-mask:url("../images/engagement-headphones.svg") center/20px 20px no-repeat;mask:url("../images/engagement-headphones.svg") center/20px 20px no-repeat}
.engagement-bar .engagement-actions .ps-speed{position:absolute;z-index:5;right:-10px;bottom:calc(100% + 10px);display:flex;align-items:stretch;gap:0;padding:0;border-radius:8px;background:#070907;box-shadow:0 8px 24px rgba(7,9,7,.18);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;white-space:nowrap}
.engagement-bar .engagement-actions .ps-speed::after{content:"";position:absolute;right:14px;top:100%;border:6px solid transparent;border-top-color:#070907}
.engagement-bar .engagement-actions .ps-speed::before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.engagement-bar .engagement-actions .ps-listen:hover .ps-speed,.engagement-bar .engagement-actions .ps-listen.is-open .ps-speed{opacity:1;visibility:visible;transform:translateY(0)}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option{min-width:0;min-height:0;display:block;margin:0;padding:12px 14px;border:0;border-radius:0;background:transparent;color:#fff;opacity:1;font:600 12px/1 var(--ps-font-ui,Inter,Arial,sans-serif);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option::after{content:none;display:none}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option::-moz-focus-inner{border:0}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option:first-child{border-radius:8px 0 0 8px}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option:last-child{border-radius:0 8px 8px 0}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option:hover,.engagement-bar .engagement-actions .ps-speed .ps-speed-option:focus,.engagement-bar .engagement-actions .ps-speed .ps-speed-option:focus-visible{background:#3a3a3a;color:#fff;opacity:1;outline:none}
.engagement-bar .engagement-actions .ps-speed .ps-speed-option[aria-pressed="true"]{background:#272727;color:#fff}
.engagement-bar .engagement-actions .ps-speed .ps-pipe{width:1px;align-self:stretch;flex:none;background:#3a3a3a}
@media (max-width:480px){.engagement-bar .engagement-actions .ps-speed{right:-12px}.engagement-bar .engagement-actions .ps-speed .ps-speed-option{padding:12px 11px}.engagement-bar .engagement-actions .ps-speed::after{right:16px}}