{
  "version": 3,
  "sources": ["src/app/features/community/components/play-request-modal/play-request-modal.component.css"],
  "sourcesContent": ["/* Modal «Invitar a jugar» (B11 J3). Hoja inferior en móvil, ventana centrada en escritorio.\n   Radio 0, variables semánticas y sin mascota (es un formulario, no un estado). */\n\n.prm__backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  background: var(--color-backdrop);\n}\n\n.prm {\n  position: fixed;\n  z-index: 1001;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  max-height: 90vh;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-5);\n  padding: var(--space-5);\n  background: var(--color-surface-primary);\n  border-top: 1px solid var(--color-border-primary);\n  border-radius: 0;\n}\n\n.prm:focus {\n  outline: none;\n}\n\n.prm__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-4);\n}\n\n.prm__title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading-bold);\n  font-size: var(--text-size-lg);\n  color: var(--color-text-primary);\n  overflow-wrap: anywhere;\n}\n\n.prm__close {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  font-size: var(--text-size-xl);\n  line-height: 1;\n  color: var(--color-text-secondary);\n  background: transparent;\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  cursor: pointer;\n}\n\n.prm__form,\n.prm__gate {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n}\n\n.prm__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n}\n\n.prm__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-primary);\n}\n\n.prm__input {\n  width: 100%;\n  min-height: 44px;\n  padding: var(--space-2) var(--space-3);\n  background: 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-base);\n  color: var(--color-text-primary);\n}\n\n.prm__textarea {\n  min-height: 6rem;\n  resize: vertical;\n}\n\n.prm__help-row {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--space-3);\n}\n\n.prm__help,\n.prm__notice,\n.prm__gate-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.prm__gate-text {\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n}\n\n.prm__counter {\n  flex-shrink: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  font-variant-numeric: tabular-nums;\n  color: var(--color-text-secondary);\n}\n\n.prm__error {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-state-error);\n}\n\n/* Fuera de pantalla, nunca display:none (los bots lo detectan). */\n.prm__hp {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.prm__alert {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--space-3) var(--space-4);\n  background: color-mix(in srgb, var(--color-state-error) 8%, transparent);\n  border-left: 3px solid var(--color-state-error);\n}\n\n.prm__alert-text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-state-error);\n}\n\n.prm__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n}\n\n.prm__primary,\n.prm__secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  padding: var(--space-2) var(--space-5);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-body-medium);\n  border-radius: var(--radius-button);\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.prm__primary {\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  border: 0;\n  align-self: flex-start;\n}\n\n.prm__primary:hover:not(:disabled) {\n  background: var(--color-action-primary-hover);\n}\n\n.prm__primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.prm__secondary {\n  background: var(--color-surface-primary);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n}\n\n.prm a {\n  color: var(--color-text-link);\n}\n\n.prm a.prm__primary {\n  color: var(--color-text-inverse);\n}\n\n.prm__close:focus-visible,\n.prm__input:focus-visible,\n.prm__primary:focus-visible,\n.prm__secondary:focus-visible,\n.prm a:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n@media (min-width: 641px) {\n  .prm {\n    top: 50%;\n    bottom: auto;\n    left: 50%;\n    right: auto;\n    width: min(32rem, calc(100vw - 2 * var(--space-6)));\n    transform: translate(-50%, -50%);\n    border: 1px solid var(--color-border-primary);\n    padding: var(--space-6);\n  }\n}\n"],
  "mappings": "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",
  "names": []
}