.guild-center {
    min-height: 100vh;
    background: var(--hy-theme-bg);
    color: var(--hy-theme-text);
}

.guild-center__content {
    display: grid;
    gap: 14px;
    width: min(100%, 720px);
    margin: 0 auto;
    padding: 16px max(16px, env(safe-area-inset-right))
        max(28px, env(safe-area-inset-bottom))
        max(16px, env(safe-area-inset-left));
}

.guild-card {
    border: 1px solid var(--hy-theme-line);
    border-radius: var(--hy-theme-radius-card);
    background: var(--hy-theme-surface);
    box-shadow: var(--hy-theme-shadow);
}

.guild-filter-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.guild-filter-bar button {
    min-height: 38px;
    border: 1px solid var(--hy-theme-line);
    border-radius: var(--hy-theme-radius-control);
    background: var(--hy-theme-surface);
    color: var(--hy-theme-text);
}

.guild-filter-bar button[aria-pressed='true'] {
    border-color: var(--hy-theme-primary-strong);
    background: var(--hy-theme-primary-soft);
    color: var(--hy-theme-primary-deep);
}

@media (max-width: 420px) {
    .guild-filter-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}