/* The wooden join sign. */
/* ---------- join sign */
.sign{text-align:center;background:repeating-linear-gradient(180deg,#9b6634 0 19px,#8a5a2d 19px 22px);border:3px solid #3b210c;box-shadow:inset 0 0 0 2px rgba(255,214,160,.22),0 8px 0 rgba(0,0,0,.35)}
.sign .label{font:700 15px var(--px);color:#ffe9b0;letter-spacing:.06em;text-shadow:var(--ol1)}
.addr{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:8px 0 6px}
.addr code{font:700 clamp(24px,5.4vw,38px) var(--px);color:#fff;text-shadow:var(--ol);background:rgba(40,20,6,.55);border:2px solid #3b210c;border-radius:8px;padding:6px 16px;word-break:break-all}
.sign .hint{color:#fff1d6;text-shadow:var(--ol1)}
.joinmeta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:#fff1d6;font-size:14px;margin-top:10px;text-shadow:var(--ol1)}
.joinmeta b{color:#fff}
.motd{margin-top:10px;color:#fff1d6;font-style:italic;text-shadow:var(--ol1)}

#joinLocked{display:grid;gap:12px;justify-items:center;margin-top:8px}