/* ============================================================
   wc-header — top nav bar (legacy; not used in the main game flow
   but kept registered for compatibility).
   ============================================================ */

wc-header .wc-header {
    padding: var(--space-2) var(--space-4);
    gap: var(--space-2);
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-surface);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 20%, transparent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

wc-header .wc-header-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-fg);
    text-decoration: none;
}

wc-header .wc-header-brand-mark {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

wc-header .wc-header-wordmark {
    font-family: var(--font-display);
    font-style: italic;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.025em;
}

wc-header .wc-header-actions {
    display: flex;
    gap: var(--space-3);
    align-items: center;
}

wc-header .wc-header-github {
    width: 24px;
    height: 24px;
    fill: var(--color-fg);
}