/* Controles táctiles móviles */
.touch-controls {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.btn-touch {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #888;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 26px;
  cursor: pointer;
  touch-action: none;
}

#btn-fire {
  border-color: #ffeb3b;
  background: rgba(255, 235, 59, 0.2);
}

/* Mostrar siempre en móvil, opcional en desktop */
@media (hover: hover) and (min-width: 800px) {
  .touch-controls {
    opacity: 0.4;
  }
}

@media (max-width: 520px) {
  #game {
    width: 300px;
    height: 400px;
  }
  .btn-touch {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
}