<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Michael, malaikat pertama dan terkuat, diciptakan dari cahaya ilahi untuk menjadi penegak kehendak Sang Pencipta. Ia memimpin pasukan surga dalam pertempuran melawan Lucifer, "bintang pagi yang jatuh," yang memberontak demi kebebasan tanpa batas. Setelah kemenangannya, Michael menemukan gulungan terlarang yang mengungkap rahasia penciptaan: cahaya pertama lahir dari pengorbanan "Hati Kehampaan," sebuah entitas primordial.  Didorong oleh keraguan dan haus akan kebenaran, Michael memasuki Void, bertemu Primus, penjaga rahasia, yang mengkonfirmasi cerita gulungan tersebut.  Ia juga mengetahui tentang The Absolute, entitas kehampaan yang dikurung oleh Sang Pencipta dengan menggunakan Hati Kehampaan sebagai segel.

Abyss, makhluk kegelapan, membimbing Michael ke dimensi tempat Hati Kehampaan berada, di mana Michael berhadapan dengan The Absolute.  The Absolute menawarkan Michael pilihan untuk bergabung atau melawannya. Michael memilih melawan, memicu pertempuran yang menghancurkan surga.  Michael, dengan pedang Absolute Zero, akhirnya mengalahkan The Absolute dan menyerap kekuatannya, menjadi entitas yang mampu mengendalikan realitas.  Dengan kekuatan barunya, Michael membangun kembali surga, tetapi dihadapkan pada dilema moral tentang bagaimana menggunakan kekuatannya yang tak terbatas.  Ia kini memegang takdir alam semesta di tangannya, dihantui oleh pertanyaan apakah ia akan menjadi penyelamat atau penghancur.">
    <meta name="keywords" content="Michael, karakter fiktif, cerita Michael">
    <title>Michael | VS Tiering Fandom</title>
    <style>
        body {
            background-color: #ADD8E6;
            color: #000;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .header {
            background: #004080;
            color: white;
            padding: 1rem;
            text-align: center;
        }
        .nav ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        .nav ul li {
            display: inline;
            margin: 0 1rem;
        }
        .character-article {
            display: flex;
            flex-wrap: wrap;
            margin: 2rem;
            gap: 1rem;
        }
        .sidebar, .content {
            padding: 1.5rem;
            background-color: #f0f8ff;
            border-radius: 10px;
        }
        .sidebar {
            flex: 1 1 300px;
            max-width: 300px;
        }
        .content {
            flex: 3 1 600px;
            max-width: 800px;
        }
        h1, h2, h3 {
            color: #002147;
        }
        h3 {
            font-weight: bold;
            border-bottom: 2px solid #002147;
            padding-bottom: 0.5rem;
        }
        ul {
            line-height: 1.6;
            padding-left: 1.5rem;
        }
        img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 10px;
        }
        .hidden {
            display: none;
        }
        .button {
            background-color: #004080;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 0.5rem 1rem;
            font-size: 1rem;
            cursor: pointer;
            margin-top: 1rem;
            transition: all 0.3s ease;
        }
        .button:hover {
            background-color: #0056b3;
            transform: scale(1.05);
        }
        .button:active {
            transform: scale(0.95);
        }
        @keyframes rainbow {
            0% { color: red; }
            14% { color: orange; }
            28% { color: yellow; }
            42% { color: green; }
            57% { color: blue; }
            71% { color: indigo; }
            85% { color: violet; }
            100% { color: red; }
        }
        .rainbow-text {
            animation: rainbow 4s linear infinite;
        }
        .highlight {
            color: blue;
            font-weight: bold;
        }
        .statistic-item {
            color: blue;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }
        .statistic-value {
            font-weight: bold;
            color: black;
        }
        .description {
            color: black;
            margin-left: 1rem;
            border: 2px dashed #002147;
            padding: 0.5rem;
            border-radius: 5px;
            background-color: rgba(173, 216, 230, 0.5);
        }
        .footer {
            text-align: center;
            padding: 1rem;
            font-size: 1rem;
            background-color: #004080;
            color: white;
        }
        .footer-text {
            display: inline-block;
            animation: rainbow 3s linear infinite;
        }
        @media (max-width: 768px) {
            .character-article {
                flex-direction: column;
            }
            .sidebar, .content {
                max-width: 100%;
            }
        }
        .bold {
            font-weight: 900;
            color: black;
            font-size: 16px;
            opacity: 1;
            animation: fadeIn 1s forwards, glow 4s infinite;
        }
        @keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @keyframes glow {
            0%, 100% {
                text-shadow: 0 0 5px rgba(255, 255, 0, 0.3);
            }
            50% {
                text-shadow: 0 0 15px rgba(255, 255, 0, 1), 0 0 30px rgba(255, 255, 0, 0.5);
            }
        }
    </style>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const headerTitle = document.querySelector('.header h1');
        if (headerTitle) {
            headerTitle.textContent = 'VS ORIGINAL CHARACTER WIKI';
        }

        const berandaLink = document.querySelector('.nav ul li a');
        if (berandaLink) {
            berandaLink.setAttribute('href', 'https://oriwiki.my.id/vsbattle');
        }
    });
    </script>
</head>
<body>
    <header class="header">
        <h1>VS DEATH BATTLES INDO</h1>
        <nav class="nav">
            <ul>
                <li><a href="https://web.vsindo.rf.gd" style="color:white;">Beranda</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <article class="character-article">
            <aside class="sidebar">
                <img src="https://i.imgur.com/Q9N6IQR.jpeg" alt="Michael">
                <h2 class="rainbow-text">Michael</h2>
                <button class="button" onclick="window.location.href='https://www.oriwiki.my.id/ocwikinotepad.php?view_note=notes%2FBagas%2Fb9a38369efea42547ea2109248a38d70.txt';">Baca Cerita</button>
            </aside>
            <section class="content" id="character-info">
                <h2>Ringkasan</h2>
                <p>Michael, malaikat pertama dan terkuat, diciptakan dari cahaya ilahi untuk menjadi penegak kehendak Sang Pencipta. Ia memimpin pasukan surga dalam pertempuran melawan Lucifer, "bintang pagi yang jatuh," yang memberontak demi kebebasan tanpa batas. Setelah kemenangannya, Michael menemukan gulungan terlarang yang mengungkap rahasia penciptaan: cahaya pertama lahir dari pengorbanan "Hati Kehampaan," sebuah entitas primordial.  Didorong oleh keraguan dan haus akan kebenaran, Michael memasuki Void, bertemu Primus, penjaga rahasia, yang mengkonfirmasi cerita gulungan tersebut.  Ia juga mengetahui tentang The Absolute, entitas kehampaan yang dikurung oleh Sang Pencipta dengan menggunakan Hati Kehampaan sebagai segel.

Abyss, makhluk kegelapan, membimbing Michael ke dimensi tempat Hati Kehampaan berada, di mana Michael berhadapan dengan The Absolute.  The Absolute menawarkan Michael pilihan untuk bergabung atau melawannya. Michael memilih melawan, memicu pertempuran yang menghancurkan surga.  Michael, dengan pedang Absolute Zero, akhirnya mengalahkan The Absolute dan menyerap kekuatannya, menjadi entitas yang mampu mengendalikan realitas.  Dengan kekuatan barunya, Michael membangun kembali surga, tetapi dihadapkan pada dilema moral tentang bagaimana menggunakan kekuatannya yang tak terbatas.  Ia kini memegang takdir alam semesta di tangannya, dihantui oleh pertanyaan apakah ia akan menjadi penyelamat atau penghancur.</p>
                
                <h2>Potensi dan Statistik</h2>
                <ul>
                    <li><strong><span class="bold">Tier:</span></strong> Likely <span class="bold">1-A</span> | <span class="bold">1-A</span> | <span class="bold">1-A</span> Far Higher</li>
                    <li><strong>Nama:</strong> Michael</li>
                    <li><strong>Asal:</strong> Chronicles of the infinite Realms</li>
                    <li><strong>Jenis Kelamin:</strong>Unknown</li>
                    <li><strong>Usia:</strong>Unknown</li>
                    <li><strong>Klasifikasi:</strong> Malaikat, Pembela Surga</li>
                </ul>

                <h3>Kekuatan dan Kemampuan:</h3>
                <ul>
                    <li>
                        <strong>Superhuman Physical Characteristics</strong>
                        <div class="description">
                            <p>Scene: Sepanjang cerita, Michael secara konsisten menunjukkan kekuatan, kecepatan, dan daya tahan yang melampaui manusia biasa. Contohnya, saat ia berduel sengit dengan Lucifer, menahan serangan-serangan dahsyat, dan mampu bertarung dalam waktu lama tanpa kelelahan. Kekuatan fisiknya mencapai puncaknya setelah menyerap kekuatan The Absolute, di mana ia mampu menghancurkan entitas primordial tersebut dan membentuk ulang realitas.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Immortality (Type 1, 3, 8)</strong>
                        <div class="description">
                            <p>Scene: Narasi awal cerita mengimplikasikan bahwa malaikat, termasuk Michael, tidak menua dan kebal terhadap penyakit (Type 1). Kemampuan regenerasinya tersirat saat ia pulih dari luka-luka pertempuran dengan cepat. Setelah menyerap The Absolute, keberadaannya terikat dengan kekuatan primordial yang melampaui sang Pencipta, menunjukkan Immortality Type 8, di mana ia eksis di luar konsep kehidupan dan kematian konvensional.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Flight</strong>
                        <div class="description">
                            <p>Scene: Michael menggunakan sayap emasnya yang megah untuk terbang dengan kecepatan tinggi, terlihat dalam pertempuran udara melawan Lucifer dan pasukan pemberontak di langit surga. Ia juga terlihat terbang melintasi Heavenly Realm untuk mencapai berbagai lokasi.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Master Swordsman</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan melawan Lucifer, Michael menunjukkan keahliannya yang luar biasa dalam menggunakan Ethereal Judgement, pedangnya yang bercahaya. Ia mampu menangkis serangan Lucifer yang cepat dan kuat, serta melancarkan serangan balik yang presisi dan mematikan. Keahliannya dalam berpedang terlihat jelas dalam setiap gerakannya yang penuh kekuatan dan keanggunan.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Holy Manipulation</strong>
                        <div class="description">
                            <p>Scene: Sepanjang cerita, Michael memanipulasi energi suci untuk berbagai keperluan. Ia menggunakannya untuk memperkuat serangan pedangnya, menciptakan perisai pelindung, dan bahkan untuk merasakan kehadiran kekuatan jahat.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Divine Light Projection</strong>
                        <div class="description">
                            <p>Scene: Dalam pertempuran melawan Lucifer dan The Absolute, Michael memproyeksikan cahaya ilahi yang menyilaukan dan membakar. Cahaya ini tidak hanya sebagai serangan, tetapi juga mampu memurnikan kegelapan dan memperkuat energi suci di sekitarnya.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Holy Barriers (Implied)</strong>
                        <div class="description">
                            <p>Scene: Meskipun tidak ditunjukkan secara langsung, ketahanan Michael terhadap serangan berbasis kegelapan, terutama dari Lucifer dan The Absolute, mengimplikasikan kemampuannya untuk menciptakan perisai energi suci untuk melindungi dirinya.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Divine Healing (Implied)</strong>
                        <div class="description">
                            <p>Scene: Pemulihan Michael yang cepat setelah pertempuran, terutama setelah duel sengit dengan Lucifer, menunjukkan potensi kemampuan penyembuhan ilahi, meskipun tidak pernah ditunjukkan secara eksplisit.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Reality Warping (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Setelah mengalahkan The Absolute, Michael menunjukkan kemampuannya untuk memanipulasi realitas pada skala yang luar biasa. Ia mampu membentuk ulang surga yang hancur, menciptakan kembali struktur dan tatanannya, menunjukkan kendali penuh atas ruang, waktu, dan materi.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Conceptual Manipulation (Type 1) (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Dengan menyerap kekuatan The Absolute, Michael mendapatkan kemampuan untuk memanipulasi konsep-konsep fundamental seperti cahaya, kegelapan, dan kehampaan. Ini terlihat saat ia mengendalikan energi-energi tersebut untuk membentuk ulang realitas dan melawan pengaruh The Absolute.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Void Manipulation (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Perjalanan Michael ke Void, sebuah ruang kosong di luar batas surga, dan kemampuannya untuk mengendalikan serta memanipulasi energi di dalamnya setelah menyerap The Absolute, menunjukkan penguasaannya atas dimensi tersebut.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Acausality (Type 5) (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Setelah menyerap The Absolute, Michael melampaui batasan sebab-akibat linear, menunjukkan keberadaannya yang tidak terikat oleh waktu dan takdir. Ia menjadi entitas transenden yang eksis di luar struktur realitas konvensional.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Non-Corporeal (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Transformasi Michael setelah menyerap The Absolute mengimplikasikan bahwa ia tidak lagi terikat pada bentuk fisik sepenuhnya. Ia mampu memanipulasi realitas dan eksis dalam bentuk yang melampaui pemahaman konvensional tentang keberadaan fisik.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Law Manipulation (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Saat membentuk ulang surga, Michael tidak hanya memanipulasi realitas, tetapi juga hukum yang mengaturnya. Ia mampu mengubah aturan dasar alam semesta, menunjukkan kendali atas struktur dimensional dan hukum fisika.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Resistance to Darkness Manipulation & Conceptual Manipulation (Type 1) (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Sepanjang pertarungan melawan The Absolute, Michael menunjukkan ketahanan yang luar biasa terhadap manipulasi kegelapan dan konseptual. Ia mampu menahan pengaruh jahat The Absolute dan melawan serangan yang menargetkan esensi keberadaannya.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Precognition (Limited)</strong>
                        <div class="description">
                            <p>Scene: Di beberapa titik dalam cerita, Michael menunjukkan firasat dan keraguan tentang peristiwa yang akan datang, seperti rencana Lucifer dan rahasia di balik kehendak ilahi. Ini menunjukkan bentuk prekognisi yang terbatas, mungkin lebih condong ke intuisi atau pemahaman yang mendalam tentang tatanan kosmik.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Power Bestowal (Potential, Not Shown)</strong>
                        <div class="description">
                            <p>Scene: Meskipun tidak ditunjukkan secara langsung dalam cerita, posisi Michael sebagai Malaikat Pertama dan pemimpin pasukan surga mengimplikasikan potensi kemampuan untuk memberikan kekuatan kepada malaikat lain, atau bahkan menciptakan mereka.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Sealing (With the Heart of the Void, Indirectly)</strong>
                        <div class="description">
                            <p>Scene: Setelah mengalahkan The Absolute, Michael mendapatkan kendali atas Hati Kehampaan, artefak yang sebelumnya digunakan untuk menyegel entitas primordial tersebut. Ini mengimplikasikan kemampuannya untuk menggunakan Hati Kehampaan, atau kekuatan yang setara, untuk menyegel entitas kuat lainnya.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Empathic Manipulation (Limited)</strong>
                        <div class="description">
                            <p>Scene: Michael menunjukkan kemampuan untuk mempengaruhi emosi orang lain, terlihat saat ia memberikan pidato yang membangkitkan semangat pasukan malaikat. Ia juga mampu merasakan kesedihan dan konflik batin Lucifer, menunjukkan kepekaan terhadap emosi makhluk lain.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Telepathy</strong>
                        <div class="description">
                            <p>Scene: Michael berkomunikasi secara telepati dengan Abyss di Void, dan juga dengan The Absolute dalam pertempuran terakhir. Ini menunjukkan kemampuannya untuk berkomunikasi dan membaca pikiran makhluk lain tanpa perlu berbicara.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Dimensional Travel</strong>
                        <div class="description">
                            <p>Scene: Michael melakukan perjalanan ke Void, sebuah dimensi di luar surga, dan juga ke dimensi tempat The Absolute berada. Ini menunjukkan kemampuannya untuk melintasi batasan antar dimensi.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Energy Manipulation</strong>
                        <div class="description">
                            <p>Scene: Sepanjang cerita, Michael menunjukkan kemampuan untuk memanipulasi energi, terutama energi suci. Ia menggunakan energi ini untuk berbagai keperluan, mulai dari memperkuat serangan hingga membentuk perisai pelindung.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Resistance to Mind Manipulation & Soul Manipulation</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan melawan The Absolute, Michael menunjukkan ketahanan terhadap manipulasi pikiran dan jiwa. Ia mampu melawan pengaruh jahat The Absolute dan mempertahankan kehendaknya sendiri, meskipun dihadapkan dengan kekuatan primordial yang mampu mengubah realitas.</p>
                        </div>
                    </li>
                    <li>
                        <strong>Higher-Dimensional Existence (After absorbing The Absolute)</strong>
                        <div class="description">
                            <p>Scene: Setelah menyerap The Absolute, Michael mencapai tingkat eksistensi yang lebih tinggi, melampaui batasan dimensi ruang dan waktu. Ia menjadi entitas transenden yang ada di luar realitas konvensional.</p>
                        </div>
                    </li>
                </ul>

                <h3 class="highlight">Statistik Tambahan:</h3>
                <ul>
                    <li class="statistic-item">
                        <strong>Speed</strong><br>
                        <span class="statistic-value">➡️Massively FTL+ | Immeasurable (After absorbing The Absolute)⬅️</span><br>
                        <div class="description">Scene: Michael mampu bereaksi dan bertarung melawan Lucifer dan The Absolute, keduanya mampu bergerak dan bereaksi pada kecepatan yang melampaui kecepatan cahaya. Setelah menyerap The Absolute, kecepatannya meningkat hingga tak terukur, melampaui batasan ruang dan waktu. Ia mampu bergerak dan bereaksi secara instan di seluruh realitas.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Lifting Strength</strong><br>
                        <span class="statistic-value">➡️Immeasurable (After absorbing The Absolute)⬅️</span><br>
                        <div class="description">Scene: Setelah menyerap The Absolute, Michael mendapatkan kendali atas seluruh realitas, yang secara implisit memberinya kemampuan untuk mengangkat dan memanipulasi objek dengan massa yang tak terhingga, termasuk struktur realitas itu sendiri.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Striking Strength</strong><br>
                        <span class="statistic-value">➡️Likely Outerverse Level | Outerverse Level | Outerverse Level Far Higher (After absorbing The Absolute)⬅️</span><br>
                        <div class="description">Scene: Michael mampu melukai Lucifer dan bahkan melawan The Absolute, yang keduanya memiliki kekuatan untuk menghancurkan dan menciptakan struktur realitas. Setelah menyerap The Absolute, kekuatan serangan Michael meningkat secara drastis, hingga ia mampu menghancurkan entitas primordial tersebut dengan serangan terakhirnya.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Durability</strong><br>
                        <span class="statistic-value">➡️Likely Outerverse Level | Outerverse Level | Outerverse Level Far Higher (After absorbing The Absolute)⬅️</span><br>
                        <div class="description">Scene: Michael mampu menahan serangan dari Lucifer dan The Absolute, keduanya mampu menyebabkan kerusakan pada skala realitas. Setelah menyerap The Absolute, daya tahannya meningkat secara drastis, membuatnya kebal terhadap hampir semua bentuk serangan.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Range</strong><br>
                        <span class="statistic-value">➡️Likely Outerversal | Outerversal Level | Outerversal Level Far Higher (After absorbing The Absolute)⬅️</span><br>
                        <div class="description">Scene: Jangkauan serangan dan kemampuan Michael terbatas pada area sekitarnya sebelum menyerap The Absolute. Setelahnya, jangkauannya meluas hingga mencakup seluruh realitas, karena ia memiliki kendali atas seluruh ruang dan waktu.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Intelligence</strong><br>
                        <span class="statistic-value">➡️Supergenius⬅️</span><br>
                        <div class="description">Scene: Michael secara konsisten menunjukkan kecerdasan dan pengetahuan yang luas tentang surga, alam semesta, hukum ilahi, strategi, dan taktik. Ia mampu menyusun rencana untuk melawan Lucifer dan The Absolute, serta memahami konsep-konsep kompleks tentang realitas dan eksistensi. Ia juga mampu mempelajari dan menguasai kekuatan The Absolute dalam waktu singkat.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Stamina</strong><br>
                        <span class="statistic-value">➡️Limitless⬅️</span><br>
                        <div class="description">Scene: Sebagai seorang malaikat, Michael memiliki stamina yang tak terbatas dan tidak pernah menunjukkan tanda-tanda kelelahan, bahkan setelah pertempuran panjang dan intens melawan Lucifer dan The Absolute. Setelah menyerap The Absolute, staminanya menjadi tak terbatas dalam arti yang sebenarnya, karena ia tidak lagi terikat oleh batasan fisik.</div>
                    </li>
                </ul>

                <h3>Serangan/Teknik Terkemuka:</h3>
                <ul>
                    <li>
                        <strong>Tebasan Ethereal Judgement</strong>
                        <div class="description">Scene: Michael menggunakan pedangnya, Ethereal Judgement, untuk bertarung. Cerita menekankan cahaya yang dipancarkan pedang ini, tetapi tidak merinci teknik tebasan spesifik. "Dengan setiap tebasannya, ia tidak hanya bertarung untuk menang, tetapi juga untuk mempertahankan kehendak sang pencipta." (Pertarungan melawan Lucifer)</div>
                    </li>
                    <li>
                        <strong>Ledakan Energi Suci (dengan Absolute Zero)</strong>
                        <div class="description">Scene: Setelah menyerap The Absolute, Michael menggunakan pedang barunya, Absolute Zero, untuk melepaskan ledakan energi yang sangat dahsyat, menghancurkan ruang dan waktu. "Dengan satu teriakan yang menggema, Michael melepaskan kekuatan penuh dari Absolute Zero. Serangan itu bukan sekadar serangan fisik; itu adalah ledakan energi yang mengguncang fondasi dimensi, menghancurkan bahkan ruang dan waktu." (Pertarungan melawan The Absolute)</div>
                    </li>
                    <li>
                        <strong>Manipulasi Realitas (dengan Absolute Zero)</strong>
                        <div class="description">Scene: Absolute Zero juga memungkinkan Michael untuk memanipulasi realitas. "Pedangnya menembus dimensi, memecahkan batas-batas realitas yang dibuat oleh The Absolute, menghancurkan ilusi-ilusi yang mengikat mereka semua." (Pertarungan melawan The Absolute)</div>
                    </li>
                </ul>
            </section>
            <section class="content hidden" id="story">
                <h2>Cerita Michael</h2>
                <button class="button" onclick="window.location.href='https://www.wattpad.com/story/329230871-entitas-0-vol-1?utm_source=android&utm_medium=link&utm_content=story_info&wp_page=story_details_button&wp_uname=eizi03'">BACA NOVEL</button>
            </section>
        </article>
    </main>
    <footer class="footer">
        <div class="footer-text">©Web By » Jar Maou</div>
     </footer>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const style = document.createElement('style');
            style.type = 'text/css';
            style.innerHTML = `
                @keyframes rainbowBorder {
                    0% { border-color: #ff4b4b; }
                    16% { border-color: #ffa64b; }
                    32% { border-color: #fff94b; }
                    48% { border-color: #4bffb8; }
                    64% { border-color: #4bc4ff; }
                    80% { border-color: #b04bff; }
                    100% { border-color: #ff4b4b; }
                }
                .colorful-border {
                    border: 0px solid;
                    border-radius: 15px;
                    padding: 1.5rem;
                    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.8));
                    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
                    font-family: 'Roboto', 'Arial', sans-serif;
                    font-weight: bold;
                    font-size: 1rem;
                    color: #222;
                    line-height: 1.5;
                    text-align: justify;
                    text-transform: uppercase; 
                    letter-spacing: 0.05em; 
                    opacity: 0;
                    transition: opacity 1s ease;
                }
                .visible {
                    animation: rainbowBorder 4s linear infinite;
                    opacity: 1;
                }
            `;
            document.head.appendChild(style);

            const elements = document.querySelectorAll('.description');

            function revealText(element) {
                const originalText = element.textContent.replace(/\s+/g, ' ').trim();
                element.textContent = '';
                let index = 0;

                const interval = setInterval(() => {
                    if (index < originalText.length) {
                        element.textContent += originalText[index];
                        index++;
                    } else {
                        clearInterval(interval);
                    }
                }, 20);
            }

            function revealBorder(element) {
                const borderAnimationDuration = 1500;
                const totalSteps = 30;
                const stepDuration = borderAnimationDuration / totalSteps;

                for (let i = 1; i <= totalSteps; i++) {
                    setTimeout(() => {
                        element.style.borderWidth = `${(3 / totalSteps) * i}px`;
                        if (i === totalSteps) {
                            element.classList.add('visible');
                        }
                    }, stepDuration * i);
                }

                setTimeout(() => {
                    element.style.opacity = '1';
                }, borderAnimationDuration);
            }

            function executeAnimation(entries, observer) {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        const element = entry.target;
                        revealBorder(element);
                        revealText(element);
                        observer.unobserve(element);
                    }
                });
            }

            const observer = new IntersectionObserver(executeAnimation);

            elements.forEach(element => {
                observer.observe(element);
            });
        });
    </script>
    <script>
  document.addEventListener('DOMContentLoaded', function() {
    // Select the sidebar where the image and info will be located
    const sidebar = document.querySelector('.sidebar');

    // Select the image element
    const image = sidebar.querySelector('img');

    // Create a new div to hold the image and character information
    const charInfoBox = document.createElement('div');
    charInfoBox.id = 'char-info-box';
    charInfoBox.style.display = 'flex';
    charInfoBox.style.flexDirection = 'column';
    charInfoBox.style.alignItems = 'center';
    charInfoBox.style.width = '100%';
    charInfoBox.style.boxSizing = 'border-box';

    // Adjust image style and add it to the charInfoBox
    image.style.width = '100%';
    image.style.height = 'auto';
    image.style.borderRadius = '10px';
    charInfoBox.appendChild(image);

    // Keywords to extract the relevant list items
    const keywords = ['Nama:', 'Asal:', 'Usia:', 'Jenis Kelamin:', 'Klasifikasi:'];

    // Select all list items in the character-info section
    const listItems = document.querySelectorAll('#character-info li');

    // Create a new div for text information
    const infoText = document.createElement('div');
    infoText.style.marginTop = '15px';
    infoText.style.textAlign = 'left';
    infoText.style.width = '100%';
    infoText.style.padding = '10px';
    infoText.style.borderRadius = '10px';
    infoText.style.backgroundColor = 'rgba(240, 240, 240, 0.8)';
    infoText.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';

    // Iterate over each list item
    listItems.forEach(li => {
      const textContent = li.textContent.trim();
      if (keywords.some(keyword => textContent.startsWith(keyword))) {
        // Clone the current list item and append it to the infoText div
        const clonedLi = li.cloneNode(true);
        infoText.appendChild(clonedLi);
        li.style.display = 'none'; // Hide the original list item

        // Apply blink effect only to the name value
        if (textContent.startsWith('Nam:')) {
          const nameValue = clonedLi.querySelector('strong');
          if (nameValue) {
            nameValue.style.animation = 'blink 1.5s infinite';
            nameValue.style.color = '#FFD700'; // Bright color for the name
          }
        }
      }
    });

    // Append the new div containing the information to the charInfoBox
    charInfoBox.appendChild(infoText);

    // Append the charInfoBox to the sidebar, placing it at the top
    sidebar.insertBefore(charInfoBox, sidebar.firstChild);

    // Move the "Baca Cerita" button below the info box
    const readStoryButton = sidebar.querySelector('button.button');
    if (readStoryButton) {
      sidebar.appendChild(readStoryButton);
    }

    // Add CSS styles for glassmorphism and blinking animation
    const style = document.createElement('style');
    style.type = 'text/css';
    style.textContent = `
        #char-info-box {
            background: rgba(255, 255, 255, 0.3);
            border: 2px solid rgba(255, 255, 255, 0.4);
            border-radius: 15px;
            padding: 20px;
            margin-top: 20px;
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            font-family: 'Cinzel', serif;
            color: #002147;
            transition: all 0.3s ease;
        }

        #char-info-box:hover {
            transform: scale(1.05);
            box-shadow: 0 12px 24px 0 rgba(31, 38, 135, 0.5);
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .sidebar li {
            margin-bottom: 10px;
            font-size: 1.1em;
            line-height: 1.4;
        }

        .sidebar li strong {
            font-weight: bold;
        }
    `;
    document.head.appendChild(style);
  });
</script>
<script>
  // This script checks if the page has been refreshed during the current session
  if (!sessionStorage.getItem('hasRefreshed')) {
    // If not, set the item in session storage
    sessionStorage.setItem('hasRefreshed', 'true');

    // Wait for 5 seconds before refreshing
    setTimeout(function() {
      location.reload();
    }, 3000); // 3000 milliseconds = 5 seconds
  }
</script>
<script>
  // Insert meta tag for viewport
  const metaViewport = document.createElement('meta');
  metaViewport.name = "viewport";
  metaViewport.content = "width=device-width, initial-scale=1.0, user-scalable=no";
  document.head.appendChild(metaViewport);

  // Insert CSS styles
  const style = document.createElement('style');
  style.textContent = `
            body {
                max-width: 1200px;
                margin: 0 auto;
                font-size: 16px;
                font-family: Arial, sans-serif;
            }

            header, footer {
                background-color: #333;
                color: #fff;
                text-align: center;
                padding: 10px 0;
            }

            .container {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                grid-gap: 20px;
                padding: 20px;
            }

            .item {
                background-color: #f4f4f4;
                padding: 20px;
                border-radius: 5px;
                text-align: center;
            }

            @media (min-width: 1200px) {
                body {
                    font-size: 18px;
                }
            }
        `;
  document.head.appendChild(style);

  // JavaScript for dynamic adjustments
  document.addEventListener('DOMContentLoaded', function() {
    const scaleFactor = 1 / window.devicePixelRatio;
    const viewportMeta = document.querySelector('meta[name="viewport"]');
    if (viewportMeta) {
      viewportMeta.content = `width=device-width, initial-scale=${scaleFactor}`;
    }
  });
</script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Select all list items in the character-info section
    const listItems = document.querySelectorAll('#character-info li');

    // Enhance the visual style of the Tier list item
    listItems.forEach(li => {
      const textContent = li.textContent.trim();
      if (textContent.startsWith('Tier:')) {
        li.style.background = 'rgba(255, 255, 255, 0.3)';
        li.style.border = '2px solid rgba(255, 255, 255, 0.4)';
        li.style.borderRadius = '15px';
        li.style.padding = '10px';
        li.style.marginTop = '10px';
        li.style.boxShadow = '0 8px 32px 0 rgba(31, 38, 135, 0.37)';
        li.style.backdropFilter = 'blur(10px)';
        li.style.webkitBackdropFilter = 'blur(10px)';
        li.style.fontSize = '1.2em';
        li.style.fontWeight = 'bold';
        li.style.textShadow = '0 0 5px rgba(255, 255, 255, 0.8)';
        li.style.color = '#002147';
        li.style.transition = 'all 0.3s ease';

        // Reset display to block to maintain text integrity
        li.style.display = 'block';
        li.style.lineHeight = '1.4em';
        li.style.textAlign = 'center'; // Center align text for better visual appearance
      }
    });

    // Add CSS styles for the hover effect specifically for Tier
    const style = document.createElement('style');
    style.type = 'text/css';
    style.textContent = `
        #character-info li:hover {
            transform: scale(1.05);
            box-shadow: 0 12px 24px 0 rgba(31, 38, 135, 0.5);
        }
    `;
    document.head.appendChild(style);
  });
</script>
</body>
</html>