{
  "version": 3,
  "sources": ["src/app/features/community/components/player-finder/player-finder.component.css"],
  "sourcesContent": ["/* «¿Con quién jugar?»: reglas `community-finder__*` movidas desde la página (N12 del\n   spec web; la encapsulación no deja que las del padre lleguen aquí), con tres arreglos\n   de accesibilidad: píldoras como grupo con `aria-pressed`, `<label>` asociado al select\n   y foco visible (antes `outline: none`). El vacío ya no lleva marco gris punteado. */\n\n:host {\n  scroll-margin-top: var(--space-20);\n}\n\n/* ── Filtros ── */\n\n.community-finder__toolbar {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--space-4);\n  margin-bottom: var(--space-8);\n}\n\n.community-finder__pills {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: var(--space-2);\n}\n\n.community-finder__pill {\n  display: inline-flex;\n  align-items: center;\n  min-height: 40px;\n  padding: var(--space-2) var(--space-4);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n  background: color-mix(in srgb, var(--pill-color, var(--color-brand-neutral)) 12%, transparent);\n  border: 1px solid transparent;\n  border-radius: 0;\n  cursor: pointer;\n  transition:\n    background-color var(--transition-fast),\n    border-color var(--transition-fast);\n}\n\n.community-finder__pill:hover {\n  border-color: var(--pill-color, var(--color-brand-neutral));\n}\n\n/* Activa: borde grueso del color del juego y fondo más marcado. El texto sigue siendo el\n   primario: los colores de juego vienen de la API y no garantizan contraste AA. */\n.community-finder__pill.is-active {\n  background: color-mix(in srgb, var(--pill-color, var(--color-brand-neutral)) 24%, transparent);\n  border-color: var(--pill-color, var(--color-brand-neutral));\n  box-shadow: inset 0 -3px 0 var(--pill-color, var(--color-brand-neutral));\n}\n\n.community-finder__select-group {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-3);\n}\n\n.community-finder__select-label {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.community-finder__select-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex: 1;\n  max-width: 280px;\n}\n\n.community-finder__select-input {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-height: 40px;\n  padding: var(--space-2) var(--space-8) var(--space-2) var(--space-3);\n  background-color: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  cursor: pointer;\n  transition:\n    border-color var(--transition-fast),\n    box-shadow var(--transition-fast);\n}\n\n.community-finder__select-input:focus {\n  border-color: var(--color-action-secondary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-action-secondary) 15%, transparent);\n}\n\n.community-finder__pill:focus-visible,\n.community-finder__select-input:focus-visible,\n.community-finder__banner-cta:focus-visible,\n.community-finder__empty-cta:focus-visible,\n.community-finder__report a:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n.community-finder__select-chevron {\n  position: absolute;\n  right: var(--space-3);\n  top: 50%;\n  transform: translateY(-50%);\n  display: inline-flex;\n  color: var(--color-text-secondary);\n  pointer-events: none;\n}\n\n/* ── Rejilla ── */\n\n.community-finder__sent:focus {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n.community-finder__sent {\n  margin: 0 0 var(--space-4);\n  padding: var(--space-3) var(--space-4);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  background: color-mix(in srgb, var(--color-state-success) 10%, transparent);\n  border-left: 3px solid var(--color-state-success);\n}\n\n.community-finder__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-4);\n}\n\n.community-finder__pagination {\n  display: flex;\n  justify-content: center;\n  margin-top: var(--space-8);\n}\n\n.community-finder__report {\n  margin: var(--space-8) 0 0;\n  text-align: center;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-secondary);\n}\n\n.community-finder__report a {\n  color: var(--color-text-link);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n/* ── Banner del perfil propio (D8) ── */\n\n.community-finder__banner {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-3);\n  margin-bottom: var(--space-6);\n  padding: var(--space-4) var(--space-5);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-left: 4px solid var(--color-brand-secondary);\n  border-radius: 0;\n}\n\n.community-finder__banner--muted {\n  border-left-color: var(--color-brand-neutral);\n}\n\n.community-finder__banner-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.community-finder__banner-title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n}\n\n.community-finder__banner-text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n.community-finder__banner-text a {\n  color: var(--color-text-link);\n  text-decoration: underline;\n}\n\n.community-finder__banner-cta,\n.community-finder__empty-cta {\n  display: inline-flex;\n  align-items: center;\n  min-height: 40px;\n  padding: var(--space-2) var(--space-5);\n  background-color: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  border-radius: var(--radius-button);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: background-color var(--transition-fast);\n}\n\n.community-finder__banner-cta:hover,\n.community-finder__empty-cta:hover {\n  background-color: var(--color-action-primary-hover);\n}\n\n/* ── Invitado y sin verificar ── */\n\n.community-finder__gate {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--space-4);\n  max-width: 36rem;\n  margin-inline: auto;\n  padding: var(--space-8) var(--space-5);\n  text-align: center;\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n}\n\n.community-finder__gate-alert {\n  margin: 0;\n  padding: var(--space-2) var(--space-3);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n  background: color-mix(in srgb, var(--color-state-warning) 14%, transparent);\n  border-left: 3px solid var(--color-state-warning);\n}\n\n.community-finder__gate-title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-lg);\n  color: var(--color-text-primary);\n}\n\n.community-finder__gate-text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n.community-finder__gate-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: var(--space-3);\n}\n\n\n/* ── Vacío y error: corgi, nunca un marco gris ── */\n\n.community-finder__empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--space-4);\n  padding-block: var(--space-6);\n  text-align: center;\n}\n\n.community-finder__mascot {\n  width: 100%;\n  max-width: 140px;\n  height: auto;\n  object-fit: contain;\n}\n\n.community-finder__empty-text {\n  margin: 0;\n  max-width: 42ch;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n}\n\n/* ── Skeleton (SSR, primer render y cada carga) ── */\n\n.community-finder__sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.community-finder__skeleton-card {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  padding: var(--space-5);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-light);\n}\n\n.community-finder__skeleton-head {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n}\n\n.community-finder__skeleton-avatar {\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  border-radius: var(--radius-full);\n}\n\n.community-finder__skeleton-lines {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  flex: 1;\n}\n\n.community-finder__skeleton-line {\n  display: block;\n  height: 0.875rem;\n}\n\n.community-finder__skeleton-line--name {\n  width: 50%;\n  height: 1rem;\n}\n\n.community-finder__skeleton-line--meta {\n  width: 70%;\n}\n\n.community-finder__skeleton-line--pills {\n  width: 60%;\n  height: 1.25rem;\n}\n\n.community-finder__skeleton-line--bio {\n  width: 90%;\n}\n\n.community-finder__skeleton-bar {\n  display: block;\n  height: 40px;\n  margin-inline: auto;\n}\n\n.community-finder__skeleton-bar--pills {\n  width: min(100%, 32rem);\n}\n\n.community-finder__skeleton-bar--select {\n  width: min(100%, 18rem);\n}\n\n.community-finder__skeleton-avatar,\n.community-finder__skeleton-line,\n.community-finder__skeleton-bar {\n  position: relative;\n  overflow: hidden;\n  background: var(--color-skeleton-base);\n}\n\n.community-finder__skeleton-avatar::after,\n.community-finder__skeleton-line::after,\n.community-finder__skeleton-bar::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, transparent, var(--color-skeleton-shine), transparent);\n  animation: community-finder-shine 1.4s infinite;\n}\n\n@keyframes community-finder-shine {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* ── Tabletas y escritorio (mobile-first) ── */\n\n@media (min-width: 641px) {\n  .community-finder__toolbar {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    gap: var(--space-4) var(--space-6);\n  }\n\n  .community-finder__select-wrap {\n    flex: none;\n    width: 220px;\n  }\n\n  .community-finder__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: var(--space-6);\n  }\n\n  .community-finder__banner {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n@media (min-width: 1025px) {\n  .community-finder__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .community-finder__pill,\n  .community-finder__select-input,\n  .community-finder__banner-cta,\n  .community-finder__empty-cta {\n    transition: none;\n  }\n\n  .community-finder__skeleton-avatar::after,\n  .community-finder__skeleton-line::after,\n  .community-finder__skeleton-bar::after {\n    animation: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}