/* Footer — one compact line: mascot, name, live-stream status. */
.footer {
    min-height: var(--footer-h);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--sp-2) var(--gutter);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-dim);
    font-size: var(--fs-xs);
}
.footer__line   { display: inline-flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; justify-content: center; }
.footer__name   { color: var(--color-text-muted); font-weight: 500; }
.footer__sep    { color: var(--color-text-dim); }
.footer__status { color: var(--color-success); }
.footer__status--disconnected { color: var(--color-danger); }