/* Small opening-copy additions; the published theme and artwork are unchanged. */
.join-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; width: 100%; }
.server-address { background: var(--panel); border: 1px solid var(--line); color: var(--fg); font-family: var(--hud); font-size: clamp(1rem, 3vw, 1.4rem); font-weight: 600; min-height: 48px; min-width: 0; padding: 10px 14px; width: min(100%, 19rem); }
.join-actions .button { border: 0; cursor: pointer; justify-content: center; }
.button:hover { background: var(--fg); color: var(--bg); text-decoration: underline; }
.join-actions [hidden] { display: none; }
.copy-status { color: var(--muted); font-size: .9rem; min-height: 1.5em; margin: -12px 0 0; }
.address-label { color: var(--fg); font-family: var(--hud); font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.getting-started { color: var(--muted); margin: 0; padding-left: 1.2em; }
.getting-started li + li { margin-top: .65em; }
.support-commands { color: var(--muted); display: grid; gap: 14px; margin: 0; }
.support-commands dt { color: var(--fg); font-family: var(--hud); font-weight: 600; }
.support-commands dd { margin: 4px 0 0; }
code { overflow-wrap: anywhere; }
@media (max-width: 430px) { .join-actions { gap: 12px; } .join-actions .server-address { width: 100%; } }