<!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/b0bdcf73a7e00f9bc75131088970288d.jpg" alt="Imagem">
        </div>
        
        <!-- Informações da série -->
        <div class="info">
            <h1 class="title">Alya Sometimes Hides Her Feelings in Russian</h1>
            <div class="description-container">
            <p class="description">Alya é uma aluna transferida bastante popular em sua nova escola, frequentemente exibindo uma atitude fria enquanto tira notas altas. Ela ignora seu colega nerd, Kuze Masachika, exceto quando solta algumas frases de flerte em russo para ele. Mal sabe ela que Kuze entende russo, embora finja que não. Vamos ver até onde essa história de amor maluca os levará!</p><br>
            <p>Distribuidora: Kadokawa Pictures Inc.</p>
            <p>Classificação de conteúdo: A:14 - Conteúdo Sexual</p><br>
        </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">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=AD6v5dy-PjjTz_UKFV1BkuRnFIygcj4JtYsJhn4kVoOVNT-5YVcz2BVYRM4WPw_baSQ9hv8VnOj_MinYefYuVgUNrYHtT1pAy5ZajRp0sc0aD_VUQ3v-cN_WG-zBbzfqh3puTYIAiR0')">Episódio 1</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dy_Jn8ogtNzyiFIYYco5p0Us2SE0Uz3QUREhccEwKyg06ZJt4oeLFoQQ1wCdOQhB-ymTwi-PW8JgIVSTVy9gDa11rxTAKG5seffhP211rJM73I5lcIIG8exWgY178rA6Vr3wWk')">Episódio 2</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dyozIDw0k8Kcp1DohSUzdT4HrrFrUcnLDmkIZWMyojjZHqFZEQZ52a4MbF9CD5-s8CcqBNPpvJZbnb8BwrKEcmldGG1hFSNlUBZJoO_ip4ukZsiPKcpO8OVKvXBbQBDz0TYJNG2')">Episódio 3</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dxIPf5dZMADRFUXskxAEX96LlI_Og2XM0iRirktFxSGcyWl9sG76fvJ268K3NkEcgNrffOY4-UlWZuQ802W8PItAMkZOWO_V8E1d4n1EZJTH1zK5Xjl8HCbvO1c9ybQBTOrdrU')">Episódio 4</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dzvOgJj2uwa2hks8YWnB34at15uPIXT8AGzGhViQsfOhkUns_sB16z2lRFKoEUH0FNDlYgw4xXkEDlWTAZdZb4Y7Vmq9EW7cjjzWN3A7lbNnWc5PEA1owoE3lY7j3qVJI462zOy')">Episódio 5</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dwQ-jG5ZPjw9Pfy574Qprkdx3BVlZh-gbCB4jxba6JOZYN6ZfFwKD36oIrHSNIqyOW02epLrSvOUmTEUxbu3HYhRzGSXTZuqbxXuasswTuXdt6-NiJHFYa2doIbaJxOs0d_Hp2-')">Episódio 6</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dxo9IdpPQUVid0n_HNdXxh98-K9izx-xDJ5dtXg2KtGfOfjAaXobv6UcmRITiuF-ukQb-cWxcz5nb9M0p_Ags0ZDbLg2kQybzBg6qs6xY1tyX1cUyEGDtzLREuVU8M6pvA9c9Kk')">Episódio 7</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dx1ux52Lgt8A0APX4IgXFRDUOlHdSDqS6bS5oOKlHY1eAafP_4YsSv54r-W3m1AeJdTzaGGuFJPHvR9_xr3RgfsXlZcgfQjJ0buqpF03-GQxgjfqR5hZ1askI3RvQhjDmoaPow')">Episódio 8</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dxhJLuvuMfoOEedwu2UeKFe2IhyyPRZbqexEz8InWzuj62Z0hLk9Ughoz9nR6ZA88qzqX3eMjp_TtEvwUMxCwvG3-UFifunNJDADOess_lGWv3SW6aC-IGFVOnme2-xoKCWI9-p')">Episódio 9</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dy9Ds6UqGq2Sr7sHiXLMUm_8vw-u4caKFyvnY-XDz--WtkSTOCO2tpw1_X-F0QUvrE-in5vXGWSjzZVuCM43l7qSctHlEru66vz07g75F3VwvkocnEg4vKghKBQyG1JDqqtBvY')">Episódio 10</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dzjMpin3b7PWFjIJgtPjg8PBjPwo-uqjNMESXaHP0U_8GrX8KccidIIE5V2SjbatpPdZPXyEHWJRdbj--qWRpyehcVAKcoPOVv9TU65ZjOLCiMLfGXbUMNMhpjtxxSEqob92fw')">Episódio 11</a>
                <a href="#" onclick="changeVideo('https://www.blogger.com/video.g?token=AD6v5dxI0P4dIVYcMdAyk_yqky8EpaH4V9EYIj-nE7hudVlpCemX3eypRndFOiMQWgsN3nRJUp-kKcMbJB2M53S8EW5WBiVjSZY-8bT_6r6-_hwtx-mjtVeT2_lSwyAd4YoruHqF4vE')">Episódio 12</a>
            </div>
        </div>

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