/* Complementos a Tailwind (CDN) */
html { -webkit-tap-highlight-color: transparent; }
body { overscroll-behavior-y: contain; }
.tabular { font-variant-numeric: tabular-nums; }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }

/* Pulso para el indicador "en directo" */
@keyframes pulso { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.pulso { animation: pulso 1.4s ease-in-out infinite; }

/* Destello cuando cambia el estado del jugador (vista familias) */
@keyframes destello { 0% { transform: scale(1); } 40% { transform: scale(1.04); } 100% { transform: scale(1); } }
.destello { animation: destello .6s ease-out; }

/* Pizarra táctica */
.campo-svg { touch-action: none; user-select: none; -webkit-user-select: none; }
.ficha { cursor: grab; }
.ficha:active { cursor: grabbing; }

/* Botones de estado (1 toque) */
.btn-estado { min-height: 44px; }
.btn-estado[aria-pressed="true"] { box-shadow: inset 0 0 0 3px rgba(0,0,0,.25); transform: scale(1.03); }