@jjlmoya/utils-science 1.1.0

package/src/tool/asteroid-impact/i18n/es.ts

@@ -0,0 +1,153 @@
+import type { ToolLocaleContent } from '../../../types';
+
+export const content: ToolLocaleContent = {
+  slug: 'simulador-impacto-asteroide',
+  title: 'Simulador de Impacto de Asteroides: Calculadora de Apocalipsis',
+  description: 'Simula el impacto de asteroides con física real. Calcula energía, cráter, radiación térmica y onda de choque. ¿Sobrevivirías a Chicxulub?',
+  faqTitle: 'Preguntas Frecuentes',
+  bibliographyTitle: 'Bibliografía',
+  ui: {
+    copied: 'Copiado',
+    noHistory: 'Sin historial',
+    load: 'Cargar',
+    delete: 'Eliminar',
+    activateGPS: 'Activar GPS',
+    analysisLabel: 'Análisis',
+    dragToMap: 'ARRASTRA AL MAPA',
+    diameterLabel: 'Diámetro',
+    velocityLabel: 'Velocidad',
+    typeLabel: 'Tipo',
+    historicalData: 'Datos Históricos',
+    composition: 'Composición',
+    rock: 'Roca',
+    iron: 'Hierro',
+    ice: 'Hielo',
+    clearAll: 'Limpiar todo',
+    searching: 'Buscando...',
+    gpsActive: 'GPS Activo',
+    gpsError: 'Error GPS',
+    verdictSafe: 'ZONA SEGURA',
+    verdictSafeSub: 'Sin amenazas',
+    verdictShock: 'ONDA DE CHOQUE',
+    verdictShockSub: 'Daños estructurales',
+    verdictBurned: 'RADIACIÓN TÉRMICA',
+    verdictBurnedSub: 'Peligro extremo',
+    verdictVaporized: 'ZONA CERO',
+    verdictVaporizedSub: 'Impacto directo',
+  },
+  seo: [
+    {
+      type: 'title',
+      text: 'Cuando el Cielo Cae: La Física del Apocalipsis Cósmico',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Los asteroides no son solo rocas espaciales. Son balas cósmicas viajando a 20 km/s, capaces de liberar más energía que todas las armas nucleares del planeta combinadas. Este simulador traduce la física abstracta en consecuencias humanas tangibles.',
+    },
+    {
+      type: 'title',
+      text: 'La Ecuación del Fin del Mundo',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Todo comienza con la energía cinética: <strong>E = ½mv²</strong>. Un asteroide de 100 metros viajando a 20 km/s libera aproximadamente 0.5 megatones de TNT. Para contexto, la bomba de Hiroshima fue de 0.015 megatones.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Pero el tamaño escala exponencialmente. Un objeto 10 veces más grande tiene 1,000 veces más volumen (y masa), liberando energía equivalente a <strong>500 megatones</strong>. Chicxulub, el asesino de dinosaurios, liberó el equivalente a <strong>100 millones de megatones</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Un asteroide de 1 km impactando la Tierra liberaría más energía que todas las armas nucleares del planeta detonadas simultáneamente.',
+    },
+    {
+      type: 'title',
+      text: 'Anatomía de la Destrucción: Las Capas Concéntricas del Apocalipsis',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>El Cráter (Zona Cero):</strong> El diámetro del cráter escala con E^0.3. Un impacto de 1 megatón crea un cráter de ~1 km. Todo dentro es vaporizado instantáneamente.',
+        '<strong>Radiación Térmica (El Flash):</strong> La bola de fuego emite radiación infrarroja intensa. A distancias de E^0.41 km, la ropa se incendia y la piel sufre quemaduras de tercer grado.',
+        '<strong>Onda de Choque (El Martillo):</strong> La onda de sobrepresión viaja a velocidad supersónica. A 1 psi, los cristales estallan. A 5 psi, los edificios colapsan.',
+        '<strong>Terremoto (El Eco Sísmico):</strong> El impacto genera ondas sísmicas globales. Chicxulub causó un terremoto de magnitud 11, rompiendo la escala de Richter.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Impactos Históricos: Lecciones del Pasado',
+      level: 3,
+    },
+    {
+      type: 'table',
+      headers: ['Ubicación & Año', 'Tamaño', 'Energía', 'Efectos'],
+      rows: [
+        ['Chelyabinsk, Rusia (2013)', '20 metros', '500 kilotones', 'Onda de choque a 100 km, 1,500 heridos, ventanas rotas'],
+        ['Tunguska, Siberia (1908)', '50-60 metros', '10-15 megatones', 'Arrasó 2,000 km² de bosque, 80 millones de árboles derribados'],
+        ['Chicxulub, Golfo de México (66 M años)', '10 km', '100 millones de megatones', 'Extinción del 75% de la vida en la Tierra'],
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: '¿Cómo se calcula la energía de un impacto?',
+      answer: 'La energía principal es cinética: (1/2) * masa * velocidad². Usamos densidades realistas (ej. 3000 kg/m³ para asteroides rocosos) y velocidades típicas de entrada atmosférica (11 a 72 km/s). La energía resultante se mide en Megatones de TNT.',
+    },
+    {
+      question: '¿Qué es la onda de choque térmica?',
+      answer: 'Al entrar en la atmósfera, el asteroide comprime el aire de forma tan violenta que crea una bola de fuego mil veces más brillante que el Sol. La radiación térmica resultante puede causar quemaduras de tercer grado e incendiar bosques a kilómetros del impacto.',
+    },
+    {
+      question: '¿Por qué algunos asteroides no crean cráter?',
+      answer: 'Las rocas más pequeñas (<50m) suelen fragmentarse y explotar en la atmósfera debido a la presión del aire (Airburst), como ocurrió en Cheliábinsk. La energía se libera como una potente onda de choque de presión, pero no llega a tocar suelo como un cuerpo sólido.',
+    },
+    {
+      question: '¿Qué probabilidad hay de un impacto real?',
+      answer: 'Impactos pequeños (como el de Rusia en 2013) ocurren cada década. Impactos catastróficos (tipo Tunguska) cada pocos siglos. Un evento de extinción global como Chicxulub ocurre aproximadamente cada 100 millones de años.',
+    },
+  ],
+  bibliography: [
+    {
+      name: 'Collins, G. S., et al. (2005). Earth Impact Effects Program: A Web-based computer program for calculating the regional environmental consequences of a meteoroid impact on Earth.',
+      url: 'https://impact.ese.ic.ac.uk/ImpactEarth/',
+    },
+    {
+      name: 'Toon, O. B., et al. (1997). Environmental perturbations caused by the impacts of asteroids and comets. Reviews of Geophysics.',
+      url: 'https://agupubs.onlinelibrary.wiley.com/doi/abs/10.1029/96RG03038',
+    },
+    {
+      name: 'Chapman, C. R., & Morrison, D. (1994). Impacts on the Earth by asteroids and comets: assessing the hazard. Nature.',
+      url: 'https://www.nature.com/articles/367033a0',
+    },
+    {
+      name: 'Schulte, P., et al. (2010). The Chicxulub Asteroid Impact and Mass Extinction at the Cretaceous-Paleogene Boundary. Science.',
+      url: 'https://www.science.org/doi/10.1126/science.1177265',
+    },
+    {
+      name: 'Brown, P., et al. (2013). A 500-kiloton airburst over Chelyabinsk and an enhanced hazard from small impactors. Nature.',
+      url: 'https://www.nature.com/articles/nature12741',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Elegir el tamaño del proyectil',
+      text: 'Introduce el diámetro del asteroide. Desde un pequeño meteorito de 10 metros hasta un destructor de planetas de 10 kilómetros.',
+    },
+    {
+      name: 'Configurar velocidad y ángulo',
+      text: 'Ajusta la velocidad de aproximación y el ángulo de entrada (45° es el valor estadístico más probable).',
+    },
+    {
+      name: 'Definir naturaleza del asteroide',
+      text: 'Selecciona si el asteroide es de roca, hierro o hielo para calcular la profundidad del cráter correctamente.',
+    },
+    {
+      name: 'Analizar el veredicto de supervivencia',
+      text: 'Arrastra el asteroide al mapa e indica a qué distancia te encuentras para ver los efectos de la radiación, el terremoto, la onda de choque.',
+    },
+  ],
+  schemas: [],
+};

package/src/tool/asteroid-impact/i18n/fr.ts

@@ -0,0 +1,153 @@
+import type { ToolLocaleContent } from '../../../types';
+
+export const content: ToolLocaleContent = {
+  slug: 'simulateur-impact-asteroide',
+  title: 'Simulateur d\'Impact d\'Astéroïde : Calculateur d\'Apocalypse',
+  description: 'Simulez l\'impact d\'astéroïdes avec la physique réelle. Calculez l\'énergie, le cratère, les radiations thermiques et l\'onde de choc. Survivriez-vous à Chicxulub ?',
+  faqTitle: 'Questions Fréquemment Posées',
+  bibliographyTitle: 'Bibliographie',
+  ui: {
+    copied: 'Copié',
+    noHistory: 'Pas d\'historique',
+    load: 'Charger',
+    delete: 'Supprimer',
+    activateGPS: 'Activer GPS',
+    analysisLabel: 'Analyse',
+    dragToMap: 'FAITES GLISSER SUR LA CARTE',
+    diameterLabel: 'Diamètre',
+    velocityLabel: 'Vitesse',
+    typeLabel: 'Type',
+    historicalData: 'Données Historiques',
+    composition: 'Composition',
+    rock: 'Roche',
+    iron: 'Fer',
+    ice: 'Glace',
+    clearAll: 'Tout effacer',
+    searching: 'Recherche...',
+    gpsActive: 'GPS Actif',
+    gpsError: 'Erreur GPS',
+    verdictSafe: 'ZONE SÛRE',
+    verdictSafeSub: 'Aucune menace',
+    verdictShock: 'ONDE DE CHOC',
+    verdictShockSub: 'Dommages structurels',
+    verdictBurned: 'RADIATIONS THERMIQUES',
+    verdictBurnedSub: 'Danger extrême',
+    verdictVaporized: 'ZONE ZÉRO',
+    verdictVaporizedSub: 'Impact direct',
+  },
+  seo: [
+    {
+      type: 'title',
+      text: 'Quand le Ciel Tombe : La Physique de l\'Apocalypse Cosmique',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Les astéroïdes ne sont pas de simples rochers de l\'espace. Ce sont des balles cosmiques voyageant à 20 km/s, capables de libérer plus d\'énergie que toutes les armes nucléaires de la planète réunies. Ce simulateur traduit la physique abstraite en conséquences humaines tangibles.',
+    },
+    {
+      type: 'title',
+      text: 'L\'Équation du Jugement Dernier',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Tout commence par l\'énergie cinétique : <strong>E = ½mv²</strong>. Un astéroïde de 100 mètres voyageant à 20 km/s libère environ 0,5 mégatonne de TNT. Pour comparaison, la bombe d\'Hiroshima était de 0,015 mégatonne.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Mais la taille augmente de façon exponentielle. Un objet 10 fois plus grand a 1 000 fois plus de volume (et de masse), libérant une énergie équivalente à <strong>500 mégatonnes</strong>. Chicxulub, le tueur de dinosaures, a libéré l\'équivalent de <strong>100 millions de mégatonnes</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Un astéroïde d\'un kilomètre frappant la Terre libérerait plus d\'énergie que toutes les armes nucléaires du monde détonées simultanément.',
+    },
+    {
+      type: 'title',
+      text: 'Anatomie de la Destruction : Les Couches Concentriques de l\'Apocalypse',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Le Cratère (Zone Zéro) :</strong> Le diamètre du cratère augmente selon E^0,3. Un impact d\'une mégatonne crée un cratère de ~1 km. Tout à l\'intérieur est instantanément vaporisé.',
+        '<strong>Radiations Thermiques (Le Flash) :</strong> La boule de feu émet un rayonnement infrarouge intense. À une distance de E^0,41 km, les vêtements s\'enflamment et la peau subit des brûlures au troisième degré.',
+        '<strong>Onde de Choc (Le Marteau) :</strong> L\'onde de surpression voyage à une vitesse supersonique. À 1 psi, les fenêtres explosent. À 5 psi, les bâtiments s\'effondrent.',
+        '<strong>Tremblement de Terre (L\'Écho Sismique) :</strong> L\'impact génère des ondes sismiques mondiales. Chicxulub a provoqué un séisme de magnitude 11, brisant l\'échelle de Richter.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Impacts Historiques : Les Leçons du Passé',
+      level: 3,
+    },
+    {
+      type: 'table',
+      headers: ['Lieu & Année', 'Taille', 'Énergie', 'Effets'],
+      rows: [
+        ['Chelyabinsk, Russie (2013)', '20 mètres', '500 kilotonnes', 'Onde de choc à 100 km, 1 500 blessés, vitres brisées'],
+        ['Tunguska, Sibérie (1908)', '50-60 mètres', '10-15 mégatonnes', '2 000 km² de forêt rasés, 80 millions d\'arbres abattus'],
+        ['Chicxulub, Golfe du Mexique (66 M années)', '10 km', '100 millions de mégatonnes', 'Extinction de 75 % de la vie sur Terre'],
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: 'Comment l\'énergie d\'un impact est-elle calculée ?',
+      answer: 'L\'énergie principale est cinétique : (1/2) * masse * vitesse². Nous utilisons des densités réalistes (ex. 3000 kg/m³ pour les astéroïdes rocheux) et des vitesses d\'entrée atmosphérique typiques (11 à 72 km/s). L\'énergie résultante est mesurée en mégatonnes de TNT.',
+    },
+    {
+      question: 'Qu\'est-ce que l\'onde de choc thermique ?',
+      answer: 'En entrant dans l\'atmosphère, l\'astéroïde comprime l\'air si violemment qu\'il crée une boule de feu mille fois plus brillante que le Soleil. Le rayonnement thermique qui en résulte peut causer des brûlures au troisième degré et enflammer des forêts à des kilomètres de l\'impact.',
+    },
+    {
+      question: 'Pourquoi certains astéroïdes ne créent-ils pas de cratère ?',
+      answer: 'Les roches plus petites (<50m) se fragmentent et explosent généralement dans l\'atmosphère à cause de la pression de l\'air (Explosion aérienne), comme à Chelyabinsk. L\'énergie est libérée sous forme d\'une puissante onde de choc, mais elle ne touche pas le sol en un seul corps solide.',
+    },
+    {
+      question: 'Quelle est la probabilité réelle d\'un impact ?',
+      answer: 'Les petits impacts (comme en Russie en 2013) se produisent chaque décennie. Les impacts catastrophiques (type Tunguska) tous les quelques siècles. Un événement d\'extinction mondiale comme Chicxulub se produit environ tous les 100 millions d\'années.',
+    },
+  ],
+  bibliography: [
+    {
+      name: 'Collins, G. S., et al. (2005). Earth Impact Effects Program: A Web-based computer program for calculating the regional environmental consequences of a meteoroid impact on Earth.',
+      url: 'https://impact.ese.ic.ac.uk/ImpactEarth/',
+    },
+    {
+      name: 'Toon, O. B., et al. (1997). Environmental perturbations caused by the impacts of asteroids and comets. Reviews of Geophysics.',
+      url: 'https://agupubs.onlinelibrary.wiley.com/doi/abs/10.1029/96RG03038',
+    },
+    {
+      name: 'Chapman, C. R., & Morrison, D. (1994). Impacts on the Earth by asteroids and comets: assessing the hazard. Nature.',
+      url: 'https://www.nature.com/articles/367033a0',
+    },
+    {
+      name: 'Schulte, P., et al. (2010). The Chicxulub Asteroid Impact and Mass Extinction at the Cretaceous-Paleogene Boundary. Science.',
+      url: 'https://www.science.org/doi/10.1126/science.1177265',
+    },
+    {
+      name: 'Brown, P., et al. (2013). A 500-kiloton airburst over Chelyabinsk and an enhanced hazard from small impactors. Nature.',
+      url: 'https://www.nature.com/articles/nature12741',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Choisir la taille du projectile',
+      text: 'Entrez le diamètre de l\'astéroïde. D\'un petit météore de 10 mètres à un destructeur de planète de 10 kilomètres.',
+    },
+    {
+      name: 'Régler la vitesse et l\'angle',
+      text: 'Ajustez la vitesse d\'approche et l\'angle d\'entrée (45° est la valeur statistique la plus probable).',
+    },
+    {
+      name: 'Définir la nature de l\'astéroïde',
+      text: 'Sélectionnez si l\'astéroïde est en roche, en fer ou en glace pour calculer correctement la profondeur du cratère.',
+    },
+    {
+      name: 'Analyser le verdict de survie',
+      text: 'Faites glisser l\'astéroïde sur la carte et indiquez à quelle distance vous vous trouvez pour voir les effets des radiations, du séisme et de l\'onde de choc.',
+    },
+  ],
+  schemas: [],
+};

package/src/tool/asteroid-impact/index.ts

@@ -0,0 +1,24 @@
+import type { ScienceToolEntry, ToolDefinition } from '../../types';
+import AsteroidImpactComponent from './component.astro';
+import AsteroidImpactSEO from './seo.astro';
+import AsteroidImpactBibliography from './bibliography.astro';
+
+export const asteroidImpact: ScienceToolEntry = {
+  slug: 'simulador-impacto-asteroide',
+  icons: {
+    bg: 'mdi:meteor',
+    fg: 'mdi:earth',
+  },
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+
+export const ASTEROID_IMPACT_TOOL: ToolDefinition = {
+  entry: asteroidImpact,
+  Component: AsteroidImpactComponent,
+  SEOComponent: AsteroidImpactSEO,
+  BibliographyComponent: AsteroidImpactBibliography,
+};

package/src/tool/asteroid-impact/logic/impactPhysics.ts

@@ -0,0 +1,86 @@
+export type Composition = "ice" | "rock" | "iron";
+
+export interface ImpactInputs {
+    diameter: number;
+    distance: number;
+    composition: Composition;
+    velocity: number;
+}
+
+export interface ImpactResults {
+    kineticEnergy: number;
+    megatons: number;
+    craterDiameter: number;
+    craterDepth: number;
+    thermalRadius: number;
+    shockwave1psi: number;
+    shockwave5psi: number;
+    seismicMagnitude: number;
+    airburst: boolean;
+    survivalVerdict: "vaporized" | "severe-burns" | "ruptured-eardrums" | "safe";
+}
+
+const DENSITIES: Record<Composition, number> = {
+    ice: 917,
+    rock: 2600,
+    iron: 7800,
+};
+
+const MEGATONS_PER_JOULE = 2.39e-16;
+
+export class ImpactPhysics {
+    private static getMass(diameter: number, composition: Composition): number {
+        const radius = diameter / 2;
+        const volume = (4 / 3) * Math.PI * Math.pow(radius, 3);
+        const density = DENSITIES[composition];
+        return volume * density;
+    }
+
+    private static getEnergy(mass: number, velocity: number): number {
+        const kineticEnergy = 0.5 * mass * Math.pow(velocity, 2);
+        return kineticEnergy * MEGATONS_PER_JOULE;
+    }
+
+    private static getRadius(megatons: number, airburst: boolean): number {
+        return airburst ? 0 : Math.pow(megatons, 0.3) * 1000;
+    }
+
+    private static getSurvivalVerdict(
+        distance: number,
+        craterDiameter: number,
+        thermalRadius: number,
+        shockwave5psi: number
+    ): ImpactResults["survivalVerdict"] {
+        if (distance < craterDiameter / 2) return "vaporized";
+        if (distance < thermalRadius) return "severe-burns";
+        if (distance < shockwave5psi) return "ruptured-eardrums";
+        return "safe";
+    }
+
+    static calculate(inputs: ImpactInputs): ImpactResults {
+        const { diameter, distance, composition, velocity } = inputs;
+        const mass = this.getMass(diameter, composition);
+        const megatons = this.getEnergy(mass, velocity);
+        const airburst = diameter < 50;
+        const craterDiameter = this.getRadius(megatons, airburst);
+        const craterDepth = craterDiameter * 0.3;
+        const thermalRadius = Math.pow(megatons, 0.41) * 1000;
+        const shockwave1psi = Math.pow(megatons, 0.33) * 2000;
+        const shockwave5psi = Math.pow(megatons, 0.33) * 1000;
+        const seismicMagnitude = Math.min(0.67 * Math.log10(megatons) + 3.87, 10);
+        const survivalVerdict = this.getSurvivalVerdict(distance, craterDiameter, thermalRadius, shockwave5psi);
+
+        return {
+            kineticEnergy: 0.5 * mass * Math.pow(velocity, 2),
+            megatons,
+            craterDiameter,
+            craterDepth,
+            thermalRadius,
+            shockwave1psi,
+            shockwave5psi,
+            seismicMagnitude,
+            airburst,
+            survivalVerdict,
+        };
+    }
+}

package/src/tool/asteroid-impact/script.ts

@@ -0,0 +1,256 @@
+import L from "leaflet";
+import { ImpactPhysics, type Composition, type ImpactResults } from "./logic/impactPhysics";
+import { getCompositionColor } from "./helpers";
+import { getConfig, updateUI } from "./ui";
+import { VERDICT_CONFIGS, DEFAULT_LABELS, type Labels } from "./constants";
+
+let map: L.Map;
+
+interface Impact {
+	id: string;
+	circles: L.LayerGroup;
+	marker: L.Marker;
+	data: ImpactResults;
+	config: typeof config;
+}
+
+const impacts: Impact[] = [];
+const config = getConfig();
+
+function setupControls() {
+	const sizeInput = document.getElementById("input-size") as HTMLInputElement;
+	const velInput = document.getElementById("input-velocity") as HTMLInputElement;
+	const matBtns = document.querySelectorAll(".asteroid-material-btn");
+	const presetBtns = document.querySelectorAll(".asteroid-preset-btn");
+	const clearBtn = document.getElementById("clear-btn");
+
+	sizeInput?.addEventListener("input", (e) => {
+		config.diameter = parseInt((e.target as HTMLInputElement).value);
+		updateUI();
+	});
+
+	velInput?.addEventListener("input", (e) => {
+		config.velocity = parseInt((e.target as HTMLInputElement).value);
+		updateUI();
+	});
+
+	matBtns.forEach((btn) => {
+		btn.addEventListener("click", () => {
+			config.composition = btn.getAttribute("data-type") as Composition;
+			updateUI();
+		});
+	});
+
+	presetBtns.forEach((btn) => {
+		btn.addEventListener("click", () => {
+			config.diameter = parseInt(btn.getAttribute("data-dia")!);
+			config.velocity = parseInt(btn.getAttribute("data-vel")!);
+			config.composition = btn.getAttribute("data-comp") as Composition;
+			updateUI();
+		});
+	});
+
+	clearBtn?.addEventListener("click", clearAll);
+}
+
+function setupGhostDrag() {
+	const source = document.getElementById("drag-source-desktop");
+	if (!source) return;
+
+	const start = (e: MouseEvent | TouchEvent) => {
+		e.preventDefault();
+		const targetOverlay = document.getElementById("asteroid-map-target-overlay");
+		if (targetOverlay) targetOverlay.classList.add("active");
+
+		const onEnd = (endEvent: MouseEvent | TouchEvent) => {
+			if (targetOverlay) targetOverlay.classList.remove("active");
+
+			const clientX = (endEvent as MouseEvent).clientX || (endEvent as TouchEvent).changedTouches[0].clientX;
+			const clientY = (endEvent as MouseEvent).clientY || (endEvent as TouchEvent).changedTouches[0].clientY;
+
+			const point = map.mouseEventToContainerPoint({ clientX, clientY } as MouseEvent);
+			const latlng = map.containerPointToLatLng(point);
+			spawnImpact(latlng);
+
+			window.removeEventListener("mousemove", onEnd);
+			window.removeEventListener("mouseup", onEnd);
+			window.removeEventListener("touchmove", onEnd);
+			window.removeEventListener("touchend", onEnd);
+		};
+
+		window.addEventListener("mousemove", onEnd);
+		window.addEventListener("mouseup", onEnd);
+		window.addEventListener("touchmove", onEnd, { passive: false });
+		window.addEventListener("touchend", onEnd);
+	};
+
+	source.addEventListener("mousedown", start);
+	source.addEventListener("touchstart", start);
+}
+
+function renderCircles(latlng: L.LatLng, physics: ImpactResults, group: L.LayerGroup) {
+	L.circle(latlng, {
+		radius: physics.craterDiameter / 2,
+		color: "#ef4444",
+		fillColor: "#ef4444",
+		fillOpacity: 0.6,
+		weight: 0,
+	}).addTo(group);
+
+	L.circle(latlng, {
+		radius: physics.thermalRadius,
+		color: "#f97316",
+		fillColor: "#f97316",
+		fillOpacity: 0.15,
+		weight: 1,
+		dashArray: "5 5",
+	}).addTo(group);
+
+	L.circle(latlng, {
+		radius: physics.shockwave1psi,
+		color: "#3b82f6",
+		fillColor: "#3b82f6",
+		fillOpacity: 0.05,
+		weight: 1,
+	}).addTo(group);
+}
+
+function setupMarkerEvents(marker: L.Marker, group: L.LayerGroup, physics: ImpactResults) {
+	marker.on("dragstart", () => {
+		map.dragging.disable();
+	});
+
+	marker.on("drag", (e: L.LeafletEvent) => {
+		const newPos = (e.target as L.Marker).getLatLng();
+		group.clearLayers();
+		renderCircles(newPos, physics, group);
+		updateVerdict();
+	});
+
+	marker.on("dragend", (e: L.LeafletEvent) => {
+		map.dragging.enable();
+		const newPos = (e.target as L.Marker).getLatLng();
+		group.clearLayers();
+		renderCircles(newPos, physics, group);
+		updateVerdict();
+	});
+}
+
+function spawnImpact(latlng: L.LatLng) {
+	const physics = ImpactPhysics.calculate({
+		diameter: config.diameter,
+		velocity: config.velocity * 1000,
+		composition: config.composition,
+		distance: 0,
+	});
+
+	const group = L.layerGroup();
+	renderCircles(latlng, physics, group);
+	group.addTo(map);
+
+	const color = getCompositionColor(config.composition);
+	const marker = L.marker(latlng, {
+		draggable: true,
+		icon: L.divIcon({
+			className: "asteroid-marker",
+			iconSize: [32, 32],
+			iconAnchor: [16, 16],
+			html: `<div style="width: 2rem; height: 2rem; border-radius: 50%; background-color: ${color}; border: 2px solid white; box-shadow: 0 4px 8px rgba(0,0,0,0.2);"></div>`,
+		}),
+	}).addTo(map);
+
+	impacts.push({ id: Date.now().toString(), circles: group, marker, data: physics, config });
+	setupMarkerEvents(marker, group, physics);
+	updateVerdict();
+}
+
+function setupGPS() {
+	const btn = document.getElementById("asteroid-gps-btn");
+	btn?.addEventListener("click", () => {
+		const gpsText = document.getElementById("asteroid-gps-text");
+		if (gpsText) gpsText.textContent = "Buscando...";
+
+		navigator.geolocation.getCurrentPosition(
+			(pos) => {
+				const ll = new L.LatLng(pos.coords.latitude, pos.coords.longitude);
+				if (gpsText) gpsText.textContent = "GPS Activo";
+				map.flyTo(ll, 9);
+			},
+			() => {
+				if (gpsText) gpsText.textContent = "Error GPS";
+			}
+		);
+	});
+}
+
+function updateVerdictUI(verdictConfig: VerdictConfig) {
+	const label = document.getElementById("asteroid-verdict-label");
+	const value = document.getElementById("asteroid-verdict-value");
+	const icon = document.getElementById("asteroid-verdict-icon");
+	const container = document.getElementById("asteroid-verdict-container");
+
+	if (value) value.textContent = verdictConfig.text;
+	if (label) label.textContent = verdictConfig.label;
+	if (container) container.className = `asteroid-verdict-container ${verdictConfig.class}`;
+
+	const iconSource = document.getElementById(verdictConfig.iconId);
+	if (icon && iconSource) icon.innerHTML = iconSource.innerHTML;
+}
+
+function updateVerdict() {
+	const pill = document.getElementById("asteroid-verdict-pill");
+	if (impacts.length === 0) {
+		pill?.classList.remove("active");
+	} else {
+		pill?.classList.add("active");
+		updateVerdictUI(VERDICT_CONFIGS.safe);
+	}
+}
+
+function clearAll() {
+	impacts.forEach((i) => {
+		map.removeLayer(i.circles);
+		map.removeLayer(i.marker);
+	});
+	impacts.length = 0;
+	updateVerdict();
+}
+
+function init() {
+	map = L.map("asteroid-game-map", {
+		zoomControl: false,
+		attributionControl: false,
+		dragging: true,
+	}).setView([40.4168, -3.7038], 6);
+
+	L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.webp", {
+		subdomains: "abcd",
+		maxZoom: 20,
+		attribution: "&copy; OpenStreetMap &copy; CARTO",
+	}).addTo(map);
+
+	setupControls();
+	setupGhostDrag();
+	setupGPS();
+
+	map.on("click", () => {
+		map.dragging.enable();
+	});
+}
+
+export let labels: Labels = DEFAULT_LABELS;
+
+export function setLabels(newLabels: Partial<Labels>) {
+	labels = { ...labels, ...newLabels };
+}
+
+export function initAsteroid(customLabels?: Partial<Labels>) {
+	if (customLabels) {
+		setLabels(customLabels);
+	}
+	if (document.readyState === "loading") {
+		document.addEventListener("DOMContentLoaded", init);
+	} else {
+		init();
+	}
+}