/* Spectator "make your own — free" conversion hook. A fixed bottom bar on the
   read-only watch/spectator pages (counter + scorekeeper), where the viewer has
   just seen the live-share feature working — the warmest audience we have.
   Loaded only on watch pages (via partials/watch-cta.blade.php). No build step —
   bump asset_version. */

.wcta {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 60;
    display: flex; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: 0.45rem 0.85rem;
    padding: 0.6rem 1rem;
    padding-bottom: calc(0.6rem + env(safe-area-inset-bottom, 0px));
    background: rgba(15, 15, 25, 0.94);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    color: #cbd5e1;
    font-size: 0.85rem; line-height: 1.3;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
.wcta-lead { font-weight: 600; }
.wcta-btn {
    background: #2ba8ff; color: #fff;
    font-weight: 800; text-decoration: none;
    padding: 0.5rem 1rem; border-radius: 0.6rem;
    white-space: nowrap;
}
.wcta-btn:hover { background: #1d8fe0; }

/* Reserve space so the bar never covers the bottom of the live view. Only ever
   applied on watch pages, since this file loads there only. */
body { padding-bottom: 4.75rem; }