/* js/net/live.js + count.js: the visitor pill, the friendly card, «ادخل كساكن» (city.css tokens and frames) */
.livecount { margin: 3px 0 0; font: 500 13px/1.3 var(--head); color: var(--teal-ink); }
.livecard p:first-of-type { margin: 6px 0 4px; font: 500 16px/1.5 var(--head); color: var(--brown); }
.livejoin .livefind { margin: 0 auto 6px; max-width: 320px; gap: 6px; }
.livejoin .livefind .gold { flex: none; padding: 8px 14px; font-size: 14px; }
.livecode { margin: 4px 0 10px; font: 700 30px/1.2 var(--head); color: var(--teal-ink); letter-spacing: 1px; user-select: all; }
.walklive { position: fixed; top: max(62px, calc(env(safe-area-inset-top) + 52px)); right: 12px; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; }
.livejoin .livehead { margin: 10px 0 4px; font: 700 15px/1.3 var(--head); color: var(--teal-ink); }
.livejoin .liveacts { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 8px; }