Spaces:

Xacodavt
/

o

Running

App Files Files Community

o / index.html

Xacodavt

Add 2 files

e546cf2 verified about 1 year ago

raw

history blame contribute delete

59.6 kB

	<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sniper Elite Pro - Jogo de Tiro Avançado</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
	<style>
	body {
	overflow: hidden;
	background-color: #111;
	font-family: 'Arial', sans-serif;
	user-select: none;
	}

	#game-container {
	position: relative;
	width: 100vw;
	height: 100vh;
	background-image: url('https://images.unsplash.com/photo-1519751138087-5bf79df62d5b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
	background-size: cover;
	background-position: center;
	transition: transform 0.3s ease-out;
	}

	#scope {
	position: absolute;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(255, 0, 0, 0.8);
	border-radius: 50%;
	pointer-events: none;
	z-index: 100;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
	}

	#scope:before, #scope:after {
	content: '';
	position: absolute;
	background: rgba(255, 0, 0, 0.8);
	}

	#scope:before {
	width: 2px;
	height: 30px;
	left: 50%;
	top: -30px;
	transform: translateX(-50%);
	}

	#scope:after {
	width: 30px;
	height: 2px;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	}

	.target {
	position: absolute;
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.1s;
	z-index: 10;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
	}

	.target.civilian {
	background-image: url('https://cdn-icons-png.flaticon.com/512/4320/4320339.png');
	}

	.target.soldier {
	background-image: url('https://cdn-icons-png.flaticon.com/512/102/102637.png');
	}

	.target.vip {
	background-image: url('https://cdn-icons-png.flaticon.com/512/102/102642.png');
	}

	.target.hostage {
	background-image: url('https://cdn-icons-png.flaticon.com/512/4320/4320344.png');
	}

	.bullet-hole {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url('https://cdn-icons-png.flaticon.com/512/102/102661.png');
	background-size: contain;
	z-index: 5;
	}

	.blood-splatter {
	position: absolute;
	width: 80px;
	height: 80px;
	background-image: url('https://cdn-icons-png.flaticon.com/512/102/102664.png');
	background-size: contain;
	z-index: 15;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	}

	@keyframes fadeIn {
	to { opacity: 1; }
	}

	#reticle {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: rgba(255, 0, 0, 0.7);
	border-radius: 50%;
	pointer-events: none;
	z-index: 90;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
	}

	#breathing-effect {
	position: absolute;
	width: 120px;
	height: 120px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	pointer-events: none;
	z-index: 80;
	transform: translate(-50%, -50%);
	animation: breathe 4s infinite ease-in-out;
	}

	@keyframes breathe {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	50% { transform: translate(-50%, -50%) scale(1.1); }
	}

	#wind-indicator {
	position: absolute;
	top: 20px;
	right: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	#ammo-counter {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	#score-display {
	position: absolute;
	top: 20px;
	left: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	#distance-display {
	position: absolute;
	top: 70px;
	left: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	#game-over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	z-index: 300;
	display: none;
	backdrop-filter: blur(5px);
	}

	#recoil-effect {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	pointer-events: none;
	z-index: 95;
	opacity: 0;
	}

	#zoom-controls {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 200;
	display: flex;
	gap: 10px;
	}

	.zoom-btn {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.2s;
	}

	.zoom-btn:hover {
	background-color: rgba(255, 255, 255, 0.2);
	transform: scale(1.1);
	}

	#sound-control {
	position: absolute;
	bottom: 20px;
	left: 80px;
	z-index: 200;
	}

	#sound-btn {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.2s;
	}

	#sound-btn:hover {
	background-color: rgba(255, 255, 255, 0.2);
	transform: scale(1.1);
	}

	#main-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	z-index: 400;
	backdrop-filter: blur(5px);
	}

	.menu-title {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 2rem;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
	background: linear-gradient(to right, #ff0000, #ff6600);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}

	.menu-btn {
	background: linear-gradient(to right, #ff0000, #ff6600);
	color: white;
	border: none;
	padding: 15px 30px;
	margin: 10px;
	border-radius: 50px;
	font-size: 1.2rem;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);
	min-width: 200px;
	text-align: center;
	}

	.menu-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(255, 0, 0, 0.4);
	}

	.menu-btn:active {
	transform: translateY(1px);
	}

	#difficulty-select {
	margin: 20px 0;
	display: flex;
	gap: 10px;
	}

	.difficulty-btn {
	padding: 10px 20px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	cursor: pointer;
	transition: all 0.3s;
	}

	.difficulty-btn.active {
	background: linear-gradient(to right, #ff0000, #ff6600);
	border-color: transparent;
	transform: scale(1.05);
	}

	#weapon-select {
	margin: 20px 0;
	display: flex;
	gap: 15px;
	}

	.weapon-card {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	padding: 15px;
	width: 120px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.weapon-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);
	}

	.weapon-card.active {
	border: 2px solid #ff0000;
	transform: scale(1.05);
	background-color: rgba(255, 0, 0, 0.1);
	}

	.weapon-icon {
	font-size: 2rem;
	margin-bottom: 10px;
	}

	.weapon-name {
	font-weight: bold;
	margin-bottom: 5px;
	}

	.weapon-stats {
	font-size: 0.8rem;
	color: #ccc;
	}

	#mission-briefing {
	max-width: 600px;
	text-align: center;
	margin: 20px 0;
	line-height: 1.6;
	color: #ccc;
	}

	#sniper-sway {
	position: absolute;
	width: 100px;
	height: 100px;
	pointer-events: none;
	z-index: 85;
	transform-origin: center;
	}

	.hit-marker {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url('https://cdn-icons-png.flaticon.com/512/102/102665.png');
	background-size: contain;
	z-index: 110;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.5);
	animation: hitMarker 0.5s forwards;
	}

	@keyframes hitMarker {
	0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }
	100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
	}

	#bullet-drop-indicator {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 0, 0.7);
	border-radius: 50%;
	pointer-events: none;
	z-index: 86;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
	display: none;
	}

	#mission-timer {
	position: absolute;
	top: 120px;
	left: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	#level-display {
	position: absolute;
	top: 170px;
	left: 20px;
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	z-index: 200;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.xp-bar {
	width: 100%;
	height: 5px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	margin-top: 5px;
	overflow: hidden;
	}

	.xp-progress {
	height: 100%;
	background: linear-gradient(to right, #ff0000, #ff6600);
	width: 0%;
	transition: width 0.3s;
	}

	#notification {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 15px 30px;
	border-radius: 5px;
	z-index: 500;
	opacity: 0;
	transition: opacity 0.3s;
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 0, 0, 0.5);
	text-align: center;
	max-width: 80%;
	}
	</style>
	</head>
	<body>
	<div id="main-menu">
	<h1 class="menu-title">SNIPER ELITE PRO</h1>

	<div id="difficulty-select">
	<div class="difficulty-btn active" data-difficulty="easy">Fácil</div>
	<div class="difficulty-btn" data-difficulty="medium">Médio</div>
	<div class="difficulty-btn" data-difficulty="hard">Difícil</div>
	<div class="difficulty-btn" data-difficulty="expert">Especialista</div>
	</div>

	<div id="weapon-select">
	<div class="weapon-card active" data-weapon="m24">
	<div class="weapon-icon"><i class="fas fa-gun"></i></div>
	<div class="weapon-name">M24</div>
	<div class="weapon-stats">Dano: Médio<br>Estabilidade: Alta<br>Munição: 10</div>
	</div>
	<div class="weapon-card" data-weapon="awp">
	<div class="weapon-icon"><i class="fas fa-gun"></i></div>
	<div class="weapon-name">AWP</div>
	<div class="weapon-stats">Dano: Alto<br>Estabilidade: Baixa<br>Munição: 5</div>
	</div>
	<div class="weapon-card" data-weapon="barrett">
	<div class="weapon-icon"><i class="fas fa-gun"></i></div>
	<div class="weapon-name">Barrett</div>
	<div class="weapon-stats">Dano: Altíssimo<br>Estabilidade: Muito Baixa<br>Munição: 4</div>
	</div>
	</div>

	<div id="mission-briefing">
	<h3 class="text-xl font-bold mb-2">MISSÃO ATUAL: OPERAÇÃO FANTASMA</h3>
	<p>Você foi destacado como atirador de elite para neutralizar alvos hostis em zona de conflito. Cuidado com civis e reféns - atirar neles resultará em penalidades. Complete a missão no tempo determinado e avance para o próximo nível.</p>
	</div>

	<button id="start-btn" class="menu-btn">
	<i class="fas fa-play mr-2"></i>INICIAR MISSÃO
	</button>
	<button id="how-to-play-btn" class="menu-btn">
	<i class="fas fa-question-circle mr-2"></i>COMO JOGAR
	</button>
	</div>

	<div id="game-container">
	<div id="scope"></div>
	<div id="reticle"></div>
	<div id="breathing-effect"></div>
	<div id="recoil-effect"></div>
	<div id="sniper-sway"></div>
	<div id="bullet-drop-indicator"></div>

	<div id="wind-indicator">
	<i class="fas fa-wind mr-2"></i>
	<span id="wind-value">0 m/s</span>
	<span id="wind-direction">→</span>
	</div>

	<div id="ammo-counter">
	<i class="fas fa-bullseye mr-2"></i>
	<span id="ammo">10</span>/<span id="max-ammo">10</span>
	</div>

	<div id="score-display">
	<i class="fas fa-star mr-2"></i>
	Pontuação: <span id="score">0</span>
	</div>

	<div id="distance-display">
	<i class="fas fa-ruler-combined mr-2"></i>
	Distância: <span id="distance">0</span>m
	</div>

	<div id="mission-timer">
	<i class="fas fa-clock mr-2"></i>
	Tempo: <span id="timer">01:00</span>
	</div>

	<div id="level-display">
	<i class="fas fa-level-up-alt mr-2"></i>
	Nível: <span id="level">1</span>
	<div class="xp-bar">
	<div class="xp-progress" id="xp-bar"></div>
	</div>
	</div>

	<div id="zoom-controls">
	<button id="zoom-in" class="zoom-btn">+</button>
	<button id="zoom-out" class="zoom-btn">-</button>
	</div>

	<div id="sound-control">
	<button id="sound-btn" class="zoom-btn">
	<i class="fas fa-volume-up"></i>
	</button>
	</div>

	<div id="game-over">
	<h1 class="text-4xl font-bold mb-4" id="result-title">MISSÃO CONCLUÍDA</h1>
	<p class="text-2xl mb-2">Pontuação Final: <span id="final-score">0</span></p>
	<p class="text-xl mb-2">Precisão: <span id="accuracy">0</span>%</p>
	<p class="text-xl mb-2">Alvos Neutralizados: <span id="targets-hit">0</span>/<span id="total-targets">0</span></p>
	<p class="text-xl mb-6">XP Ganho: <span id="xp-earned">0</span></p>
	<button id="restart-btn" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg text-xl">
	<i class="fas fa-redo mr-2"></i>Jogar Novamente
	</button>
	<button id="menu-btn" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-3 px-6 rounded-lg text-xl mt-4">
	<i class="fas fa-home mr-2"></i>Menu Principal
	</button>
	</div>

	<div id="notification"></div>
	</div>

	<audio id="gunshot-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-gun-shot-1669.mp3" preload="auto"></audio>
	<audio id="reload-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-gun-reload-2293.mp3" preload="auto"></audio>
	<audio id="hit-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-arrow-whoosh-1491.mp3" preload="auto"></audio>
	<audio id="miss-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-short-explosion-1694.mp3" preload="auto"></audio>
	<audio id="bg-music" loop src="https://assets.mixkit.co/music/preview/mixkit-suspense-ambience-267.mp3" preload="auto"></audio>
	<audio id="headshot-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-explosion-1689.mp3" preload="auto"></audio>
	<audio id="penalty-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-negative-answer-interface-beep-220.mp3" preload="auto"></audio>
	<audio id="level-up-sound" src="https://assets.mixkit.co/sfx/preview/mixkit-achievement-bell-600.mp3" preload="auto"></audio>

	<script>
	// Configurações do jogo
	const config = {
	ammo: 10,
	maxAmmo: 10,
	score: 0,
	targetsHit: 0,
	totalTargets: 0,
	shotsFired: 0,
	zoomLevel: 1,
	maxZoom: 3,
	windSpeed: 0,
	windDirection: 0,
	soundEnabled: true,
	gameTime: 60000, // 1 minuto
	gameStarted: false,
	gameOver: false,
	difficulty: 'easy',
	weapon: 'm24',
	level: 1,
	xp: 0,
	xpToNextLevel: 100,
	sniperSway: 0,
	breathingPhase: 0,
	showBulletDrop: false,
	currentMission: 1,
	totalMissions: 5,
	missionObjectives: {
	1: { targets: 10, time: 60000, description: "Neutralize 10 alvos em 1 minuto" },
	2: { targets: 15, time: 60000, description: "Neutralize 15 alvos em 1 minuto" },
	3: { targets: 20, time: 60000, description: "Neutralize 20 alvos em 1 minuto" },
	4: { targets: 25, time: 60000, description: "Neutralize 25 alvos em 1 minuto" },
	5: { targets: 30, time: 60000, description: "Neutralize 30 alvos em 1 minuto" }
	},
	weapons: {
	m24: { name: "M24", damage: 2, stability: 0.8, ammo: 10, reloadTime: 2000, sway: 1.0 },
	awp: { name: "AWP", damage: 3, stability: 0.6, ammo: 5, reloadTime: 2500, sway: 1.5 },
	barrett: { name: "Barrett", damage: 4, stability: 0.4, ammo: 4, reloadTime: 3000, sway: 2.0 }
	}
	};

	// Elementos do DOM
	const gameContainer = document.getElementById('game-container');
	const scope = document.getElementById('scope');
	const reticle = document.getElementById('reticle');
	const windValue = document.getElementById('wind-value');
	const windDirection = document.getElementById('wind-direction');
	const ammoDisplay = document.getElementById('ammo');
	const maxAmmoDisplay = document.getElementById('max-ammo');
	const scoreDisplay = document.getElementById('score');
	const distanceDisplay = document.getElementById('distance');
	const gameOverScreen = document.getElementById('game-over');
	const finalScore = document.getElementById('final-score');
	const accuracyDisplay = document.getElementById('accuracy');
	const restartBtn = document.getElementById('restart-btn');
	const zoomInBtn = document.getElementById('zoom-in');
	const zoomOutBtn = document.getElementById('zoom-out');
	const soundBtn = document.getElementById('sound-btn');
	const recoilEffect = document.getElementById('recoil-effect');
	const sniperSway = document.getElementById('sniper-sway');
	const bulletDropIndicator = document.getElementById('bullet-drop-indicator');
	const timerDisplay = document.getElementById('timer');
	const levelDisplay = document.getElementById('level');
	const xpBar = document.getElementById('xp-bar');
	const targetsHitDisplay = document.getElementById('targets-hit');
	const totalTargetsDisplay = document.getElementById('total-targets');
	const xpEarnedDisplay = document.getElementById('xp-earned');
	const resultTitle = document.getElementById('result-title');
	const mainMenu = document.getElementById('main-menu');
	const startBtn = document.getElementById('start-btn');
	const howToPlayBtn = document.getElementById('how-to-play-btn');
	const menuBtn = document.getElementById('menu-btn');
	const difficultyBtns = document.querySelectorAll('.difficulty-btn');
	const weaponCards = document.querySelectorAll('.weapon-card');
	const notification = document.getElementById('notification');

	// Elementos de áudio
	const gunshotSound = document.getElementById('gunshot-sound');
	const reloadSound = document.getElementById('reload-sound');
	const hitSound = document.getElementById('hit-sound');
	const missSound = document.getElementById('miss-sound');
	const bgMusic = document.getElementById('bg-music');
	const headshotSound = document.getElementById('headshot-sound');
	const penaltySound = document.getElementById('penalty-sound');
	const levelUpSound = document.getElementById('level-up-sound');

	// Variáveis do jogo
	let mouseX = 0;
	let mouseY = 0;
	let targets = [];
	let bulletHoles = [];
	let gameTimer;
	let targetSpawnInterval;
	let windChangeInterval;
	let countdownInterval;
	let timeLeft = 0;
	let swayInterval;
	let breathingInterval;

	// Inicialização do jogo
	function initGame() {
	// Resetar configurações
	config.ammo = config.weapons[config.weapon].ammo;
	config.maxAmmo = config.weapons[config.weapon].ammo;
	config.score = 0;
	config.targetsHit = 0;
	config.totalTargets = 0;
	config.shotsFired = 0;
	config.zoomLevel = 1;
	config.windSpeed = 0;
	config.windDirection = 0;
	config.gameOver = false;
	config.gameStarted = true;

	// Definir tempo baseado na dificuldade
	const mission = config.missionObjectives[config.currentMission];
	timeLeft = mission.time;
	config.totalTargets = mission.targets;

	// Atualizar displays
	updateAmmoDisplay();
	updateScoreDisplay();
	updateWindDisplay();
	updateTimerDisplay();
	updateLevelDisplay();
	totalTargetsDisplay.textContent = config.totalTargets;
	targetsHitDisplay.textContent = config.targetsHit;

	// Limpar alvos e marcas de tiro
	clearTargets();
	clearBulletHoles();

	// Esconder menus
	gameOverScreen.style.display = 'none';
	mainMenu.style.display = 'none';

	// Resetar zoom
	gameContainer.style.transform = 'scale(1)';

	// Iniciar temporizador do jogo
	startGameTimer();

	// Iniciar spawn de alvos
	startTargetSpawning();

	// Iniciar mudanças de vento
	startWindChanges();

	// Iniciar música de fundo
	if (config.soundEnabled) {
	bgMusic.currentTime = 0;
	bgMusic.volume = 0.3;
	bgMusic.play();
	}

	// Iniciar efeitos de sniper
	startSniperEffects();

	// Mostrar notificação de missão
	showNotification(`MISSÃO ${config.currentMission}: ${mission.description}`);
	}

	// Atualizar display de munição
	function updateAmmoDisplay() {
	ammoDisplay.textContent = config.ammo;
	maxAmmoDisplay.textContent = config.maxAmmo;
	}

	// Atualizar display de pontuação
	function updateScoreDisplay() {
	scoreDisplay.textContent = config.score;
	}

	// Atualizar display de vento
	function updateWindDisplay() {
	windValue.textContent = `${config.windSpeed.toFixed(1)} m/s`;

	// Definir direção do vento
	let directionSymbol;
	if (config.windDirection >= 337.5 \|\| config.windDirection < 22.5) directionSymbol = '→';
	else if (config.windDirection < 67.5) directionSymbol = '↗';
	else if (config.windDirection < 112.5) directionSymbol = '↑';
	else if (config.windDirection < 157.5) directionSymbol = '↖';
	else if (config.windDirection < 202.5) directionSymbol = '←';
	else if (config.windDirection < 247.5) directionSymbol = '↙';
	else if (config.windDirection < 292.5) directionSymbol = '↓';
	else directionSymbol = '↘';

	windDirection.textContent = directionSymbol;
	}

	// Atualizar display de distância
	function updateDistanceDisplay(x, y) {
	// Calcular distância aproximada baseada na posição do alvo
	const distance = Math.sqrt(Math.pow(x - window.innerWidth/2, 2) + Math.pow(y - window.innerHeight/2, 2));
	const scaledDistance = Math.floor(distance / 10);
	distanceDisplay.textContent = scaledDistance;
	return scaledDistance;
	}

	// Atualizar display de tempo
	function updateTimerDisplay() {
	const minutes = Math.floor(timeLeft / 60000);
	const seconds = Math.floor((timeLeft % 60000) / 1000);
	timerDisplay.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;

	// Mudar cor quando o tempo estiver acabando
	if (timeLeft < 10000) {
	timerDisplay.style.color = '#ff0000';
	} else {
	timerDisplay.style.color = '#ffffff';
	}
	}

	// Atualizar display de nível
	function updateLevelDisplay() {
	levelDisplay.textContent = config.level;
	xpBar.style.width = `${(config.xp / config.xpToNextLevel) * 100}%`;
	}

	// Iniciar temporizador do jogo
	function startGameTimer() {
	clearInterval(countdownInterval);

	countdownInterval = setInterval(() => {
	timeLeft -= 1000;
	updateTimerDisplay();

	if (timeLeft <= 0) {
	clearInterval(countdownInterval);
	checkMissionCompletion();
	}
	}, 1000);
	}

	// Verificar conclusão da missão
	function checkMissionCompletion() {
	if (config.targetsHit >= config.totalTargets) {
	// Missão completada
	const xpEarned = calculateXPEarned(true);
	config.xp += xpEarned;

	// Verificar level up
	checkLevelUp();

	// Próxima missão ou fim do jogo
	if (config.currentMission < config.totalMissions) {
	config.currentMission++;
	showNotification(`MISSÃO ${config.currentMission} DESBLOQUEADA!`, 3000);
	endGame(true);
	} else {
	endGame(true);
	resultTitle.textContent = "TODAS AS MISSÕES CONCLUÍDAS!";
	}
	} else {
	// Missão falhou
	endGame(false);
	resultTitle.textContent = "MISSÃO FALHOU";
	}
	}

	// Calcular XP ganho
	function calculateXPEarned(success) {
	if (!success) return 0;

	let baseXP = 100;
	let multiplier = 1;

	// Multiplicador de dificuldade
	if (config.difficulty === 'medium') multiplier = 1.2;
	else if (config.difficulty === 'hard') multiplier = 1.5;
	else if (config.difficulty === 'expert') multiplier = 2;

	// Bônus por precisão
	const accuracy = config.shotsFired > 0 ? (config.targetsHit / config.shotsFired) : 0;
	if (accuracy > 0.8) multiplier += 0.3;
	else if (accuracy > 0.6) multiplier += 0.2;
	else if (accuracy > 0.4) multiplier += 0.1;

	// Bônus por tempo
	const timeBonus = timeLeft / config.missionObjectives[config.currentMission].time;
	multiplier += timeBonus * 0.5;

	return Math.floor(baseXP * multiplier);
	}

	// Verificar level up
	function checkLevelUp() {
	if (config.xp >= config.xpToNextLevel) {
	config.level++;
	config.xp -= config.xpToNextLevel;
	config.xpToNextLevel = Math.floor(config.xpToNextLevel * 1.2);

	if (config.soundEnabled) {
	levelUpSound.currentTime = 0;
	levelUpSound.play();
	}

	showNotification(`LEVEL UP! Agora você é nível ${config.level}`, 3000);
	updateLevelDisplay();
	}
	}

	// Iniciar spawn de alvos
	function startTargetSpawning() {
	clearInterval(targetSpawnInterval);

	// Intervalo baseado na dificuldade
	let spawnInterval;
	switch(config.difficulty) {
	case 'easy': spawnInterval = 3000; break;
	case 'medium': spawnInterval = 2500; break;
	case 'hard': spawnInterval = 2000; break;
	case 'expert': spawnInterval = 1500; break;
	default: spawnInterval = 3000;
	}

	targetSpawnInterval = setInterval(spawnTarget, spawnInterval);
	}

	// Iniciar mudanças de vento
	function startWindChanges() {
	clearInterval(windChangeInterval);

	// Intervalo baseado na dificuldade
	let windChangeIntervalTime;
	switch(config.difficulty) {
	case 'easy': windChangeIntervalTime = 10000; break;
	case 'medium': windChangeIntervalTime = 8000; break;
	case 'hard': windChangeIntervalTime = 6000; break;
	case 'expert': windChangeIntervalTime = 4000; break;
	default: windChangeIntervalTime = 10000;
	}

	windChangeInterval = setInterval(changeWind, windChangeIntervalTime);
	changeWind(); // Definir vento inicial
	}

	// Iniciar efeitos de sniper
	function startSniperEffects() {
	clearInterval(swayInterval);
	clearInterval(breathingInterval);

	// Efeito de oscilação baseado na arma e dificuldade
	const weaponSway = config.weapons[config.weapon].sway;
	let difficultyMultiplier = 1;

	switch(config.difficulty) {
	case 'medium': difficultyMultiplier = 1.3; break;
	case 'hard': difficultyMultiplier = 1.7; break;
	case 'expert': difficultyMultiplier = 2.2; break;
	}

	config.sniperSway = 0;
	config.breathingPhase = 0;

	swayInterval = setInterval(() => {
	// Oscilação baseada na arma e dificuldade
	config.sniperSway = Math.sin(Date.now() / 1000 * weaponSway * difficultyMultiplier) * 20;

	// Efeito de respiração
	config.breathingPhase += 0.01;
	const breathingOffset = Math.sin(config.breathingPhase) * 5;

	// Aplicar oscilação à mira
	reticle.style.transform = `translate(-50%, -50%) translate(${config.sniperSway + breathingOffset}px, ${Math.cos(Date.now() / 1000 * weaponSway * 0.8 * difficultyMultiplier) * 10 + breathingOffset}px)`;

	// Mostrar indicador de queda de bala quando zoomado
	if (config.zoomLevel > 1.5 && config.showBulletDrop) {
	const dropDistance = calculateBulletDrop();
	bulletDropIndicator.style.display = 'block';
	bulletDropIndicator.style.left = `${mouseX + config.sniperSway}px`;
	bulletDropIndicator.style.top = `${mouseY + dropDistance}px`;
	} else {
	bulletDropIndicator.style.display = 'none';
	}
	}, 16); // ~60fps
	}

	// Calcular queda da bala
	function calculateBulletDrop() {
	// Baseado na distância, zoom e gravidade
	const distance = Math.sqrt(Math.pow(mouseX - window.innerWidth/2, 2) + Math.pow(mouseY - window.innerHeight/2, 2));
	const drop = (distance / 1000) * (config.zoomLevel * 0.5);

	// Efeito do vento
	const windEffect = config.windSpeed * Math.sin(config.windDirection * Math.PI / 180) * 0.5;

	return drop + windEffect;
	}

	// Mudar vento aleatoriamente
	function changeWind() {
	// Velocidade baseada na dificuldade
	let maxWindSpeed;
	switch(config.difficulty) {
	case 'easy': maxWindSpeed = 5; break;
	case 'medium': maxWindSpeed = 8; break;
	case 'hard': maxWindSpeed = 12; break;
	case 'expert': maxWindSpeed = 15; break;
	default: maxWindSpeed = 5;
	}

	config.windSpeed = Math.random() * maxWindSpeed;
	config.windDirection = Math.random() * 360;
	updateWindDisplay();
	}

	// Spawnar alvo
	function spawnTarget() {
	if (config.gameOver \|\| config.totalTargets <= targets.length) return;

	const target = document.createElement('div');

	// Tipo de alvo aleatório (com probabilidades diferentes)
	const targetTypeRoll = Math.random();
	let targetType, targetClass, health, speed, score;

	if (targetTypeRoll < 0.7) { // 70% de chance - Soldado comum
	targetType = 'soldier';
	targetClass = 'target soldier';
	health = 2;
	speed = 1;
	score = 100;
	} else if (targetTypeRoll < 0.9) { // 20% de chance - VIP
	targetType = 'vip';
	targetClass = 'target vip';
	health = 3;
	speed = 0.8;
	score = 250;
	} else if (targetTypeRoll < 0.95) { // 5% de chance - Civil
	targetType = 'civilian';
	targetClass = 'target civilian';
	health = 1;
	speed = 1.2;
	score = -200;
	} else { // 5% de chance - Refém
	targetType = 'hostage';
	targetClass = 'target hostage';
	health = 1;
	speed = 0.7;
	score = -300;
	}

	target.className = targetClass;

	// Posição aleatória, mas não muito perto das bordas
	const x = 100 + Math.random() * (window.innerWidth - 200);
	const y = 100 + Math.random() * (window.innerHeight - 200);

	target.style.left = `${x}px`;
	target.style.top = `${y}px`;

	// Definir movimento do alvo
	const speedX = (Math.random() - 0.5) * 2 * speed;
	const speedY = (Math.random() - 0.5) * 2 * speed;

	// Adicionar ao container
	gameContainer.appendChild(target);

	// Adicionar aos alvos ativos
	targets.push({
	element: target,
	x: x,
	y: y,
	speedX: speedX,
	speedY: speedY,
	health: health,
	maxHealth: health,
	hit: false,
	type: targetType,
	score: score,
	headshot: false
	});

	// Remover alvo após algum tempo
	setTimeout(() => {
	if (!target.hit) {
	removeTarget(target);
	}
	}, 10000);
	}

	// Remover alvo
	function removeTarget(targetElement) {
	const index = targets.findIndex(t => t.element === targetElement);
	if (index !== -1) {
	targets.splice(index, 1);
	if (targetElement.parentNode) {
	gameContainer.removeChild(targetElement);
	}
	}
	}

	// Limpar todos os alvos
	function clearTargets() {
	targets.forEach(target => {
	if (target.element.parentNode) {
	gameContainer.removeChild(target.element);
	}
	});
	targets = [];
	}

	// Limpar todas as marcas de tiro
	function clearBulletHoles() {
	bulletHoles.forEach(hole => {
	if (hole.parentNode) {
	gameContainer.removeChild(hole);
	}
	});
	bulletHoles = [];
	}

	// Disparar
	function fireShot() {
	if (config.ammo <= 0 \|\| config.gameOver) return;

	config.ammo--;
	config.shotsFired++;
	updateAmmoDisplay();

	// Efeito de recuo
	showRecoil();

	// Som de disparo
	if (config.soundEnabled) {
	gunshotSound.currentTime = 0;
	gunshotSound.volume = 0.7;
	gunshotSound.play();
	}

	// Verificar se acertou algum alvo
	checkHit();

	// Recarregar se acabou a munição
	if (config.ammo <= 0) {
	setTimeout(reload, config.weapons[config.weapon].reloadTime);
	}
	}

	// Mostrar efeito de recuo
	function showRecoil() {
	recoilEffect.style.opacity = '0.3';

	// Efeito de tremor baseado na arma
	const recoilAmount = (1 - config.weapons[config.weapon].stability) * 30;
	gameContainer.style.transform = `scale(${config.zoomLevel}) translate(${Math.random() * recoilAmount - recoilAmount/2}px, ${Math.random() * recoilAmount - recoilAmount/2}px)`;
	gameContainer.style.transformOrigin = `${mouseX/window.innerWidth100}% ${mouseY/window.innerHeight100}%`;

	setTimeout(() => {
	recoilEffect.style.opacity = '0';
	gameContainer.style.transform = `scale(${config.zoomLevel})`;
	gameContainer.style.transformOrigin = `${mouseX/window.innerWidth100}% ${mouseY/window.innerHeight100}%`;
	}, 100);
	}

	// Verificar acerto
	function checkHit() {
	// Calcular posição real do tiro considerando o vento e oscilação
	const windOffsetX = Math.cos(config.windDirection * Math.PI / 180) * config.windSpeed * 5;
	const windOffsetY = Math.sin(config.windDirection * Math.PI / 180) * config.windSpeed * 5;

	const shotX = mouseX + windOffsetX + config.sniperSway;
	const shotY = mouseY + windOffsetY + calculateBulletDrop();

	// Criar marca de tiro
	createBulletHole(shotX, shotY);

	// Verificar colisão com alvos
	let hit = false;

	for (let i = 0; i < targets.length; i++) {
	const target = targets[i];
	const targetRect = target.element.getBoundingClientRect();

	if (
	shotX >= targetRect.left &&
	shotX <= targetRect.right &&
	shotY >= targetRect.top &&
	shotY <= targetRect.bottom
	) {
	// Acertou o alvo
	hit = true;

	// Verificar se foi headshot (parte superior do alvo)
	const isHeadshot = shotY < targetRect.top + targetRect.height * 0.3;

	// Dano baseado na arma e headshot
	let damage = config.weapons[config.weapon].damage;
	if (isHeadshot) {
	damage *= 2;
	target.headshot = true;
	}

	target.health -= damage;

	// Som de acerto
	if (config.soundEnabled) {
	if (isHeadshot) {
	headshotSound.currentTime = 0;
	headshotSound.play();
	} else {
	hitSound.currentTime = 0;
	hitSound.play();
	}
	}

	// Criar efeito de sangue
	createBloodSplatter(shotX, shotY);

	// Mostrar marcador de acerto
	showHitMarker(shotX, shotY, isHeadshot);

	// Verificar se destruiu o alvo
	if (target.health <= 0) {
	target.hit = true;
	config.targetsHit++;
	targetsHitDisplay.textContent = config.targetsHit;

	// Calcular pontuação baseada na distância e tipo de alvo
	const distance = updateDistanceDisplay(target.x, target.y);
	let score = target.score;

	// Bônus por headshot
	if (target.headshot) {
	score *= 1.5;
	showNotification("HEADSHOT!", 1000);
	}

	// Bônus por distância
	score += distance * 2;

	// Bônus por dificuldade
	switch(config.difficulty) {
	case 'medium': score *= 1.2; break;
	case 'hard': score *= 1.5; break;
	case 'expert': score *= 2; break;
	}

	config.score += Math.floor(score);

	updateScoreDisplay();
	removeTarget(target.element);

	// Penalidade por acertar civil ou refém
	if (target.type === 'civilian' \|\| target.type === 'hostage') {
	if (config.soundEnabled) {
	penaltySound.currentTime = 0;
	penaltySound.play();
	}

	const penaltyText = target.type === 'civilian' ? "CIVIL ATINGIDO!" : "REFÉM ATINGIDO!";
	showNotification(penaltyText, 2000);
	}
	} else {
	// Efeito de dano
	target.element.style.transform = 'scale(1.2)';
	setTimeout(() => {
	target.element.style.transform = 'scale(1)';
	}, 100);
	}

	break;
	}
	}

	// Som de erro se não acertou
	if (!hit && config.soundEnabled) {
	missSound.currentTime = 0;
	missSound.play();
	}
	}

	// Mostrar marcador de acerto
	function showHitMarker(x, y, isHeadshot) {
	const marker = document.createElement('div');
	marker.className = 'hit-marker';

	if (isHeadshot) {
	marker.style.filter = 'hue-rotate(300deg) brightness(1.5)';
	}

	marker.style.left = `${x}px`;
	marker.style.top = `${y}px`;

	gameContainer.appendChild(marker);

	// Remover após animação
	setTimeout(() => {
	if (marker.parentNode) {
	gameContainer.removeChild(marker);
	}
	}, 500);
	}

	// Criar marca de tiro
	function createBulletHole(x, y) {
	const hole = document.createElement('div');
	hole.className = 'bullet-hole';
	hole.style.left = `${x - 10}px`;
	hole.style.top = `${y - 10}px`;

	gameContainer.appendChild(hole);
	bulletHoles.push(hole);

	// Limitar número de marcas de tiro
	if (bulletHoles.length > 20) {
	const oldHole = bulletHoles.shift();
	if (oldHole.parentNode) {
	gameContainer.removeChild(oldHole);
	}
	}
	}

	// Criar efeito de sangue
	function createBloodSplatter(x, y) {
	const splatter = document.createElement('div');
	splatter.className = 'blood-splatter';
	splatter.style.left = `${x - 40}px`;
	splatter.style.top = `${y - 40}px`;

	gameContainer.appendChild(splatter);

	// Remover após animação
	setTimeout(() => {
	if (splatter.parentNode) {
	gameContainer.removeChild(splatter);
	}
	}, 2000);
	}

	// Recarregar
	function reload() {
	if (config.ammo >= config.maxAmmo \|\| config.gameOver) return;

	// Som de recarga
	if (config.soundEnabled) {
	reloadSound.currentTime = 0;
	reloadSound.play();
	}

	// Tempo de recarga
	setTimeout(() => {
	config.ammo = config.maxAmmo;
	updateAmmoDisplay();
	}, config.weapons[config.weapon].reloadTime);
	}

	// Finalizar jogo
	function endGame(success) {
	config.gameOver = true;
	clearInterval(targetSpawnInterval);
	clearInterval(windChangeInterval);
	clearInterval(countdownInterval);
	clearInterval(swayInterval);
	clearInterval(breathingInterval);

	// Calcular precisão
	const accuracy = config.shotsFired > 0
	? Math.floor((config.targetsHit / config.shotsFired) * 100)
	: 0;

	// Calcular XP ganho
	const xpEarned = calculateXPEarned(success);
	config.xp += xpEarned;

	// Verificar level up
	checkLevelUp();

	// Atualizar tela de game over
	finalScore.textContent = config.score;
	accuracyDisplay.textContent = accuracy;
	targetsHitDisplay.textContent = config.targetsHit;
	totalTargetsDisplay.textContent = config.totalTargets;
	xpEarnedDisplay.textContent = xpEarned;

	if (success) {
	resultTitle.textContent = "MISSÃO CONCLUÍDA";
	resultTitle.style.color = "#4ade80";
	} else {
	resultTitle.textContent = "MISSÃO FALHOU";
	resultTitle.style.color = "#f87171";
	}

	gameOverScreen.style.display = 'flex';

	// Parar música de fundo
	bgMusic.pause();
	}

	// Zoom in
	function zoomIn() {
	if (config.zoomLevel >= config.maxZoom) return;

	config.zoomLevel += 0.5;
	updateZoom();

	// Mostrar indicador de queda de bala quando muito zoomado
	config.showBulletDrop = config.zoomLevel > 1.5;
	}

	// Zoom out
	function zoomOut() {
	if (config.zoomLevel <= 1) return;

	config.zoomLevel -= 0.5;
	updateZoom();

	// Esconder indicador de queda de bala quando pouco zoomado
	if (config.zoomLevel <= 1.5) {
	config.showBulletDrop = false;
	bulletDropIndicator.style.display = 'none';
	}
	}

	// Atualizar zoom
	function updateZoom() {
	gameContainer.style.transform = `scale(${config.zoomLevel})`;
	gameContainer.style.transformOrigin = `${mouseX/window.innerWidth100}% ${mouseY/window.innerHeight100}%`;
	}

	// Alternar som
	function toggleSound() {
	config.soundEnabled = !config.soundEnabled;

	if (config.soundEnabled) {
	soundBtn.innerHTML = '<i class="fas fa-volume-up"></i>';
	if (config.gameStarted && !config.gameOver) {
	bgMusic.play();
	}
	} else {
	soundBtn.innerHTML = '<i class="fas fa-volume-mute"></i>';
	bgMusic.pause();
	}
	}

	// Mostrar notificação
	function showNotification(message, duration = 2000) {
	notification.textContent = message;
	notification.style.opacity = '1';

	setTimeout(() => {
	notification.style.opacity = '0';
	}, duration);
	}

	// Event Listeners
	document.addEventListener('mousemove', (e) => {
	mouseX = e.clientX;
	mouseY = e.clientY;

	// Atualizar posição da mira
	scope.style.left = `${mouseX}px`;
	scope.style.top = `${mouseY}px`;

	// Atualizar efeito de respiração
	document.getElementById('breathing-effect').style.left = `${mouseX}px`;
	document.getElementById('breathing-effect').style.top = `${mouseY}px`;

	// Atualizar zoom origin se estiver zoomado
	if (config.zoomLevel > 1) {
	gameContainer.style.transformOrigin = `${mouseX/window.innerWidth100}% ${mouseY/window.innerHeight100}%`;
	}
	});

	document.addEventListener('click', (e) => {
	if (!config.gameStarted) return;
	if (config.gameOver) return;

	fireShot();
	});

	document.addEventListener('keydown', (e) => {
	if (e.code === 'Space') {
	e.preventDefault();
	if (!config.gameStarted) {
	initGame();
	} else if (config.ammo <= 0 && !config.gameOver) {
	reload();
	} else if (!config.gameOver) {
	fireShot();
	}
	} else if (e.code === 'KeyR' && config.gameStarted && !config.gameOver) {
	reload();
	} else if (e.code === 'KeyZ') {
	zoomIn();
	} else if (e.code === 'KeyX') {
	zoomOut();
	} else if (e.code === 'KeyM') {
	toggleSound();
	} else if (e.code === 'Escape' && config.gameStarted && !config.gameOver) {
	endGame(false);
	}
	});

	zoomInBtn.addEventListener('click', zoomIn);
	zoomOutBtn.addEventListener('click', zoomOut);
	restartBtn.addEventListener('click', initGame);
	soundBtn.addEventListener('click', toggleSound);
	startBtn.addEventListener('click', initGame);
	menuBtn.addEventListener('click', () => {
	gameOverScreen.style.display = 'none';
	mainMenu.style.display = 'flex';
	});

	howToPlayBtn.addEventListener('click', () => {
	alert('CONTROLES DO JOGO:\n\n- CLIQUE ou ESPAÇO: Atirar\n- R: Recarregar\n- Z: Zoom In\n- X: Zoom Out\n- M: Alternar Som\n- ESC: Sair da Missão\n\nOBJETIVO:\nNeutralize os alvos hostis (soldados e VIPs) evitando civis e reféns. Complete cada missão dentro do tempo limite para avançar.\n\nDICAS:\n- Mantenha a calma e controle sua respiração\n- Considere o vento e a distância\n- Headshots dão mais pontos\n- Armas diferentes têm características únicas');
	});

	// Selecionar dificuldade
	difficultyBtns.forEach(btn => {
	btn.addEventListener('click', () => {
	difficultyBtns.forEach(b => b.classList.remove('active'));
	btn.classList.add('active');
	config.difficulty = btn.dataset.difficulty;
	});
	});

	// Selecionar arma
	weaponCards.forEach(card => {
	card.addEventListener('click', () => {
	weaponCards.forEach(c => c.classList.remove('active'));
	card.classList.add('active');
	config.weapon = card.dataset.weapon;
	});
	});

	// Atualizar alvos
	function updateTargets() {
	targets.forEach(target => {
	// Mover alvo
	target.x += target.speedX;
	target.y += target.speedY;

	// Verificar bordas
	if (target.x <= 0 \|\| target.x >= window.innerWidth - 60) {
	target.speedX *= -1;
	}

	if (target.y <= 0 \|\| target.y >= window.innerHeight - 60) {
	target.speedY *= -1;
	}

	// Atualizar posição
	target.element.style.left = `${target.x}px`;
	target.element.style.top = `${target.y}px`;
	});

	requestAnimationFrame(updateTargets);
	}

	// Iniciar loop de atualização
	updateTargets();
	</script>
	<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Xacodavt/o" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
	</html>