/* Revienta pompas (maqueta docs/diseno/maquetas/juegos/Pompas). Cooperativo. Fondo y suelo
   estáticos; pompas, jugadores y disparos solo cambian de transform y opacity. */
.pompas { background: linear-gradient(180deg, #8A5CE0 0%, #6E3FC9 100%); color: #fff; }
.pompas-suelo { position: absolute; left: 0; right: 0; bottom: 0; height: 6.5%; background: #4A23A0; border-top: .25rem solid rgba(255,255,255,.12); }

/* Pompas: de color con borde blanco y brillo (sin box-shadow) */
.pompas-pompa { border-radius: 50%; border: .15625rem solid #fff; box-sizing: border-box; }
.pompas-pompa--3 { background: #FF6B5A; }
.pompas-pompa--2 { background: #22D3EE; }
.pompas-pompa--1 { background: #FF9F1C; }
.pompas-brillo { position: absolute; left: 18%; top: 16%; width: 26%; height: 26%; border-radius: 50%; background: #fff; opacity: .45; }

/* Jugadores en el suelo: cañón encima, personaje y nombre */
.pompas-jugador { height: 0; }
.pompas-avatar { position: absolute; left: 50%; top: -2rem; width: 3.125rem; height: 3.125rem; margin-left: -1.5625rem; }
.pompas-avatar.tg-cara--foto { border-radius: var(--tg-r-pill); object-fit: cover; border: .125rem solid #fff; box-sizing: border-box; }
.pompas-canon { position: absolute; left: 50%; top: -3.125rem; width: .75rem; height: 1.25rem; margin-left: -.375rem; border-radius: .375rem; background: #fff; }
.pompas-canon::after { content: ""; position: absolute; left: .125rem; right: .125rem; top: .125rem; height: .3125rem; border-radius: .125rem; background: var(--c); }
.pompas-nombre {
  position: absolute; left: 50%; top: 1.375rem; transform: translateX(-50%);
  height: 1.375rem; padding: 0 .5rem; border-radius: var(--tg-r-pill); background: rgba(20,16,36,.55); color: #fff;
  display: flex; align-items: center; font-size: 1rem; font-weight: var(--tg-w-medium); white-space: nowrap;
}
.pompas-nombre .tg-personaje--linea { width: 1rem; height: 1rem; }
.pompas-aviso {
  position: absolute; left: 50%; top: -5rem; transform: translateX(-50%); display: none;
  height: 1.375rem; padding: 0 .5rem; border-radius: var(--tg-r-pill); background: #fff; color: var(--tg-primary-dark);
  align-items: center; gap: .25rem; font-size: 1rem; font-weight: var(--tg-w-strong); white-space: nowrap;
}
.pompas-aviso svg { width: .75rem; height: .75rem; }
.pompas-aturdido .pompas-avatar, .pompas-aturdido .pompas-canon, .pompas-aturdido .pompas-nombre { opacity: .45; }
.pompas-aturdido .pompas-aviso { display: flex; }

/* Disparo: línea discontinua del color del jugador (se escala desde abajo) */
.pompas-disparo { width: .1875rem; transform-origin: 50% 100%; background: repeating-linear-gradient(180deg, var(--c) 0 .75rem, transparent .75rem 1.25rem); }

/* Estallido: rayas blancas y «+1» */
.pompas-estallido { width: 0; height: 0; z-index: 2; }
.pompas-rayas { position: absolute; left: -2.5rem; top: -2.5rem; width: 5rem; height: 5rem; }
.pompas-estallido .tg-punto { position: absolute; left: -1.5rem; top: -4.5rem; }