/* Highlight clips: the in-game "Share this clip" button (src/highlights.js), matching #share-rud
   but in the accent blue. The share modal's video tab is styled in styles.css. */
#share-clip {
  position: fixed; right: 32px; bottom: 32px; z-index: 25; pointer-events: auto; cursor: pointer;
  height: 44px; padding: 0 22px; border: 0; border-radius: 6px; background: var(--blue, #3e6ae1); color: #fff;
  font: 400 8.5px var(--font-display, Michroma, sans-serif); letter-spacing: .26em; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35); animation: rise .5s var(--ease, ease-out);
}
#share-clip:hover { background: #3457c4; }
@media (max-width: 900px), (max-height: 560px) {
  #share-clip { right: 16px; bottom: 70px; }
}