<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://ik.imagekit.io/2cs1xx8pd/gif-grande-unscreen.gif?updatedAt=1725309865889" type="image/png">
    <title>Antagonista TV</title>
    <script>
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });
    
        document.addEventListener('keydown', function(e) {
            if (e.keyCode == 123) {
                e.preventDefault();
            }
            
            if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                e.preventDefault();
            }
            
            if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                e.preventDefault();
            }
            
            if (e.ctrlKey && e.keyCode == 85) {
                e.preventDefault();
            }
    
            if (e.keyCode == 122) {
                e.preventDefault();
            }
        });
    
        setInterval(function() {
            if (document.visibilityState === 'hidden') {
                console.clear(); 
            }
        }, 1000);
    
        let consoleOpen = false;
        const originalConsole = console.log;
        console.log = function() {
            if (!consoleOpen) {
                consoleOpen = true;
                alert('Console de desenvolvedor detectado! A ação foi registrada.');
            }
            originalConsole.apply(console, arguments);
        };
    
      </script>
      <style>
        /* Estilos Gerais */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            background: url('https://ik.imagekit.io/2cs1xx8pd/zom-100-ending-credits-screenshot.jpg') no-repeat center center fixed;
            background-size: cover;
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            min-height: 100vh;
            padding: 20px;
            position: relative;
        }
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.788);
            z-index: -1;
        }
        .container {
            width: 100%;
            max-width: 1000px;
            background-color: rgba(28, 28, 28, 0.76); 
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.767);
            padding: 30px;
            margin: 20px;
            color: #77630a;
        }

        /* Poster */
        .poster {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .poster img {
            width: 100%;
            max-width: 400px;
            border-radius: 8px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
        }

        /* Informações */
        .info {
            text-align: center;
            margin-bottom: 20px;
        }
        .title {
            font-size: 2.2em;
            margin-bottom: 10px;
            color: #77630a;
            font-weight: bold;
        }
        .description {
            font-size: 1.2em;
            line-height: 1.6;
            color: #bebebe;
        }

        /* Botões e Controles */
        .controls {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: 30px;
        }

        /* Menu de Temporadas com Dropdown */
        .season-menu {
            position: relative;
            display: inline-block;
            text-align: center;
        }
        .season-btn {
            padding: 12px 20px;
            font-size: 1.1em;
            color: #000;
            background-color: #afafaf;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            width: 100%;
        }
        .season-btn:hover {
            background-color: #919191;
        }

        /* Dropdown Temporadas */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
            z-index: 1;
            width: 100%;
            border-radius: 5px;
            margin-top: 5px;
            max-height: 200px;
            overflow-y: auto;
        }
        .dropdown-content a {
            color: #e0e0e0;
            padding: 12px 16px;
            display: block;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        .dropdown-content a:hover {
            background-color: #444;
        }
        .season-menu.active .dropdown-content {
            display: block;
        }

        /* Lista de Episódios */
        .episode-list {
            display: none;
            max-height: 200px;
            overflow-y: auto;
            padding: 10px;
            background-color: #333;
            border-radius: 8px;
            margin-top: 10px;
        }
        .episode-list.active {
            display: block;
        }
        .episode-list a {
            display: block;
            padding: 10px;
            font-size: 1em;
            color: #eeeeeef3;
            background-color: #222;
            border: none;
            border-radius: 5px;
            margin-bottom: 5px;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }
        .episode-list a:hover {
            background-color: #444;
        }

        /* Player de Vídeo */
        .video-player {
            display: none;
            margin-top: 30px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
        }
        iframe {
            width: 100%;
            height: 350px;
            border-radius: 8px;
            border: none;
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .title {
                font-size: 1.8em;
            }
            iframe {
                height: 200px;
            }
        }
        .back-button {
            margin-bottom: 20px;
            text-align: center;
        }

        .back-button a {
            display: inline-block;
            padding: 12px 25px;
            font-size: 1.2em;
            text-decoration: none;
            color: #fff;
            background: linear-gradient(135deg, #77630a, #ca8e0c);
            border-radius: 25px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease-in-out;
            font-weight: bold;
        }

        .back-button a:hover {
            background: linear-gradient(135deg, #ca8e0c, #77630a);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.5);
            transform: scale(1.05);
        }
        @media (max-width: 768px) {
            .back-button a {
                padding: 10px 13px;
                font-size: 1em;
            }
        }
        .description-container {
            display: none; /* Esconde a descrição */
            line-height: 1.6;
        }
        
        .toggle-btn {
            padding: 10px 20px;
            background: #77630a;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            transition: background 0.3s ease;
        }
        
        .toggle-btn:hover {
            background: #ca8e0c;
        }
    </style>
    <script>
        function toggleDescription() {
            const descriptionContainer = document.querySelector('.description-container');
            const button = document.querySelector('.toggle-btn');
            
            if (descriptionContainer.style.display === 'none' || !descriptionContainer.style.display) {
                descriptionContainer.style.display = 'block';
                button.textContent = 'Ocultar descrição';
            } else {
                descriptionContainer.style.display = 'none';
                button.textContent = 'Ver descrição';
            }
        }
    
        // Inicializa a descrição escondida ao carregar a página
        document.addEventListener('DOMContentLoaded', () => {
            document.querySelector('.description-container').style.display = 'none';
        });
    </script>
    <script>
        function changeVideo(embedUrl) {
            const videoPlayer = document.getElementById('videoPlayer');
            videoPlayer.src = embedUrl;
            videoPlayer.parentElement.style.display = 'block';
        }

        function showEpisodes(seasonId, seasonName) {
            const allEpisodes = document.querySelectorAll('.episode-list');
            allEpisodes.forEach(list => list.classList.remove('active'));

            const selectedSeason = document.getElementById(seasonId);
            selectedSeason.classList.add('active');

            const seasonButton = document.querySelector('.season-btn');
            seasonButton.innerText = seasonName;

            document.querySelector('.season-menu').classList.remove('active');
        }

        document.addEventListener('click', function(e) {
            const seasonMenu = document.querySelector('.season-menu');
            const dropdownContent = document.querySelector('.dropdown-content');
            
            if (seasonMenu.contains(e.target)) {
                if (!dropdownContent.contains(e.target)) {
                    seasonMenu.classList.toggle('active');
                }
            } else {
                seasonMenu.classList.remove('active');
            }
        });
    </script>
</head>
<body>
    <div class="container">
        <!-- Botão para voltar à página inicial -->
        <div class="back-button">
            <a href="https://antagonistatv.site">⬅ Voltar para a Página Inicial</a>
        </div>
        <!-- Poster da série/filme -->
        <div class="poster">
            <img src="https://imgsrv.crunchyroll.com/cdn-cgi/image/fit=contain,format=auto,quality=85,width=1200,height=675/catalog/crunchyroll/763d32894750962edcb5c1d0b7af3f0c.jpg" alt="Imagem">
        </div>
        
        <!-- Informações da série -->
        <div class="info">
            <h1 class="title">Good Bye, Dragon Life</h1>
            <div class="description-container">
            <p class="description">O antigo dragão divino renasce como Dolan, um homem de vila pacata. Ele conhece Celina, uma criatura meio humana, meio serpente, em busca de um parceiro. Juntos, formam um laço inesperado, mas logo enfrentam desafios que ameaçam essa união.</p><br>
            <p>Distribuidora: TBS</p>
            <p>Classificação de conteúdo: A16 - Violência</p>
        </div>
        <button class="toggle-btn" onclick="toggleDescription()">Ver descrição</button>
        </div>
        <!-- Menu de Temporadas -->
        <div class="controls">
            <div class="season-menu">
                <button class="season-btn">Opcoes de PLAY</button>
                <div class="dropdown-content">
                </div>
            </div>

            <!-- Lista de Episódios -->
            <div id="season1" class="episode-list active">
                <a href="#" onclick="changeVideo('https://embed.warezcdn.link/serie/tt32832435')">PLAY 1</a>
            </div>
        </div>

        <!-- Player de vídeo -->
        <div class="video-player">
            <iframe id="videoPlayer" src="" allowfullscreen></iframe>
        </div>
    </div>
</body>
</html>
