.gameHubHero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.gameHubHero h1{margin-bottom:4px}.gameHubHero p{color:var(--muted)}.gameModeQuickLinks{gap:8px;display:inline-flex}.gameModeQuickLinks a{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--border-strong);color:var(--ink);transition:background var(--t) var(--ease), transform var(--t) var(--ease);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.gameModeQuickLinks a:hover{background:var(--sunken);transform:translateY(-1px)}.gameHubSection{gap:14px;display:grid}.gameHubSectionHeader{align-items:baseline;gap:10px;display:flex}.gameHubSectionHeader h2{font-size:clamp(22px,3vw,28px)}.gameHubSectionHeader span{border-radius:var(--r-pill);background:var(--primary-tint);min-width:26px;height:26px;color:var(--primary-700);font-family:var(--font-mono);place-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-grid}.gameCatalogGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.gameCatalogCard{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-top:4px solid var(--primary);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);align-content:start;gap:12px;padding:18px;display:grid}.gameCatalogCard:has(.gameModeBadge.single){border-top-color:var(--gold)}.gameCatalogCard:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.gameCatalogCard h3{font-size:22px}.gameModeBadge{border-radius:var(--r-pill);justify-self:start;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.gameModeBadge.team{background:var(--primary-tint);color:var(--primary-700)}.gameModeBadge.single{background:var(--gold-tint);color:var(--gold-text)}.gameCardMeta{flex-wrap:wrap;gap:8px;display:flex}.gameCardMeta span{border-radius:var(--r-pill);background:var(--sunken);border:1px solid var(--border);color:var(--muted);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.gameCatalogCard>strong{color:var(--primary-700);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}@media (max-width:560px){.gameCatalogGrid{grid-template-columns:1fr}}
