<!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 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/fa62dd1fc7a9bc0b587f36f53bf572c1.jpg" alt="Imagem">
        </div>
        
        <!-- Informações da série -->
        <div class="info">
            <h1 class="title">DAN DA DAN</h1>
            <div class="description-container">
                <p class="description">Esta é uma história sobre Momo, uma garota do ensino médio que vem de uma família de médiuns espirituais, e seu colega de classe Okarun, um garoto fanático pelo ocultismo. Depois que Momo resgata Okarun de uns valentões, eles começam a conversar... No entanto, surge uma discussão entre eles, já que Momo acredita em fantasmas, mas nega a existência de alienígenas, e Okarun acredita em alienígenas, mas nega a existência de fantasmas.</p>
                <p class="description">Visando provar que o que acreditam é real, Momo vai a um hospital abandonado onde um OVNI foi avistado e Okarun vai a um túnel que dizem ser assombrado. Para surpresa deles, cada um se depara com atividades paranormais avassaladoras que transcendem a compreensão. Em meio a isso tudo, Momo desperta seu poder oculto e Okarun ganha o poder de uma maldição para superar esses novos perigos! Será que o amor deles destinado também começa aqui!?</p>
                <p class="description">A história da batalha do ocultismo e da adolescência começa!</p>
                <p>Distribuidora: MBS</p>
                <p>Classificação de conteúdo: A:16 - Violência, Conteúdo Sexual, Drogas Lícitas, Temas Sensíveis</p><br>
            </div>
            <button class="toggle-btn" onclick="toggleDescription()">Ver descrição</button>
        </div>
        
        <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>
        <div class="controls">
            <div class="season-menu">
                <button class="season-btn">Selecionar Temporada</button>
                <div class="dropdown-content">
                    <a href="#" onclick="showEpisodes('season1', 'Temporada 1')">Temporada 1</a>
                </div>
            </div>

            <!-- Lista de Episódios -->
            <div id="season1" class="episode-list active">
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dzK2RR4tMxoGB-nsPdHgFt1wnPtpELMT0YvotTe6TMMZ_zDebMWUslO2ZT2XegWqjVVHAlsyKhd0pscl_4QIedYbVpMcn5TphGEbOHqMdYZBNMwVehZDn-DpzfZllPldogPJv6p')">Episódio 1</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dyHdHHHa0wsvUOYD-iuC9m2y6kqhYIuHNredNNcVwe2NH12e8BGDCJKNJo3KRBq0oTibgJBN8j6SLgyswI3_yVqfQkhSZi27S0VQCvnc6Wy-RYi5ID5NMSxP_Y_XLQutyYeatQ')">Episódio 2</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dzvca6Tye5jU0jU20YGH4-hqjCXIwd3NvCpBdP7tEuuglEwfXWNUNzT-WMIESwv5bynnFF-iFaWl_VBeUQyVIv7mCMULt-twdYMMBEyVeBEA8PD56m5VkgOYNFwhB1QnN_lVzo')">Episódio 3</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dzpVBGw198961gfzYfWil-wo8JFrgxrn_X9-SKDr2cI5yxlw_2ifPQCaYxD96HWr0WCXpE1FSBTlh_hJU6C3S0h5adCKnjGBH0p0gCw4iXiwYf1ufqw8Q-reFqiokwyEDbmYftg')">Episódio 4</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dy5mysmz6xjKW_hgAmEVWF-Uaua58Nl1B0ShGPNZt-a5xR_aHyv8nOYeH-g9Xa_W9Ay4N8R-Afhbmgv3udy_468tgAXXX6oPxTxn-0V6BCduOjqagw7p2prgovL0vqVlxcKB3hW')">Episódio 5</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dwCYMGpWStHfcd3t-60dqNLRyaNsV_r74sDyTW9saK-p4Y6_hnjS-IXsfAnvAn6XaVzHtzzmDDCwTf4FJlbJYoC8l_VKskGmWiEFjj_PhFklRUB-9ldJc1V4H1nxmYPFqIZSJlE')">Episódio 6</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dy8puWfnSCLxIO9xAHhbKLex30oSSJ8t2Edxvs_lUuGCmo0p1USsOC5tOVaRbZ0MI9uDL-xPy9mi-10F-k1pJ2gNhYG_6EcHhHCsnFeY15akkP3sLJ0vTHsgPGd31DRDaNH5faZ')">Episódio 7</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dy-v2zmGt1Ihc1rKHwqcIpMeIVP6-BOxjk4PkxouTuBHhKnVy1tePCp6bd0ZVD-8fekGBRlzn0l8AluJddRXKxIAcQqjcbijayBI0BQvI0_dXJPFI7SgVi4uLdt6QNHqAT1nDQ')">Episódio 8</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dw52hB0MBfOjNhKY5rnk661uh11qKLYaRN1TlDcv6QxgbjQgplij4zeTNOQZZADlPCozee9ufTINxaO9Ui-T3Lf8KsrHBjYc2lUkh52_V42g6d-C18gtJa4BtcmO2jpjDFevgDM')">Episódio 9</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dyK-Xl6KxO8DI9GeEDTeOFmm4ehDQMKQ8Em0tH2Iu7KFWCNWBc9neP0maCcmMco2lhlEsL9T329cAuJNQK2wVcmxMOmBVYSXsFjmbuwChj_g2TiTeviMKnVxBMXNLjCARIC8Q')">Episódio 10</a>
            </div>
        </div>

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