/* Share bar and friend-challenge banner for game pages and the games page. */
.share-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:22px 0 0;padding:20px 22px;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 #d7c4ee}
.share-copy{flex:1 1 260px;min-width:0}.share-copy h2{font-size:22px;letter-spacing:0;margin:0 0 4px}
.share-line{margin:0;font-size:14px;color:#655c6d;white-space:pre-line;overflow-wrap:anywhere}
.share-bar.has-result .share-line{color:var(--ink);font-weight:600}
.share-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share-actions .button{font-size:13px;padding:10px 16px;min-height:44px;font-family:inherit;cursor:pointer}
.share-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid #d5cbdf;border-radius:99px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.share-link:hover{border-color:var(--ink);background:#eee5fb}
.share-toast{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:8px 14px;background:var(--ink);color:#fff;border-radius:12px;font-size:13px;z-index:5;white-space:nowrap}
.challenge{margin:0 0 16px;padding:12px 18px;background:var(--yellow);border:2px solid var(--ink);border-radius:16px;font:600 18px 'Fredoka','Fredoka Fallback','Fredoka Fallback R',sans-serif;transform:rotate(-.6deg)}
.challenge:before{content:'🏆 '}
@media(max-width:600px){.share-bar{padding:16px}.share-actions{gap:6px}.share-link,.share-actions .button{min-height:40px;font-size:12px;padding-inline:12px}.share-toast{white-space:normal;left:0;right:auto}}