<!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="Di suatu Parallel Universe, ada planet bernama Bumi yang mirip dengan Bumi kita. Pada zaman Kapur Akhir, sebuah batu yang tidak berbeda dari batu lainnya mendapat kesadaran. Setelah meteorit menghantam Bumi, batu tersebut hancur dan bangkit kembali sebagai molekul yang mampu bergerak dan menyerap molekul lain.

Si molekul ini akhirnya masuk ke tubuh seekor tikus, lalu berevolusi menjadi kucing yang dipanggil Oren. Oren menjadi penyelamat majikannya dari berbagai bahaya. Namun, ketika ditangkap oleh organisasi rahasia dan terjadi ledakan percobaan, Oren terperangkap dalam kekosongan dimensi selama triliunan tahun.

Oren berevolusi menjadi entitas super kuat dan akhirnya berhasil kembali ke dunia nyata. Setelah pertarungan epik dengan Allen Gabriel yang melibatkan penghancuran dan penciptaan realitas, mereka memutuskan untuk hidup santai di dunia manusia. Mereka bahkan memutuskan untuk memancing bersama, menikmati kehidupan sambil tetap menjaga keseimbangan multiverse🐱✨🎣">
    <meta name="keywords" content="Kucing Orange, Oren The Over Primordial, karakter fiktif, cerita Kucing Orange">
    <title>Kucing Orange | 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/SU0r9bE_d.webp?maxwidth=760&fidelity=grand" alt="Kucing Orange">
                <h2 class="rainbow-text">Kucing Orange (Oren The Over Primordial)</h2>
                <button class="button" onclick="window.location.href='https://www.oriwiki.my.id/ocwikinotepad.php?view_note=notes%2FHajun%2F8f02437e9829a04509167df226afe9e4.txt';">Baca Cerita</button>
            </aside>
            <section class="content" id="character-info">
                <h2>Ringkasan</h2>
                <p>Di suatu Parallel Universe, ada planet bernama Bumi yang mirip dengan Bumi kita. Pada zaman Kapur Akhir, sebuah batu yang tidak berbeda dari batu lainnya mendapat kesadaran. Setelah meteorit menghantam Bumi, batu tersebut hancur dan bangkit kembali sebagai molekul yang mampu bergerak dan menyerap molekul lain.

Si molekul ini akhirnya masuk ke tubuh seekor tikus, lalu berevolusi menjadi kucing yang dipanggil Oren. Oren menjadi penyelamat majikannya dari berbagai bahaya. Namun, ketika ditangkap oleh organisasi rahasia dan terjadi ledakan percobaan, Oren terperangkap dalam kekosongan dimensi selama triliunan tahun.

Oren berevolusi menjadi entitas super kuat dan akhirnya berhasil kembali ke dunia nyata. Setelah pertarungan epik dengan Allen Gabriel yang melibatkan penghancuran dan penciptaan realitas, mereka memutuskan untuk hidup santai di dunia manusia. Mereka bahkan memutuskan untuk memancing bersama, menikmati kehidupan sambil tetap menjaga keseimbangan multiverse🐱✨🎣.</p>
                
                <h2>Potensi dan Statistik</h2>
                <ul>
                    <li><strong><span class="bold">Tier:</span></strong> <span class="bold">1-A</span> | <span class="bold">1-A+</span> Likely <span class="bold">High 1-A</span></li>
                    <li><strong>Nama:</strong> Kucing Orange (Oren The Over Primordial)</li>
                    <li><strong>Asal:</strong> The Aleph Cascade (TAC Verse)</li>
                    <li><strong>Jenis Kelamin:</strong> Jantan</li>
                    <li><strong>Usia:</strong> Tidak diketahui</li>
                    <li><strong>Klasifikasi:</strong> Primordial Entity, Beyond Infinite Transcendence, Supreme Overbeing</li>
                </ul>

                <h3>Kekuatan dan Kemampuan:</h3>
                <ul>
                    <li><strong>Omnipotence</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan melawan Allen Gabriel, Kucing Oren menunjukkan kekuatannya yang tak terbatas dengan menciptakan dan menghancurkan berbagai realitas dan dimensi tanpa batasan. Dengan satu serangan "Orange Abyssal Endgame," Kucing Oren memunculkan singularitas kosmik yang memusnahkan segala sesuatu di sekitarnya.</p>
                        </div>
                    </li>
                    <li><strong>Omniscience</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren memiliki pengetahuan tak terbatas, memungkinkan dia untuk memprediksi setiap gerakan dan strategi Allen Gabriel. Selama pertempuran, dia mengungkapkan rahasia terdalam dari multiverse, memahami setiap dimensi dan realitas yang ada.</p>
                        </div>
                    </li>
                    <li><strong>Omnipresence</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren eksis di semua realitas secara bersamaan dan lebih jauh lagi. Ketika bertarung dengan Allen Gabriel, dia dapat berpindah-pindah tanpa terdeteksi karena keberadaannya yang meluas ke seluruh multiverse.</p>
                        </div>
                    </li>
                    <li><strong>Immortality (Types 1, 2, 3, 4, 5, 8)</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan yang berulang kali melampaui batas eksistensi dan kematian, Kucing Oren selalu bangkit kembali setelah dihancurkan sepenuhnya. Allen Gabriel mengira dia telah memenangkan pertarungan, hanya untuk melihat Kucing Oren kembali lagi dan lagi.</p>
                        </div>
                    </li>
                    <li><strong>Reality Warping</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren mengubah teks pada laptop sang Creator untuk memanipulasi realitas selama pertarungan dengan Allen Gabriel. Dengan mengubah kata-kata dan narasi, dia mampu menciptakan dan menghancurkan dunia sesuka hatinya.</p>
                        </div>
                    </li>
                    <li><strong>Conceptual Manipulation (Type 1)</strong>
                        <div class="description">
                            <p>Scene: Saat pertarungan memuncak, Kucing Oren menggunakan kemampuannya untuk mengendalikan konsep kehidupan dan kematian. Dia mengubah hukum alam untuk memastikan dirinya tetap tak terkalahkan.</p>
                        </div>
                    </li>
                    <li><strong>Spatial Manipulation</strong>
                        <div class="description">
                            <p>Scene: Ketika ikan Cetus menyerang, Kucing Oren menghentikan gerakannya dan memperbaiki kerusakan ruang yang terjadi. Dengan satu gerakan, dia mengendalikan dan memanipulasi ruang di sekitarnya.</p>
                        </div>
                    </li>
                    <li><strong>Temporal Manipulation</strong>
                        <div class="description">
                            <p>Scene: Dalam pertempuran dengan ikan Cetus, Kucing Oren menghentikan waktu untuk menghindari serangan yang mematikan. Dia kemudian memanipulasi aliran waktu untuk keuntungannya, memastikan serangan musuh tidak pernah mengenai.</p>
                        </div>
                    </li>
                    <li><strong>Existence Erasure</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan terakhir melawan Allen Gabriel, Kucing Oren menggunakan serangan yang menghapus eksistensi Allen Gabriel dari kenyataan. Namun, Allen Gabriel berhasil bangkit kembali, membuktikan ketahanannya.</p>
                        </div>
                    </li>
                    <li><strong>Mind Manipulation</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren mengambil kendali tubuh Noctherion dan mengendalikan kesadarannya. Dengan kemampuan ini, dia dapat menguasai pikiran dan tindakan makhluk lain, menjadikan mereka alatnya.</p>
                        </div>
                    </li>
                    <li><strong>Soul Manipulation</strong>
                        <div class="description">
                            <p>Scene: Saat berhadapan dengan entitas lain, Kucing Oren menggunakan kemampuan ini untuk menyerap atau menghancurkan jiwa lawan-lawannya. Ini membuatnya semakin kuat setiap kali dia mengalahkan musuhnya.</p>
                        </div>
                    </li>
                    <li><strong>Cosmic Awareness</strong>
                        <div class="description">
                            <p>Scene: Dalam percakapan dengan Allen Gabriel, Kucing Oren menunjukkan kesadaran penuh akan seluruh multiverse dan lebih jauh lagi. Dia memahami setiap perubahan dan pergeseran dalam realitas.</p>
                        </div>
                    </li>
                    <li><strong>Transdimensional Travel</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren berpindah antar dimensi dengan bebas selama pertarungan, menghindari serangan dan mencari posisi yang menguntungkan. Kemampuannya untuk bergerak melintasi dimensi membuatnya sulit dikalahkan.</p>
                        </div>
                    </li>
                    <li><strong>Aura of Fear</strong>
                        <div class="description">
                            <p>Scene: Aura ketakutan yang dikeluarkan Kucing Oren mengintimidasi semua makhluk dan benda, bahkan yang tidak hidup. Ketika melawan ikan Cetus, aura ini membuat musuh-musuhnya gentar dan takut.</p>
                        </div>
                    </li>
                    <li><strong>Self-Sustenance (Types 1, 2, 3)</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menunjukkan kemampuannya bertahan tanpa kebutuhan fisik seperti makanan, air, atau udara. Selama pertarungan yang berlangsung tanpa henti, dia tidak pernah menunjukkan tanda-tanda kelelahan atau kebutuhan akan istirahat.</p>
                        </div>
                    </li>
                    <li><strong>Regeneration (High-Godly)</strong>
                        <div class="description">
                            <p>Scene: Dalam setiap pertarungan di mana dia terluka parah, Kucing Oren mampu meregenerasi dirinya dari segala bentuk cedera, tidak peduli seberapa parahnya. Ini membuatnya hampir mustahil untuk dikalahkan secara permanen.</p>
                        </div>
                    </li>
                    <li><strong>Corrosion Inducement</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menggunakan serangan korosi instan yang memusnahkan hingga ke tingkat Omni Transcendence Existence. Dalam pertarungan melawan Allen Gabriel, serangan ini menghancurkan segalanya di jalurnya.</p>
                        </div>
                    </li>
                    <li><strong>Existence Absorption</strong>
                        <div class="description">
                            <p>Scene: Dalam proses evolusi dari batu ke molekul, Kucing Oren menunjukkan kemampuannya untuk menyerap molekul dan energi dari lingkungan sekitarnya. Ini membuatnya semakin kuat dan tahan terhadap serangan.</p>
                        </div>
                    </li>
                    <li><strong>Ultimate Attacks:</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menggunakan serangan pamungkas "Orange Abyssal Endgame" dan "Erasive Paradigm Override" dalam pertarungan terakhir melawan Allen Gabriel. Serangan-serangan ini memiliki kekuatan untuk menghancurkan seluruh kosmologi dan eksistensi.</p>
                        </div>
                    </li>
                    <li><strong>Existence Independence</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menunjukkan eksistensinya yang independen tanpa memerlukan sebab atau keterkaitan dengan Cosmology. Dia mampu bertahan dan berfungsi tanpa bergantung pada hukum-hukum alam semesta.</p>
                        </div>
                    </li>
                    <li><strong>Dimensional Destruction</strong>
                        <div class="description">
                            <p>Scene: Dalam pertarungan yang menyebabkan keruntuhan pada dinding keempat, Kucing Oren menghancurkan berbagai tingkatan realitas dan dimensi. Kemampuannya untuk menghancurkan dimensi membuatnya menjadi ancaman besar bagi multiverse.</p>
                        </div>
                    </li>
                    <li><strong>Molecular Manipulation</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menunjukkan kemampuan untuk mengubah bentuk tubuhnya dan menyerap molekul dari lingkungannya. Ini memberinya fleksibilitas dan kekuatan tambahan dalam pertarungan.</p>
                        </div>
                    </li>
                    <li><strong>Fear Inducement</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren menimbulkan ketakutan luar biasa pada lawan-lawannya dengan aura ketakutannya. Ketika melawan ikan Cetus, aura ini menyebabkan ketakutan yang mendalam, bahkan pada makhluk yang paling kuat sekalipun.</p>
                        </div>
                    </li>
                    <li><strong>Self-Replication</strong>
                        <div class="description">
                            <p>Scene: Kucing Oren mampu menciptakan tubuh baru setelah musnah sepenuhnya. Dalam pertarungan dengan Allen Gabriel, dia berulang kali bangkit kembali, menunjukkan kemampuan replikasi dirinya yang luar biasa.</p>
                        </div>
                    </li>
                </ul>

                <h3 class="highlight">Statistik Tambahan:</h3>
                <ul>
                    <li class="statistic-item">
                        <strong>Kecepatan (Speed)</strong><br>
                        <span class="statistic-value">➡️Immeasurable⬅️</span><br>
                        <div class="description">Scene: Kucing Oren menunjukkan kecepatan yang melampaui konsep waktu dan ruang selama pertarungan melawan Allen Gabriel. Ketika mereka beradu kekuatan di kekosongan mutlak sejati, Kucing Oren bergerak dengan kecepatan tak terhingga, memanipulasi waktu dan ruang untuk menghindari serangan dan melancarkan serangan balik. Gerakannya begitu cepat sehingga bahkan konsep waktu tidak mampu mengukur kecepatannya, membuatnya tampak seolah-olah bergerak di luar batasan waktu.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Kekuatan Angkat (Lifting Strength)</strong><br>
                        <span class="statistic-value">➡️Irrelevant⬅️</span><br>
                        <div class="description">Scene: Kekuatan Kucing Oren melampaui batasan yang bisa dibayangkan. Dalam pertarungan epik melawan Allen Gabriel, Kucing Oren menunjukkan kemampuan untuk mengangkat dan menghancurkan realitas dan dimensi tanpa batas. Kekuatan fisiknya tidak terukur dengan cara konvensional karena dia mampu memanipulasi dan menghancurkan seluruh kosmologi dengan mudah.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Kekuatan Pukulan (Striking Strength)</strong><br>
                        <span class="statistic-value">➡️Outerverse Level | Outerverse Level+ Likely High Outerverse Level⬅️</span><br>
                        <div class="description">Scene: Kucing Oren mampu melukai makhluk yang berada di luar omniverse. Ketika bertarung dengan Allen Gabriel, serangan-serangan Kucing Oren mampu menembus dan menghancurkan entitas yang berada di tingkat outerverse.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Ketahanan (Durability)</strong><br>
                        <span class="statistic-value">➡️Outerverse Level | Outerverse Level+ Likely High Outerverse Level⬅️</span><br>
                        <div class="description">Scene: Kucing Oren tidak dapat dilukai oleh cara apapun yang dikenal. Dalam pertarungan yang berulang kali melampaui batas eksistensi dan kematian, Kucing Oren menunjukkan daya tahan yang luar biasa. Meskipun diserang oleh serangan-serangan terkuat Allen Gabriel, Kucing Oren tetap bertahan dan bangkit kembali tanpa cedera.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Jangkauan (Range)</strong><br>
                        <span class="statistic-value">➡️Outerverse Level | Outerverse Level+ Likely High Outerverse Level⬅️</span><br>
                        <div class="description">Scene: Kucing Oren eksis dan bertindak di mana-mana secara bersamaan. Keberadaannya yang omnipresent membuatnya bisa menjangkau dan mempengaruhi semua realitas dan dimensi sekaligus.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Kecerdasan (Intelligence)</strong><br>
                        <span class="statistic-value">➡️Omniscient⬅️</span><br>
                        <div class="description">Scene: Kucing Oren mengetahui segala sesuatu di semua realitas dan lebih jauh lagi. Dengan pengetahuan yang tak terbatas, dia dapat memprediksi setiap gerakan dan strategi musuhnya.</div>
                    </li>
                    <li class="statistic-item">
                        <strong>Stamina</strong><br>
                        <span class="statistic-value">➡️Infinite⬅️</span><br>
                        <div class="description">Scene: Kucing Oren tidak pernah lelah atau kehabisan tenaga. Selama pertarungan yang berlangsung tanpa henti, Kucing Oren terus berjuang tanpa menunjukkan tanda-tanda kelelahan.</div>
                    </li>
                </ul>

                <h3>Serangan/Teknik Terkemuka:</h3>
                <ul>
                    <li><strong>Orange Abyssal Endgame</strong>
                        <div class="description">Scene: Dalam pertarungan terakhir melawan Allen Gabriel, Kucing Oren menggunakan serangan pamungkas ini untuk menciptakan singularitas kosmik yang memusnahkan segala sesuatu di sekitarnya.</div>
                    </li>
                    <li><strong>Erasive Paradigm Override</strong>
                        <div class="description">Scene: Kucing Oren menggunakan teknik ini untuk menghapus seluruh karya kosmologi, termasuk semua karakter, cerita, dan halaman di laptop sang Creator di dunia nyata. Serangan ini menghapus keberadaan Allen Gabriel sementara waktu sebelum dia bangkit kembali.</div>
                    </li>
                    <li><strong>Orange Scratch</strong>
                        <div class="description">Scene: Kucing Oren melancarkan cakaran yang menelan kekosongan mutlak dan melenyapkan Allen Gabriel. Cakaran ini memiliki kekuatan yang cukup untuk menghapus sebagian teks halaman pada Laptop sang Creator.</div>
                    </li>
                    <li><strong>Null Light Void</strong>
                        <div class="description">Scene: Menggabungkan Full Light Void dengan esensi Kucing Oren, menciptakan serangan ini yang menghancurkan seluruh Realitas The Omega Paradox Beyond ∞∅ dan Boundaries Tree serta membuat The Absolute Void Beyond ℵℵ hampir mengalami kehancuran.</div>
                    </li>
                    <li><strong>Corrosive Claw</strong>
                        <div class="description">Scene: Kucing Oren menggunakan serangan korosi instan dengan cakarnya yang memusnahkan hingga ke tingkat Omni Transcendence Existence. Serangan ini digunakan dalam pertarungan melawan Allen Gabriel, menghancurkan segalanya di jalurnya.</div>
                    </li>
                    <li><strong>Mind Command</strong>
                        <div class="description">Scene: Kucing Oren mengambil kendali tubuh Noctherion dan mengendalikan kesadarannya. Teknik ini digunakan untuk menguasai pikiran dan tindakan makhluk lain, menjadikan mereka alatnya.</div>
                    </li>
                    <li><strong>Soul Devour</strong>
                        <div class="description">Scene: Saat berhadapan dengan entitas lain, Kucing Oren menggunakan teknik ini untuk menyerap atau menghancurkan jiwa lawan-lawannya. Teknik ini membuatnya semakin kuat setiap kali dia mengalahkan musuhnya.</div>
                    </li>
                    <li><strong>Time Freeze</strong>
                        <div class="description">Scene: Dalam pertempuran dengan ikan Cetus, Kucing Oren menghentikan waktu untuk menghindari serangan yang mematikan. Dia kemudian memanipulasi aliran waktu untuk keuntungannya, memastikan serangan musuh tidak pernah mengenai.</div>
                    </li>
                    <li><strong>Space Bend</strong>
                        <div class="description">Scene: Ketika ikan Cetus menyerang, Kucing Oren menghentikan gerakannya dan memperbaiki kerusakan ruang yang terjadi. Teknik ini memungkinkannya untuk memanipulasi ruang di sekitarnya, menciptakan perlindungan atau melancarkan serangan dengan presisi tinggi.</div>
                    </li>
                    <li><strong>Fear Aura</strong>
                        <div class="description">Scene: Aura ketakutan yang dikeluarkan Kucing Oren mengintimidasi semua makhluk dan benda, bahkan yang tidak hidup. Ketika melawan ikan Cetus, aura ini membuat musuh-musuhnya gentar dan takut.</div>
                    </li>
                    <li><strong>Clone Creation</strong>
                        <div class="description">Scene: Kucing Oren mampu menciptakan tubuh baru setelah musnah sepenuhnya. Dalam pertarungan dengan Allen Gabriel, dia berulang kali bangkit kembali, menunjukkan kemampuan replikasi dirinya yang luar biasa.</div>
                    </li>
                    <li><strong>High-Godly Regeneration</strong>
                        <div class="description">Scene: Dalam setiap pertarungan di mana dia terluka parah, Kucing Oren mampu meregenerasi dirinya dari segala bentuk cedera, tidak peduli seberapa parahnya. Ini membuatnya hampir mustahil untuk dikalahkan secara permanen.</div>
                    </li>
                    <li><strong>Existence Erasure Blast</strong>
                        <div class="description">Scene: Dalam pertarungan terakhir melawan Allen Gabriel, Kucing Oren menggunakan serangan yang menghapus eksistensi Allen Gabriel dari kenyataan. Namun, Allen Gabriel berhasil bangkit kembali, membuktikan ketahanannya.</div>
                    </li>
                    <li><strong>Concept Shift</strong>
                        <div class="description">Scene: Saat pertarungan memuncak, Kucing Oren menggunakan kemampuannya untuk mengendalikan konsep kehidupan dan kematian. Dia mengubah hukum alam untuk memastikan dirinya tetap tak terkalahkan.</div>
                    </li>
                    <li><strong>Reality Rewrite</strong>
                        <div class="description">Scene: Kucing Oren mengubah teks pada laptop sang Creator untuk memanipulasi realitas selama pertarungan dengan Allen Gabriel. Dengan mengubah kata-kata dan narasi, dia mampu menciptakan dan menghancurkan dunia sesuka hatinya.</div>
                    </li>
                    <li><strong>Molecular Absorption</strong>
                        <div class="description">Scene: Dalam proses evolusi dari batu ke molekul, Kucing Oren menunjukkan kemampuannya untuk menyerap molekul dan energi dari lingkungan sekitarnya. Ini membuatnya semakin kuat dan tahan terhadap serangan.</div>
                    </li>
                </ul>
            </section>
            <section class="content hidden" id="story">
                <h2>Cerita Kucing Orange</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>