Horion

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Horion</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600&family=JetBrains+Mono:wght@300;700&display=swap" rel="stylesheet">
    <style>
        /* --- ROOT VARIABLES --- */
:root {
    --hacker-blue: #0070FF;
    --neon-blue: #00E5FF;
    --bg-dark: #000000;
    --text-grey: #445566;
    --warning-gold: #FFC107;
    --heart-red: #FF0050; /* Deeper, TikTok-style red */
}

/* --- BODY --- */
body {
    margin: 0;
    background-color: var(--bg-dark);
    font-family: 'Inter', sans-serif;
    color: white;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    scroll-padding-top: var(--navbar-content-offset, 125px);
}

/* --- BOOTUP OVERLAY --- */
#boot-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #020205;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease, visibility 0.5s;
}

.boot-text {
    font-family: 'JetBrains Mono', monospace;
    color: var(--neon-blue);
    letter-spacing: 4px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    text-transform: uppercase;
    animation: pulseText 2s infinite;
}

@keyframes pulseText {
    0% { opacity: 0.7; }
    50% { opacity: 1; text-shadow: 0 0 10px var(--neon-blue); }
    100% { opacity: 0.7; }
}

.progress-container {
    width: 300px;
    height: 3px;
    background: rgba(0, 112, 255, 0.15);
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--neon-blue);
    box-shadow: 0 0 20px var(--neon-blue);
    transition: width 0.1s linear;
}

/* --- NAVBAR --- */
.hud-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 60px;
    background: rgba(0, 5, 15, 0.8);
    border-bottom: 1px solid rgba(0, 112, 255, 0.15);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    backdrop-filter: blur(5px);
}

body.navbar-hidden .hud-nav {
    display: none;
}

body.navbar-hidden .content-container {
    margin-top: 40px;
}

.hud-nav .nav-right {
    padding-right: 48px;
}

.nav-logo {
    font-size: 3rem;
    font-weight: 100;
    letter-spacing: 12px;
    text-decoration: none;
    color: white;
    transition: 0.4s ease;
}

.nav-logo:hover { color: var(--neon-blue); cursor: pointer; }

.gnmath-fallback-note {
    margin-left: 10px;
    color: #58c8ff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.3;
    text-transform: none;
    max-width: 260px;
}

.gnmath-fallback-note.hidden {
    display: none;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.taskbar-pins {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-item.pinned-app-btn {
    color: #07c8d9 !important;
    font-weight: 900 !important;
    text-shadow: 0 0 8px rgba(154, 247, 255, 0.55);
}

.nav-item {
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 4px;
    transition: 0.3s;
    padding: 10px 20px;
    display: inline-block;
}

.nav-item.more {
    font-size: 11px;
    color: var(--text-grey);
    letter-spacing: 2px;
}

.nav-collapse-btn {
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    color: var(--hacker-blue);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: 0.3s;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.85), 0 0 22px rgba(0, 112, 255, 0.5);
}

.nav-collapse-btn::before {
    content: "";
    width: 16px;
    height: 16px;
    border-left: 6px solid currentColor;
    border-bottom: 6px solid currentColor;
    transform: rotate(45deg);
    transition: 0.3s;
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.95)) drop-shadow(0 0 18px rgba(0, 112, 255, 0.58));
}

.nav-collapse-btn:hover {
    color: white;
    transform: scale(1.08);
    text-shadow: 0 0 14px rgba(0, 229, 255, 1), 0 0 30px rgba(0, 112, 255, 0.8);
    cursor: pointer;
}

body.navbar-hidden .nav-collapse-btn::before {
    transform: rotate(-45deg);
}

.nav-collapse-btn {
    position: fixed;
    top: 21px;
    right: 22px;
    z-index: 102;
}

.nav-item:hover { color: var(--neon-blue); cursor: pointer;}
.nav-item.active { color: var(--hacker-blue); border-bottom: 1px solid var(--hacker-blue); }
.nav-item.more.active { color: var(--hacker-blue); border-bottom: 1px solid var(--hacker-blue); }
.nav-item.hidden { display: none; }

/* --- CONTENT CONTAINER --- */
.content-container {
    max-width: 1200px;
    margin: var(--navbar-content-offset, 125px) auto 40px;
    padding: 60px 40px;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 112, 255, 0.1);
    border-radius: 4px;
    backdrop-filter: blur(2px);
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

/* --- HOMEPAGE SPECIFICS --- */
.home-title {
    font-size: 4rem;
    font-weight: 100;
    letter-spacing: 15px;
    color: var(--neon-blue);
    margin: 0;
    text-shadow: 0 0 20px rgba(0, 229, 255, 0.3);
}

.home-subtitle {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9rem;
    color: #334455;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 30px;
    letter-spacing: 2px;
    transition: 0.3s;
    cursor: pointer;
}

.home-subtitle:hover {
    color: var(--hacker-blue);
    text-decoration: underline;
    text-shadow: 0 0 5px var(--hacker-blue);
}

/* --- DISCLAIMER BOX --- */
.disclaimer-box {
    background: rgba(255, 193, 7, 0.05);
    border: 1px solid rgba(255, 193, 7, 0.4);
    padding: 25px;
    margin-bottom: 40px;
    border-radius: 6px;
    max-width: 650px;
    width: 90%;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.disclaimer-text {
    color: var(--warning-gold);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    text-shadow: 0 0 10px rgba(255, 193, 7, 0.3);
}

.doc-btn {
    display: inline-block;
    padding: 10px 25px;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid var(--warning-gold);
    color: var(--warning-gold);
    font-family: 'JetBrains Mono', monospace;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.3s;
    border-radius: 2px;
}

.doc-btn:hover {
    background: var(--warning-gold);
    color: black;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.4);
    transform: translateY(-2px);
}

/* --- BUTTONS --- */
.button-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 400px;
    margin-bottom: 50px;
}

.btn-row {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.action-btn {
    flex: 1;
    padding: 15px 0;
    background: rgba(0, 112, 255, 0.1);
    border: 1px solid var(--hacker-blue);
    color: white;
    font-family: 'JetBrains Mono', monospace;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 0.9rem;
    transition: 0.3s;
    text-align: center;
}

.action-btn:hover {
    background: var(--hacker-blue);
    color: white;
    box-shadow: 0 0 15px var(--hacker-blue);
    cursor: pointer;
}

.secondary-btn {
    width: 100%;
    padding: 10px 0;
    background: transparent;
    border: 1px solid #334455;
    color: #667788;
    font-family: 'JetBrains Mono', monospace;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 0.8rem;
    transition: 0.3s;
    text-align: center;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: var(--hacker-blue);
    color: var(--neon-blue);
}

/* --- DESCRIPTION & RECENT CHANGES --- */
.description-area {
    font-size: 1rem;
    line-height: 1.6;
    color: #cccccc;
    max-width: 600px;
    margin-bottom: 50px;
    font-weight: 300;
}

.recent-changes-container {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    text-align: left;
}

.recent-label {
    color: var(--neon-blue);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

.change-log {
    color: #8899aa;
    font-size: 0.9rem;
    font-weight: 300;
}

/* --- SEARCH BAR --- */
#searchBar {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 5, 15, 0.8);
    border: 1px solid var(--hacker-blue);
    padding: 20px;
    margin-bottom: 30px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 2px;
    outline: none;
    border-radius: 4px;
    font-size: 1rem;
}

#searchBar:focus {
    box-shadow: 0 0 15px rgba(0, 112, 255, 0.2);
    border-color: var(--neon-blue);
}

/* --- GAME GRID --- */
.game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 20px;
}

.game-card {
    position: relative;
    aspect-ratio: 1 / 1;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(0, 112, 255, 0.15);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.game-card:hover {
    transform: translateY(-5px);
    border-color: var(--neon-blue);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.15);
}

.game-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.3s ease, transform 0.5s ease;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 10px;
    box-sizing: border-box;
}

.game-title {
    color: var(--neon-blue);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.game-card:hover img {
    filter: brightness(0.3) blur(2px);
    transform: scale(1.1);
    cursor: pointer;
}

.game-card:hover .card-overlay {
    opacity: 1;
}

/* --- FAV HEART (FEATURED) --- */
.fav-star-featured {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
    width: 32px;       /* Fixed size for SVG */
    height: 32px;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s, filter 0.2s;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));
}

.special-web-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 18;
    display: block;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 0.85;
    transform: scaleX(1.24);
    transform-origin: top left;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.45);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

/* SVG Styling inside the container */
.fav-star-featured path {
    fill: rgba(0, 0, 0, 0.3); /* Semi-transparent dark fill by default */
    stroke: white;            /* White outline to be visible on images */
    stroke-width: 2px;
    transition: fill 0.2s, stroke 0.2s;
}

.game-card:hover .fav-star-featured {
    opacity: 1;
}

.fav-star-featured:hover {
    transform: scale(1.2);
}

/* ACTIVE (LIKED) STATE */
.fav-star-featured.active {
    opacity: 1;
    transform: scale(1.1);
    /* The glow effect around the whole shape */
    filter: drop-shadow(0 0 10px var(--heart-red));
}

.fav-star-featured.active path {
    fill: var(--heart-red);   /* The Red Fill */
    stroke: black;            /* The Black Outline requested */
    stroke-width: 1.5px;
}

/* --- MORE PAGE --- */
.section-header {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 8px;
    color: white;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--hacker-blue);
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
}

.info-card {
    background: rgba(0, 112, 255, 0.05);
    border: 1px solid rgba(0, 112, 255, 0.2);
    padding: 20px;
    text-align: left;
    transition: 0.3s;
}

.info-card:hover {
    border-color: var(--neon-blue);
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.1);
}

.card-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    color: var(--text-grey);
    display: block;
    margin-bottom: 5px;
}

.card-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.2rem;
    color: var(--neon-blue);
}

.text-block {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #cccccc;
    max-width: 600px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: left;
    width: 100%;
}

.credits-section {
    width: 100%;
    max-width: 600px;
    text-align: left;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
}

.credits-title {
    color: white;
    font-size: 1rem;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.credits-logo-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 14px 0 18px;
}

.credits-logo {
    width: min(180px, 70%);
    height: auto;
    display: block;
}

.credit-link {
    display: block;
    color: var(--hacker-blue);
    text-decoration: none;
    font-family: 'JetBrains Mono', monospace;
    margin-bottom: 10px;
    font-size: 0.9rem;
    transition: 0.3s;
}

.credit-link:hover {
    color: var(--neon-blue);
    padding-left: 10px;
}

.site-footer {
    margin: 28px 0 0;
    width: 100%;
    border: 1px solid rgba(0, 112, 255, 0.2);
    background: rgba(0, 12, 24, 0.75);
    border-radius: 0;
    backdrop-filter: blur(2px);
}

.site-footer-inner {
    min-height: 82px;
    padding: 14px 40px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
}

.site-footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-self: start;
}

.site-footer-logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.site-footer-links {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-self: center;
}

.site-footer-links a {
    color: var(--hacker-blue);
    text-decoration: none;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
}

.site-footer-links a:hover {
    color: var(--neon-blue);
}

@media (max-width: 768px) {
    .site-footer-inner {
        grid-template-columns: 1fr;
        padding: 14px 20px;
        justify-items: center;
        row-gap: 10px;
    }

.site-footer-brand,
    .site-footer-links {
        justify-self: center;
    }
}

/* --- EXTENSIONS PAGE --- */
.extensions-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.extension-banner {
    width: 100%;
    min-height: 240px;
    background: rgba(0, 112, 255, 0.08);
    border: 1px solid rgba(0, 112, 255, 0.25);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 320px 1fr;
    overflow: hidden;
}

.extension-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-right: 1px solid rgba(0, 112, 255, 0.2);
}

.extension-banner-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    text-align: left;
}

.extension-banner-title {
    font-size: 2.2rem;
    font-weight: 300;
    letter-spacing: 4px;
    color: var(--neon-blue);
    margin: 0;
}

.extension-banner-desc {
    margin: 0;
    color: #bcc8d4;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 680px;
}

.extension-banner-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.extension-action-btn {
    padding: 10px 20px;
    border: 1px solid var(--hacker-blue);
    color: white;
    background: rgba(0, 112, 255, 0.15);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 1px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: 0.25s;
}

.extension-action-btn:hover {
    background: var(--hacker-blue);
    box-shadow: 0 0 14px rgba(0, 112, 255, 0.4);
}

.extension-action-btn.secondary {
    border-color: var(--neon-blue);
    color: var(--neon-blue);
    font-weight: 700;
    background: transparent;
}

.extension-action-btn.secondary:hover {
    border-color: var(--neon-blue);
    color: var(--neon-blue);
    background: rgba(0, 229, 255, 0.14);
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.35);
}

@media (max-width: 900px) {
    .extension-banner {
        grid-template-columns: 1fr;
    }

.extension-banner-image {
        height: 220px;
        border-right: none;
        border-bottom: 1px solid rgba(0, 112, 255, 0.2);
    }
}

/* --- GENERIC BUTTONS GRID --- */
.buttons-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.db-item-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    transition: transform 0.2s ease;
}

.db-item-wrapper:hover {
    transform: translateY(-2px);
}

.db-btn {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #ccc;
    padding: 14px 40px 14px 14px; /* Right padding for heart */
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    cursor: pointer;
    text-align: left;
    border-radius: 2px;
    text-transform: capitalize;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.db-item-wrapper:hover .db-btn {
    background: rgba(0, 112, 255, 0.1);
    color: var(--neon-blue);
    border-color: var(--hacker-blue);
}

.fav-star-db {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 5;
    transition: transform 0.2s;
}

.fav-star-db path {
    fill: transparent;
    stroke: #666;
    stroke-width: 2px;
    transition: all 0.2s;
}

.fav-star-db:hover {
    transform: translateY(-50%) scale(1.2);
}
.fav-star-db:hover path {
    stroke: white;
}

.fav-star-db.active path {
    fill: var(--heart-red);
    stroke: black; /* Outline */
    stroke-width: 1.5px;
}
.fav-star-db.active {
    filter: drop-shadow(0 0 8px var(--heart-red));
}

/* --- SECTION VIEW CONTROL --- */
.view-section {
    display: none; /* hide all sections by default */
}

.view-section.active {
    display: block; /* only the active section is visible */
}

/* --- SEARCH BARS --- */
#searchFeatured,
#searchDatabase {
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    background: rgba(0, 5, 15, 0.8);
    border: 1px solid var(--hacker-blue);
    padding: 15px 20px;
    margin: 0 auto 30px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 2px;
    outline: none;
    border-radius: 4px;
    font-size: 1rem;
    display: block;
}

.featured-note {
    width: 100%;
    margin: -8px 0 20px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 112, 255, 0.32);
    background: rgba(0, 112, 255, 0.08);
    color: #d7f7ff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.45;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 0 14px rgba(0, 112, 255, 0.12);
}

.database-note {
    border: 1px solid rgba(255, 193, 7, 0.45);
    background: rgba(255, 193, 7, 0.12);
    color: #ffe9a6;
    box-shadow: 0 0 14px rgba(255, 193, 7, 0.14);
}

.featured-game-view {
    max-width: none;
    width: 100%;
    margin: var(--navbar-content-offset, 125px) 0 0;
    min-height: calc(100vh - var(--navbar-content-offset, 125px));
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 18px 20px 24px;
    align-items: stretch;
    text-align: left;
}

body.navbar-hidden .featured-game-view {
    margin-top: 40px;
    min-height: calc(100vh - 40px);
}

.featured-game-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(260px, 0.9fr);
    gap: 18px;
    align-items: start;
}

.featured-game-main {
    min-width: 0;
}

.featured-game-side {
    min-width: 0;
}

.featured-game-back {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--neon-blue);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0.9;
}

.featured-game-back:hover {
    opacity: 1;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.4);
}

.featured-game-title {
    margin: 0 0 8px;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
    letter-spacing: 0.03em;
    color: #e8fbff;
}

.featured-game-desc {
    margin: 0 0 14px;
    color: #9ec0d9;
    max-width: 88ch;
    line-height: 1.6;
    font-size: 0.96rem;
}

.featured-game-frame-wrap {
    width: 100%;
    border: 1px solid rgba(0, 112, 255, 0.32);
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 0 22px rgba(0, 112, 255, 0.18);
}

.featured-game-frame-wrap:fullscreen,
.featured-game-frame-wrap:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    border: 0;
    border-radius: 0;
}

.featured-game-frame-wrap:fullscreen .featured-game-frame,
.featured-game-frame-wrap:-webkit-full-screen .featured-game-frame {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.featured-game-frame {
    width: 100%;
    height: min(70vh, 780px);
    min-height: 360px;
    border: 0;
    background: #000;
    display: block;
    overflow: hidden;
}

.featured-game-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 12px 0 26px;
}

.featured-game-notice {
    margin: 12px 0 0;
    color: #9ec0d9;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
}

.featured-game-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(0, 112, 255, 0.55);
    background: rgba(0, 112, 255, 0.14);
    color: #dff4ff;
    padding: 10px 14px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
}

.featured-game-btn.fullscreen-btn::before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background:
        linear-gradient(currentColor, currentColor) left top / 6px 1.6px no-repeat,
        linear-gradient(currentColor, currentColor) left top / 1.6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) right top / 6px 1.6px no-repeat,
        linear-gradient(currentColor, currentColor) right top / 1.6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) left bottom / 6px 1.6px no-repeat,
        linear-gradient(currentColor, currentColor) left bottom / 1.6px 6px no-repeat,
        linear-gradient(currentColor, currentColor) right bottom / 6px 1.6px no-repeat,
        linear-gradient(currentColor, currentColor) right bottom / 1.6px 6px no-repeat;
    opacity: 0.95;
}

.featured-game-btn.fullscreen-btn {
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    justify-content: center;
    gap: 0;
    font-size: 0;
}

.featured-game-btn:hover {
    border-color: var(--neon-blue);
    background: rgba(0, 229, 255, 0.18);
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.22);
}

.featured-lobby-wrap {
    display: none;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.featured-lobby-input {
    background: rgba(0, 112, 255, 0.08);
    border: 1px solid rgba(0, 112, 255, 0.55);
    color: #e8fbff;
    padding: 9px 12px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    border-radius: 4px;
    outline: none;
    width: 200px;
}

.featured-lobby-input:focus {
    border-color: var(--neon-blue);
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.2);
}

.featured-recommended-title {
    margin: 0 0 14px;
    color: var(--neon-blue);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.86rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.featured-recommended-grid {
    --recommended-cell: clamp(98px, 10vw, 138px);
    display: grid;
    grid-template-columns: repeat(2, var(--recommended-cell));
    grid-auto-rows: var(--recommended-cell);
    gap: 10px;
    align-content: start;
    justify-content: start;
}

.featured-recommended-grid .game-card {
    width: 100%;
    max-width: none;
    height: 100%;
    aspect-ratio: auto;
}

.featured-recommended-grid .game-card:first-child {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

@media (max-width: 760px) {
    .featured-game-view {
        padding: 14px 12px 18px;
    }

.featured-game-layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }

.featured-recommended-grid {
        --recommended-cell: minmax(0, 1fr);
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        justify-content: stretch;
    }

.featured-recommended-grid .game-card:first-child {
        grid-column: auto;
        grid-row: auto;
    }

.featured-game-actions {
        flex-direction: column;
    }

.featured-game-btn {
        width: 100%;
    }

.featured-lobby-wrap {
        margin-left: 0;
        width: 100%;
    }

.featured-lobby-input {
        flex-grow: 1;
        width: auto;
    }

.featured-game-frame {
        height: min(62vh, 560px);
        min-height: 300px;
    }
}

#featured-grid, #favorites-featured-grid {
    --featured-row-gap: 20px;
    --featured-row-columns: 7;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.featured-row {
    display: flex;
    justify-content: flex-start;
    gap: var(--featured-row-gap);
}

.featured-row .game-card {
    flex: 0 0 calc((100% - (var(--featured-row-gap) * (var(--featured-row-columns) - 1))) / var(--featured-row-columns));
    max-width: 180px;
}

#sections-container, #favorites-database-list {
    width: 100%;
    max-width: 1200px;
}

/* --- CANVAS --- */
canvas {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.sort-button {
    padding: 8px 16px;
    margin-bottom: 20px;
    background-color: #333; /* Dark background */
    color: white;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.sort-button:hover {
    background-color: #555; /* Lighter on hover */
}

.featured-sort-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.featured-sort-controls .sort-button {
    margin-bottom: 0;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: var(--hacker-blue); }
::-webkit-scrollbar-track { background: #000; }
</style>
</head>
<body>

<div id="boot-overlay">
    <div class="boot-text">Booting HORION...</div>
    <div class="progress-container">
        <div id="bootBar" class="progress-bar"></div>
    </div>
</div>

<nav class="hud-nav">
    <div class="nav-left">
        <span onclick="switchView('home')" class="nav-logo">HORION</span>
        <span id="gnmath-fallback-note" class="gnmath-fallback-note hidden" aria-hidden="true">A error was found, redirecting to a older version.</span>
    </div>
    <div class="nav-right">
        <div id="taskbar-pins" class="taskbar-pins"></div>
        <span onclick="switchView('favorites')" id="btn-favorites" class="nav-item hidden">FAVORITES</span>
        <span onclick="switchView('featured')" id="btn-featured" class="nav-item">FEATURED</span>
        <span onclick="switchView('database')" id="btn-database" class="nav-item">DATABASE</span>
        <span onclick="switchView('more')" id="btn-more" class="nav-item more">MORE</span>
    </div>
</nav>
<button type="button" id="navbar-toggle" class="nav-collapse-btn" onclick="setNavbarHidden(!document.body.classList.contains('navbar-hidden'))" aria-label="Hide navbar" title="Hide navbar"></button>
<div id="view-home" class="view-section active">
    <div class="content-container">
        <h1 class="home-title">HORION</h1>
        <a href="https://sites.google.com/view/cmakesgames/my-sites-home" target="_blank" class="home-subtitle">Made By CMG</a>

<div class="disclaimer-box">
            <p id="runtime-warning-text" class="disclaimer-text">
                Make sure to follow the steps on the Google Doc to always have a unblocked version of Horion!
            </p>
            <a id="runtime-warning-link" href="https://bit.ly/horiongames" target="_blank" class="doc-btn">Google Doc</a>
        </div>

<div class="description-area">
            Welcome to Horion, the best game website and database for any game you would ever want to play.
           
        </div>

<div class="button-group">
            <div class="btn-row">
                <span onclick="switchView('featured')" class="action-btn">FEATURED</span>
                <span onclick="switchView('database')" class="action-btn">DATABASE</span>
            </div>
            <span onclick="switchView('more')" class="secondary-btn">MORE OPTIONS</span>
        </div>

<div class="recent-changes-container">
            <div class="recent-label">TESTING #1</div>
            <div class="change-log">
                > Live testing = live updates. So far i have...<br>
                > Loads of bug fixes <br>
                > Overall polishing/outside of Horion stuff<br>
                > Added minimizing the navbar<br>
                > Brand new source for TV<br>
                > NEW YOUTUBE COMPLETELY REVAMPED!!!
            </div>
        </div>
    </div>
</div>

<div id="view-favorites" class="view-section">
    <div class="content-container">
        <h2 class="section-header">YOUR FAVORITES</h2>
       
        <h3 class="recent-label" style="width:100%; text-align:left; margin-top:20px;">FEATURED GAMES</h3>
        <div id="favorites-featured-grid" class="game-grid">
            
        </div>

<h3 class="recent-label" style="width:100%; text-align:left; margin-top:40px;">DATABASE</h3>
        <div id="favorites-database-list" class="buttons-container">
             
        </div>
    </div>
</div>

<div id="view-featured" class="view-section">
    <div class="content-container">
        <input type="text" id="searchFeatured" placeholder="SEARCH FEATURED..." autocomplete="off" spellcheck="false">
        <h3 class="featured-note">Featured games with a W in the top left are web games and may not work if your teacher is watching you on Securly/GoGuardian.</h3>
        <div class="featured-sort-controls">
            <button id="sort-btn" class="sort-button" onclick="toggleSort()">
                Sort: Alphabetical
            </button>
            <button id="genre-btn" class="sort-button genre-sort-button" onclick="toggleFeaturedGenre()" hidden>
                Genre: Rougelike
            </button>
        </div>

<div id="view-featured-game" class="view-section">
    <div class="content-container featured-game-view">
        <span class="featured-game-back" onclick="switchView('featured')">Back to Featured</span>
        <div class="featured-game-layout">
            <div class="featured-game-main">
                <p class="featured-game-notice">If it says it's blocked, please refresh and try again.</p>
                <div class="featured-game-frame-wrap">
                    <iframe id="featured-game-frame" class="featured-game-frame" src="about:blank" title="Featured Game Player" sandbox="allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-downloads" allow="autoplay *; fullscreen *; xr-spatial-tracking *; encrypted-media *; clipboard-read *; clipboard-write *; display-capture *; gamepad *; picture-in-picture *; screen-wake-lock *" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" scrolling="no"></iframe>
                </div>

<p class="featured-game-notice">If a game does not work, open it in about:blank.</p>

<div class="featured-game-actions">
                <button id="featured-game-fullscreen" class="featured-game-btn fullscreen-btn" type="button" aria-label="Fullscreen" title="Fullscreen"></button>
                <button id="featured-game-refresh" class="featured-game-btn" type="button">Refresh</button>
                <button id="featured-game-aboutblank" class="featured-game-btn" type="button">Open in about:blank</button>
                <div id="featured-lobby-wrap" class="featured-lobby-wrap">
                    <input type="text" id="featured-lobby-input" class="featured-lobby-input" placeholder="Enter Lobby Code / Link" autocomplete="off" spellcheck="false">
                    <button id="featured-lobby-join" class="featured-game-btn" type="button">Enter</button>
                </div>
            </div>

<h2 id="featured-game-title" class="featured-game-title">Featured Game</h2>
                <p id="featured-game-desc" class="featured-game-desc"></p>
            </div>

<aside class="featured-game-side">
                <h3 class="featured-recommended-title">Recommended Games</h3>
                <div id="featured-recommended-grid" class="featured-recommended-grid"></div>
            </aside>
        </div>
    </div>
</div>

<div id="view-database" class="view-section">
    <div class="content-container">
        <input type="text" id="searchDatabase" placeholder="Search Database..." autocomplete="off" spellcheck="false">
        <h3 class="featured-note database-note">Notice: some database games may not work or be very buggy.</h3>
        <div id="sections-container">
             
        </div>
    </div>
</div>

<div id="view-extensions" class="view-section">
    <div class="content-container">
        <h2 class="section-header">EXTENSIONS</h2>
        <div id="extensions-grid" class="extensions-grid">
            
        </div>
    </div>
</div>

<div id="view-more" class="view-section">
    <div class="content-container">
    <h2 class="section-header">HORION INFO</h2>

<div class="info-grid">
        <div class="info-card">
            <span class="card-label">CURRENT BUILD</span>
            <span class="card-value">TEST #1</span>
        </div>
        <div class="info-card">
            <span class="card-label">BRANCH</span>
            <span id="selected-server-value" class="card-value">TESTING BRANCH</span>
        </div>
        <div class="info-card">
            <span class="card-label">DATABASE ENTRIES</span>
            <span class="card-value">2800+</span>
        </div>
        <div class="info-card">
            <span class="card-label">LAST UPDATE</span>
            <span class="card-value">2026.6.2</span>
        </div>
    </div>

<div class="text-block">
        <p>
            Horion is a comprehensive database designed to catalog and feature the best games available. Website is created by CMG to ensure fun and provide a streamlined user experience.
        </p>
        <p>
            If you encounter bugs, broken links, or visual glitches, please refer to the Google Doc for links and status, or request a bug fix through the form.
        </p>
    </div>

<div class="credits-section">
        <div class="credits-title">CREDITS & LINKS</div>
        <p> <b>Developed By:</b><br> CMG</p>
        <div class="credits-logo-wrap">
            <img src="./cmg.png" alt="CMG logo" class="credits-logo">
        </div>
        </p><br><br>
        <a href="https://bit.ly/horiongames" target="_blank" class="credit-link">> Links Document</a>
        <a href="https://crosmakesgames.github.io/horion/" target="_blank" rel="noopener noreferrer" class="credit-link">> Main Branch</a>
    </div>
</div>
</div>

<footer class="site-footer">
    <div class="site-footer-inner">
        <div class="site-footer-brand">
            <img src="./cmg.png" alt="CMG" class="site-footer-logo">
        </div>
        <div class="site-footer-links">
            <a href="https://www.youtube.com/channel/UCQrYBaYJDoSihLEx-gP820g" target="_blank" rel="noopener noreferrer">YouTube</a>
            <a href="https://www.tiktok.com/@horionunblockedgames?lang=en" target="_blank" rel="noopener noreferrer">TikTok</a>
            <a href="https://discord.gg/5dTP5SbafH" target="_blank" rel="noopener noreferrer">Discord</a> 
            | 
            <a href="https://crosmakesgames.github.io" target="_blank" rel="noopener noreferrer">crosmakesgames.github.io</a>
        </div>
    </div>
</footer>

function getRuntimeHostHref() {
        const candidates = [];

try {
            if (window.top && window.top.location && window.top.location.href) {
                candidates.push(window.top.location.href);
            }
        } catch (err) {
            // Ignore cross-frame access failures.
        }

try {
            if (window.parent && window.parent.location && window.parent.location.href) {
                candidates.push(window.parent.location.href);
            }
        } catch (err) {
            // Ignore cross-frame access failures.
        }

if (document.referrer) {
            candidates.push(document.referrer);
        }

if (window.location && window.location.href) {
            candidates.push(window.location.href);
        }

for (const href of candidates) {
            if (typeof href === 'string' && href.trim()) {
                return href.trim();
            }
        }

return '';
    }

function isAboutLaunchHref(href) {
        if (launchedFromAboutBlankBridge) {
            return true;
        }

const value = String(href || '').trim().toLowerCase();
        return value.startsWith('about:');
    }

function applyRuntimeLaunchNotice() {
    }

// Allow an about:blank launcher wrapper to forward browser-back events
    // and launch-context state to this page.
    window.addEventListener('message', function (event) {
        if (!event || !event.data || !event.data.type) {
            return;
        }

if (event.data.type === 'HORION_LAUNCH_CONTEXT') {
            launchedFromAboutBlankBridge = Boolean(event.data.aboutBlank);
            applyRuntimeLaunchNotice();
            return;
        }

if (event.data.type === 'HORION_BROWSER_BACK') {
            window.history.back();
        }
    });

const featuredGames = [
    { filename: 'westernroulette.html', displayname: 'Western Roulette', desc: 'Western Roulette is a cowboy dueling game made by CMG built around fast reactions and high-stakes timing.', image: 'https://static.vecteezy.com/system/resources/previews/050/005/195/non_2x/pixelated-cowboy-roulette-pistol-vector.jpg', type: 'web', recommended: ['Gun Blood', '10 Bullets', 'Gun Spin'] },
    { filename: 'https://cmakesg.neocities.org/intothedeep', displayname: 'Into The Deep', desc: 'Into The Deep was the first game made by CMG and is very fun extraction game.', image: 'https://i.pinimg.com/originals/39/af/84/39af8424bb91a3b0a6ec1977ed95e1bb.png', type: 'web', recommended: ['Dud', 'Gun Knight', 'Die In The Dungeon'] },
{ filename: 'https://songl.io/', displayname: 'Songl.io', desc: 'Songl.io is a multiplayer rhythm game where you listen to clips of songs and guess.', image: 'https://ph-files.imgix.net/10ae9632-5e22-407a-a123-b917b4f20b5d.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=64&h=64&fit=crop&frame=1&dpr=2', type: 'web', recommended: ['Gartic Phone', 'skribbl.io', 'Secret Hitler'] },
{ filename: 'https://wiki-race.com/', displayname: 'Wiki Race', desc: 'Wiki Race is a browser challenge where you jump between Wikipedia articles as fast as possible to reach a target page.', image: 'https://play-lh.googleusercontent.com/7z_Ju9hgBJuqk4Xhm_HyLhtRTMmuwvfvp4SFvAZcJzwQEoL3KQYME0FKu518CxEt9Fo1Cf52eNVpsxkeCoWvkg', type: 'web', recommended: ['OpenGuessr', 'skribbl.io', '2048'] },

{ filename: 'clfnafucn', displayname: 'FNAF: UCN', desc: 'Ultimate Custom Night is a Five Nights at Freddy’s survival challenge where you manage dozens of animatronics at once.', image: 'https://play-lh.googleusercontent.com/pB7dsLLcRgADtFpEPeKc5mSyAn1E1JzrdQ1V7-Y5hizgub3G8e9UJIc5opC9mYXKSBw=w240-h480-rw', recommended: ['Fnaf 2', 'Fnaf 3', 'Fnaf 4'] },

{ filename: 'clrun3', displayname: 'Run 3', desc: 'Run 3 is an endless space tunnel runner where you dodge gaps and master gravity-defying movement.', image: 'https://e.snmc.io/lk/lv/x/a38e8c4d9fc64a3d862e5f6858ecfec4/10934781', recommended: ['Tunnel Rush', 'Slope +', 'Cluster Rush'] },

{ filename: 'clslopeplus', displayname: 'Slope +', desc: 'Slope+ is a high-speed 3D ball runner where precision and reflexes are everything.', image: 'https://play-lh.googleusercontent.com/uJn2i9h7KxYQarC_c3K4qH6o7gLtflFnhD_dN14MNkzHJ1NeNFzCL69jpB5mT0vCoQs=w240-h480-rw', recommended: ['Tunnel Rush', 'Drive Mad', 'Snow Rider'] },

{ filename: 'clkartbros', displayname: 'Kart Bros', desc: 'Kart Bros is an arcade kart racing game focused on chaotic multiplayer-style racing.', image: 'https://basketball-stars.io/upload/imgs/kart-bros.png', recommended: ['Smash Karts', 'Drift Boss', 'RL Sideswipe'] },

{ filename: 'clbasketbros', displayname: 'Basket Bros', desc: 'Basket Bros is a 1v1 arcade basketball game built around quick matches and clutch plays.', image: 'https://basketball-stars.io/upload/imgs/basket-bros.png', recommended: ['Soccer Bros', 'Baseball Bros', 'Brawl Stars'] },

{ filename: 'clsoccerbros', displayname: 'Soccer Bros', desc: 'Soccer Bros is a fast-paced 1v1 soccer game with simple controls and competitive matches.', image: 'https://basketball-stars.io/upload/imgs/soccer-bros.png', recommended: ['Basket Bros', 'Baseball Bros', 'Brawl Stars'] },

{ filename: 'clbaseballbros', displayname: 'Baseball Bros', desc: 'Baseball Bros is an arcade-style baseball duel game focused on timing hits and pitching.', image: 'https://penaltyshooters2.com/upload/imgs/baseball-bros-io-online.jpg', recommended: ['Soccer Bros', 'Basket Bros', 'Brawl Stars'] },

{ filename: 'clretrobowl', displayname: 'Retro Bowl', desc: 'Retro Bowl is a football management game mixed with arcade-style gameplay and team building.', image: 'https://img.poki-cdn.com/cdn-cgi/image/q=78,scq=50,width=314,height=314,fit=cover,f=auto/d98547374c4129bf441b754d495e41aa/retro-bowl-college.png', recommended: ['Bitlife', 'Duck Life 3', 'Cookie Clicker'] },

{ filename: 'cl3dash', displayname: '3 Dash', desc: '3 Dash is a rhythm-based platformer inspired by Geometry Dash with timing-heavy levels.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQh2swIlMAAbS2HdRv6tMtkcQQLxyEAqPpwwA&s', recommended: ['Friday Night Funkin', 'OVO', 'Level Devil'] },

{ filename: 'clcookie-clicker', displayname: 'Cookie Clicker', desc: 'Cookie Clicker is an incremental idle game centered around exponential upgrade progression.', image: 'https://play-lh.googleusercontent.com/Z1MOuuiD05ZN5LkVmMEvKF0mqAc-FknaQ2j8s4dZiO-LSPQX4EEA3RVJdlQEtxe96ok=w240-h480-rw', recommended: ['2048', 'Shapez.io', 'Space Company'] },

{ filename: 'cltunnelrushbetter', displayname: 'Tunnel Rush', desc: 'Tunnel Rush is a first-person reflex runner where you dodge fast-moving obstacles in tunnels.', image: 'https://m.media-amazon.com/images/I/41h70UiNByL._SL500_.jpg', recommended: ['Slope +', 'Run 3', 'Cluster Rush'] },

{ filename: 'clchickenwar', displayname: 'Chicken War', desc: 'Chicken War is an arcade combat game featuring chaotic battles and fast action gameplay.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSH--GY3wEACsRlvhlBN1ILZrt9hqxa1JfKmA&s', recommended: ['Gladihoppers', 'Gun Blood', 'Gun Spin'] },

{ filename: 'cljetpackjoyride', displayname: 'Jetpack Joyride', desc: 'Jetpack Joyride is an endless runner where you fly through obstacles with a gadget-powered jetpack.', image: 'https://upload.wikimedia.org/wikipedia/en/9/90/Jetpack_Joyride_iOS.png', recommended: ['Subway Surfers', 'Crossy Road', 'Snow Rider'] },

{ filename: 'https://mc0825.github.io/g20/class-402', displayname: 'Crossy Road', desc: 'Crossy Road is a timing-based arcade game where you cross roads, rivers, and trains without dying.', image: 'https://upload.wikimedia.org/wikipedia/en/7/71/Crossy_Road_icon.jpeg', recommended: ['Subway Surfers', 'Jetpack Joyride', 'Run 3'], type: 'web' },

{ filename: 'clragdollarchers', displayname: 'Ragdoll Archer', desc: 'Ragdoll Archer is a physics-based bow duel game where you fight using angled shots and timing.', image: 'https://imgs.crazygames.com/ragdoll-archers_1x1/20250926080758/ragdoll-archers_1x1-cover?format=auto&quality=70&metadata=none', recommended: ['10 Bullets', 'Gun Blood', 'Gun Spin'] },

{ filename: 'clbitlife', displayname: 'Bitlife', desc: 'BitLife is a life simulation game where you make choices that shape your entire virtual life.', image: 'https://assets.newsweek.com/wp-content/uploads/2025/08/1317374-bitlife-ribbons-how-get-all-complete-list-android-ios-cheats-guide-tips-become.jpg?w=1200crop=1', recommended: ['Duck Life 3', 'Space Company', 'Cookie Clicker'] },

{ filename: 'cldieinthedungeon', displayname: 'Die In The Dungeon', desc: 'Die In The Dungeon is a roguelike dungeon crawler focused on survival and turn-based combat.', image: 'https://pbs.twimg.com/profile_images/1792497375266701312/IRkf7YpC_400x400.jpg', recommended: ['Dungeon Deck', 'Balatro', 'Dungeons and Degenerate Gamblers'] },

{ filename: 'cldungeondeck', displayname: 'Dungeon Deck', desc: 'Dungeon Deck is a deckbuilding roguelike where cards determine combat and progression.', image: 'https://img.itch.zone/aW1nLzE1NDg0MzI5LnBuZw==/original/30Fwot.png', recommended: ['Balatro', 'Die In The Dungeon', 'Dungeons and Degenerate Gamblers'] },

{ filename: 'clgunknight', displayname: 'Gun Knight', desc: 'Gun Knight is a roguelite shooter combining platforming combat with gun-based enemies.', image: 'https://img.itch.zone/aW1nLzI4ODgzOTMuanBn/original/nBtxWN.jpg', recommended: ['Krunker', 'ev.io', 'Zombs Royale'] },

{ filename: 'clgunblood', displayname: 'Gun Blood', desc: 'Gun Blood is a Western quick-draw dueling game focused on reaction speed.', image: 'https://pizzaedition.win/images/games/gunblood-min.jpeg', recommended: ['Western Roulette', '10 Bullets', 'Gun Spin'] },

{ filename: 'https://polytrackonline.gitlab.io/poly-track/', displayname: 'Polytrack', desc: 'Polytrack is a low-poly racing game focused on time trials and track building.', image: 'https://img.poki-cdn.com/cdn-cgi/image/q=78,scq=50,width=1200,height=1200,fit=cover,f=png/3fa3556b61d02fba189999605b1f304b/polytrack.png', recommended: ['Drive Mad', 'Drift Boss', 'Highway Racer'], type: 'web' },

{ filename: 'https://lnahtml.github.io/a77/drive-mad/', displayname: 'Drive Mad', desc: 'Drive Mad is a physics driving puzzle game where balancing control is the main challenge.', image: 'https://cdn-1.webcatalog.io/catalog/poki-drive-mad/poki-drive-mad-icon-filled-256.png?v=1714778298617', recommended: ['Polytrack', 'Cluster Rush', 'Snow Rider'], type: 'web' },

{ filename: 'clclusterrush', displayname: 'Cluster Rush', desc: 'Cluster Rush is a parkour platformer where you jump across moving trucks at high speed.', image: 'https://static.gameloop.com/img/2d7993dd07da134d0c85e6012105b363.png?imageMogr2/thumbnail/172.8x172.8/format/webp', recommended: ['Run 3', 'Slope +', 'Tunnel Rush'] },

{ filename: 'https://snowrider.com/game/', displayname: 'Snow Rider', desc: 'Snow Rider is a downhill sledding game where you dodge obstacles and go for distance.', image: 'https://snowrider3dsanta.io/data/image/game/snow-rider-3d.jpg', recommended: ['Crossy Road', 'Subway Surfers', 'Drive Mad'], type: 'webnosandbox' },

{ filename: 'cldriftboss', displayname: 'Drift Boss', desc: 'Drift Boss is a one-button drifting game focused on timing turns on narrow tracks.', image: 'https://play-lh.googleusercontent.com/Zu0LoruCtIG45qs6iffZkWqGTuzEWflNoH8TNRtfMJ2NGgJxQGfw8kqSrxKtXGjPqeqFLNsnubW6EnPUJvOi8g=w240-h480-rw', recommended: ['Drive Mad', 'Polytrack', 'Highway Racer'] },

{ filename: 'https://embed.stacktris.net/stacktris/', displayname: 'Stacktris', desc: 'Stacktris is a physics-based stacking puzzle inspired by Tetris with unstable block placement.', image: 'https://pizzaedition.win/images/games/stacktris-min.png', recommended: ['Tetris', '2048', 'Shapez.io'], type: 'web' },

{ filename: 'clFNAF', displayname: 'FNAF', desc: 'Five Nights at Freddy’s is a survival horror game where you monitor animatronics through cameras.', image: 'https://pizzaedition.win/images/games/fnaf-min.jpg', recommended: ['Fnaf 2', 'Fnaf 3', 'Fnaf 4'] },

{ filename: 'clFNAF2', displayname: 'Fnaf 2', desc: 'FNAF 2 is a survival horror game with more animatronics and limited defensive tools.', image: 'https://pizzaedition.win/images/games/fnaf2-min.png', recommended: ['FNAF', 'Fnaf 3', 'Fnaf 4'] },

{ filename: 'clFNAF3', displayname: 'Fnaf 3', desc: 'FNAF 3 is a horror survival game focused on managing systems while avoiding Springtrap.', image: 'https://pizzaedition.win/images/games/fnaf3-min.jpg', recommended: ['FNAF', 'Fnaf 2', 'Fnaf 4'] },

{ filename: 'clFNAF4', displayname: 'Fnaf 4', desc: 'FNAF 4 is a horror game focused on listening and reacting to threats in a bedroom setting.', image: 'https://pizzaedition.win/images/games/fnaf4-min.png', recommended: ['FNAF', 'Fnaf 2', 'Fnaf 3'] },

{ filename: 'https://svaaps.github.io/eaglercrafthtml/', displayname: 'Minecraft 1.9', desc: 'Minecraft 1.9 is a sandbox survival game focused on building, exploration, and combat updates.', image: 'https://media.sketchfab.com/models/84938a8f3f8d4a0aa64aaa9c4e4d27d3/thumbnails/f5d49a3c2cdb4424b7f062d340d2a4a7/aafef2fcd26b40f5bea48725065c6542.jpeg', type: 'web', recommended: ['Sandboxels', 'Shapez.io', 'Space Company'] },

{ filename: 'clsubwaysurfersbarcelona', displayname: 'Subway Surfers: Barcelona', desc: 'Subway Surfers is an endless runner where you dodge trains and collect coins while escaping.', image: 'https://vodogame.com/games/subway-surf-barcelona/thumb_1.jpg', recommended: ['Crossy Road', 'Jetpack Joyride', 'Snow Rider'] },

{ filename: 'https://nzp.gay', displayname: 'Nazi Zombies', desc: 'Nazi Zombies is a wave-based survival shooter focused on defending against zombie rounds.', image: 'https://avatars.githubusercontent.com/u/91418801?s=280&v=4', type: 'web', recommended: ['Krunker', 'ev.io', 'Gun Knight'] },

{ filename: 'clducklife3', displayname: 'Duck Life 3', desc: 'Duck Life 3 is a training-based adventure game where you raise a duck to compete in races.', image: 'https://img.poki-cdn.com/cdn-cgi/image/q=78,scq=50,width=1200,height=1200,fit=cover,f=png/f5671816-e95b-4d41-adb7-411708f431ba/ducklife-3.png', recommended: ['Bitlife', 'Cookie Clicker', 'Space Company'] },

{ filename: 'clinkgame', displayname: 'Ink Game', desc: 'Ink Game is a casual arcade-style game focused on fast interactive rounds.', image: 'https://i1.sndcdn.com/artworks-JyBMur02gm43IDuc-eZfeLA-t500x500.png', recommended: ['Skribbl.io', 'Gartic Phone', 'Secret Hitler'] },

{ filename: 'clsupermariobros3real', displayname: 'Super Mario Bros 3', desc: 'Super Mario Bros 3 is a classic platformer focused on level-based platforming and power-ups.', image: 'https://assets-prd.ignimgs.com/2021/12/08/smb3-1638922753441.jpg?crop=1%3A1%2Csmart&format=jpg&auto=webp&quality=80', recommended: ['Run 3', 'OVO', 'Level Devil'] },

{ filename: 'clhighwayracer2', displayname: 'Highway Racer', desc: 'Highway Racer is a driving game focused on lane weaving and avoiding traffic at high speed.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTIHgQwU4A22XR4rjnRxhEh-c0Nq9EyODw0qQ&s', recommended: ['Drift Boss', 'Polytrack', 'Drive Mad'] },

{ filename: 'clhobo7', displayname: 'Hobo 7', desc: 'Hobo 7 is a beat ’em up action game with chaotic combat and combo attacks.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRsnGUydR2WLlCH2MDLOudQT9mdKkklk_HGaQ&s', recommended: ['Gun Blood', 'Gladihoppers', 'Gun Spin'] },

{ filename: 'clovo', displayname: 'OVO', desc: 'OVO is a precision platformer focused on parkour movement and speedrunning mechanics.', image: 'https://www.hoodamath.com/large/300/ovo_300.png', recommended: ['Run 3', 'Level Devil', 'Tunnel Rush'] },

{ filename: 'clbloonsTD4', displayname: 'Bloons TD4', desc: 'Bloons TD4 is a tower defense game where you place defenses to stop waves of balloons.', image: 'https://gameforge.com/de-DE/littlegames/includes/images/games/13426_5ec634fec15e3.jpg', recommended: ['Plants VS Zombies', 'Zombs.io', 'Shapez.io'] },

{ filename: 'cldeltarune', displayname: 'DELTARUNE', desc: 'DELTARUNE is a story-driven RPG with turn-based combat and bullet-dodging mechanics.', image: 'https://mediaproxy.tvtropes.org/width/1200/https://static.tvtropes.org/pmwiki/pub/images/deltarune.jpeg', recommended: ['Die In The Dungeon', 'Dungeon Deck', 'Balatro'] },

{ filename: 'clleveldevil', displayname: 'Level Devil', desc: 'Level Devil is a troll platformer where the level constantly tricks and changes on you.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2M1LFyfRu6edlOBPC9mHDzpUEfKQq9KfdZQ&s', recommended: ['OVO', 'Run 3', 'Tunnel Rush'] },

{ filename: 'clBrawlstars', displayname: 'Brawl Stars', desc: 'Brawl Stars is a multiplayer arena shooter with team-based combat and fast matches.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcToDlytiE178sfY8uXNj7aIesE2rM7gGOwjFCmb9VVEWJ7JAoUDaNYQZxuRG5iFNXAxvJRJAA&s=10', recommended: ['Smash Karts', 'Zombs Royale', 'ev.io'] },

{ filename: 'clclearvision5', displayname: 'Clear Vison 5', desc: 'Clear Vision 5 is a sniper puzzle shooter focused on precision assassination missions.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSy2Iu956dpwbGBtg7de73Ooxh6eEv-QemA_Q&s', recommended: ['Gun Blood', 'Western Roulette', '10 Bullets'] },

{ filename: 'clrocketleague', displayname: 'RL Sideswipe', desc: 'RL Sideswipe is a 2D Rocket League game focused on aerial car soccer mechanics.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6PanXiNaRnXnhc58bDbZfhufnj8T3OhdTMw&s', recommended: ['Smash Karts', 'Kart Bros', 'Drift Boss'] },

{ filename: 'clfridaynightfunkin', displayname: 'Friday Night Funkin', desc: 'Friday Night Funkin is a rhythm game where you hit notes in time with music battles.', image: 'https://i.pinimg.com/736x/96/ae/27/96ae27dbe3a47d8c107f310576e1bc99.jpg', recommended: ['3 Dash', 'OVO', 'Level Devil'] },

{ filename: 'clpapascheeseria', displayname: "Papa's Cheeseria", desc: "Papa's Cheeseria is a restaurant time-management game where you build sandwiches for customers.", image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTvvqFqyx9sixH-PLe6aGscm4lAM55d7_1yuw&s', recommended: ['Cookie Clicker', 'Duck Life 3', 'Stacktris'] },

{ filename: 'clgladdihoppers', displayname: "Gladihoppers", desc: 'Gladihoppers is a physics-based gladiator combat game with chaotic ragdoll fighting.', image: 'https://play-lh.googleusercontent.com/HUuFbIPERNbpW2Q72WIqiJ8bKDzIgT_C4PnYvMBuH0wC3B_KvpKmumm1FXhZj3jmRHw', recommended: ['Gun Blood', 'Gun Spin', 'Hobo 7'] },

{ filename: 'clplantsvszombies', displayname: "Plants VS Zombies", desc: 'Plants vs Zombies is a tower defense game where you defend your house using plant units.', image: 'https://media.contentapi.ea.com/content/dam/gin/images/2017/01/plants-vs-zombies-2-keyart.jpg.adapt.crop1x1.767p.jpg', recommended: ['Bloons TD4', 'Zombs.io', 'Shapez.io'] },

{ filename: 'cldud', displayname: "Dud", desc: 'Dud is a simple indie arcade-style game focused on short experimental gameplay.', image: 'https://img.itch.zone/aW1nLzEzNzE4MzQzLnBuZw==/original/KLbZPd.png', recommended: ['Stacktris', 'Sandboxels', 'Ink Game'] },

{ filename: 'https://8-ball-pool-html-5.vercel.app', displayname: "8 Ball: Classic", desc: '8 Ball Pool is a billiards game focused on aiming, angles, and competitive matches.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRh6rcox2LJIE1FGsChgBipA0Dv_CFxbKu-yw&s', type: 'web', recommended: ['Drift Boss', 'Highway Racer', 'Polytrack'] },

{ filename: 'clburritobisonlaunchalibre', displayname: "Burrito Bison: Launcha Libre", desc: 'Burrito Bison is a launch-based arcade game where you fling a wrestler to cause destruction.', image: 'https://play-lh.googleusercontent.com/vpTgm9u7-GzZP_MceTWpDi0HbinXd_4phCoTwf4ZspFL-115FtNRdo_SU1p-khLDnLA', recommended: ['Gun Spin', '10 Bullets', 'Western Roulette'] },

{ filename: 'clgun-spin', displayname: "Gun Spin", desc: 'Gun Spin is a physics shooter where recoil is used to propel movement and progress.', image: 'https://images.dwncdn.net/images/t_app-icon-l/p/39d0a468-21ab-466d-a65b-5585c02dd7ad/15864794/gunspin-logo', recommended: ['10 Bullets', 'Gun Blood', 'Western Roulette'] },

{ filename: 'https://nerd.com', displayname: "Nerd.com Videos", desc: 'Nerd.com Videos is a web-based entertainment hub with quick-access video content.', image: 'https://www.nerd.com/img/nerd/pwa-512x512.png', type: 'web', recommended: ['Skribbl.io', 'Gartic Phone', 'Ink Game'] },

{ filename: 'clbrotato', displayname: 'Brotato', desc: 'Brotato is a top-down arena roguelite where you survive enemy waves by stacking fast weapon builds.', image: 'https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/1942280/header.jpg', recommended: ['Balatro', 'Die In The Dungeon', 'Dungeon Deck'] },

{ filename: 'https://mehmetmhy.github.io/tetris/', displayname: "Tetris", desc: 'Tetris is a classic puzzle game where you arrange falling blocks to clear lines.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRSJVXUjr9K0zjk9F96LagL6iTk_hu4_yNLkQ&s', type: 'web', recommended: ['2048', 'Stacktris', 'Shapez.io'] },

{ filename: 'https://krunker.io/', displayname: "krunker.io", desc: 'Krunker.io is a fast-paced browser FPS focused on movement and multiplayer shooting.', image: 'https://krunker.co.uk/wp-content/uploads/2025/11/krunker.webp', type: 'web', recommended: ['ev.io', 'Zombs Royale', 'Gun Knight'] },

{ filename: 'https://zombs.io/', displayname: "zombs.io", desc: 'Zombs.io is a base defense survival game where you build and defend against waves.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSwUQ4WU6HILmP3J4rOLcMJeGRXL8O5_pxPeA&s', type: 'web', recommended: ['Shapez.io', 'Space Company', 'Bloons TD4'] },

{ filename: 'https://zombsroyale.io/', displayname: "Zombs Royale", desc: 'Zombs Royale is a 2D battle royale shooter with fast matches and loot-based combat.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfkghNZ9V1YI_hJToW3cmb2ZEWDB80-wOxeA&s', type: 'web', recommended: ['Krunker', 'ev.io', 'Brawl Stars'] },

{ filename: 'https://lordz.io/', displayname: "lordz.io", desc: 'lordz.io is a multiplayer strategy game where you build armies and fight for territory.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShpDoqsStil5bb-SoSFIfY2tr9TlCgb7pPPQ&s', type: 'web', recommended: ['Zombs.io', 'Shapez.io', 'Space Company'] },

{ filename: 'https://secret-hitler.online/', displayname: "Secret Hitler", desc: 'Secret Hitler is a social deduction game where players bluff and vote to uncover hidden roles.', image: 'https://th.bing.com/th/id/OIP.0JcC1kGH2AJkAIT7p1zw0gAAAA?o=7rm=3&rs=1&pid=ImgDetMain&o=7&rm=3', type: 'webnosandbox', recommended: ['Gartic Phone', 'Skribbl.io', 'Ink Game'] },

{ filename: 'https://smashkarts.io/', displayname: "Smash Karts", desc: 'Smash Karts is a multiplayer kart combat game with weapons and arena-style battles.', image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRAdrpTBNT0iI8zuPF0NX0z6t9fJtigQpEhsQ&s', type: 'web', recommended: ['Kart Bros', 'RL Sideswipe', 'Brawl Stars'] },

{ filename: 'https://telatro.tomcat.sh/game/', displayname: "Balatro", desc: 'Balatro is a roguelike poker deckbuilder focused on combos and score multipliers.', image: 'https://play-lh.googleusercontent.com/RSPv_SMlA3Lun8VHaJD7xCBQg29eCJR9sNJtZNJGlybVs8byYVLz4WnohrbLScC9srg', type: 'web', aboutBlankOnly: true, recommended: ['Dungeon Deck', 'Die In The Dungeon', 'Dungeons and Degenerate Gamblers'] },

{ filename: 'https://shapez.io', displayname: "shapez.io", desc: 'shapez.io is a factory automation game where you design systems to process shapes.', image: 'https://f4.bcbits.com/img/a2183267624_16.jpg', type: 'web', recommended: ['Space Company', 'Zombs.io', 'Bloons TD4'] },

{ filename: 'https://slowroads.io', displayname: "Slowroads", desc: 'Slowroads is a relaxing driving simulator focused on endless procedural roads.', image: 'https://img.itch.zone/aW1nLzI1NzAwNDUwLmpwZw==/original/Rztzj2.jpg', type: 'web', recommended: ['Drift Boss', 'Highway Racer', 'Polytrack'] },

{ filename: 'https://ngsc.freddecgames.com/', displayname: "Space Company", desc: 'Space Company is an incremental strategy game focused on space resource expansion.', image: 'https://play-lh.googleusercontent.com/VjwQdDvXxeWZSDy2GNAkttsojRQ487s8TCmz-bnuJC4iS9Rqntd4xICrvmTkaCEYsN1H=w240-h480', type: 'web', recommended: ['Shapez.io', 'Cookie Clicker', 'Zombs.io'] },

{ filename: 'https://diep.io/', displayname: "diep.io", desc: 'diep.io is a multiplayer tank shooter focused on upgrading and surviving arena battles.', image: 'https://upload.wikimedia.org/wikipedia/en/e/e2/Diepio_mobile_logo.webp', type: 'web', recommended: ['Krunker', 'ev.io', 'Zombs Royale'] },

{ filename: 'https://skribbl.io/', displayname: "skribbl.io", desc: 'skribbl.io is an online drawing and guessing party game.', image: 'https://brain-lines.io/data/image/game/skribbl-io-b1.jpg', type: 'web', recommended: ['Gartic Phone', 'Secret Hitler', 'Ink Game'] },

{ filename: 'https://garticphone.com/', displayname: "Gartic Phone", desc: 'Gartic Phone is a party game combining drawing and telephone-style message chains.', image: 'https://assets-prd.ignimgs.com/2022/11/12/gartic-phone-button-1668215807194.jpg?crop=1%3A1%2Csmart&format=jpg&auto=webp&quality=80', type: 'web', recommended: ['Skribbl.io', 'Secret Hitler', 'Ink Game'] },

{ filename: 'sandboxels.html', displayname: 'Sandboxels', desc: 'Sandboxels is a falling-sand simulation game where elements interact in complex physics systems.', image: 'https://substackcdn.com/image/fetch/$s_!3uou!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb143b429-a854-43e5-9599-fcba40f40d48_960x918.jpeg', type: 'web', recommended: ['Shapez.io', 'Space Company', 'Stacktris'] },

{ filename: 'clslitherio', displayname: 'slither.io', desc: 'slither.io is a multiplayer snake game where you grow by consuming pellets and other players.', image: 'https://www.google.com/s2/favicons?domain=slither.io&sz=256', recommended: ['MooMoo.io', 'Zombs Royale', 'ev.io'] },

{ filename: 'https://ev.io', displayname: "ev.io", desc: 'ev.io is a futuristic browser FPS focused on fast movement and arena shooting.', image: 'https://static.keygames.com/0/114810/100607/1024x1024/evio.webp', type: 'web', recommended: ['Krunker', 'Zombs Royale', 'Gun Knight'] },

{ filename: 'https://www.openguessr.com/', displayname: "OpenGuessr", desc: 'OpenGuessr is a geography guessing game where you identify real-world locations.', image: 'https://somerandomstuff1.wordpress.com/wp-content/uploads/2019/02/geoguessr1.png', type: 'web', recommended: ['Skribbl.io', 'Gartic Phone', 'Ink Game'] },

{ filename: 'https://moomoo.io/', displayname: "MooMoo.io", desc: 'MooMoo.io is a survival base-building game with resource gathering and PvP combat.', image: 'https://kevin.games/assets/cache_image/games/moomoo-io_200x200_98b.jpg', type: 'web', recommended: ['slither.io', 'Zombs.io', 'ev.io'] },

{ filename: 'cldungeonsanddegenerategamblers', displayname: "Dungeons and Degenerate Gamblers", desc: 'Dungeons and Degenerate Gamblers is a card-based roguelike focused on risky gambling mechanics.', image: 'https://assets-prd.ignimgs.com/2024/05/27/dungeons-and-degenerate-gamblers-button-1716811260241.jpg', recommended: ['Balatro', 'Dungeon Deck', 'Die In The Dungeon'] },

{ filename: 'https://crosmakesgames.github.io/2048/', displayname: "2048", desc: '2048 is a number puzzle game where you merge tiles to reach 2048.', image: 'https://upload.wikimedia.org/wikipedia/commons/1/18/2048_logo.svg', type: 'web', recommended: ['Stacktris', 'Tetris', 'Cookie Clicker'] },

{ filename: 'clpapaswingeria', displayname: "Papa's Wingeria", desc: 'Papa\'s Wingeria is a restaurant management game where you cook and serve wings.', image: 'https://img.poki-cdn.com/cdn-cgi/image/q=78,scq=50,width=1200,height=1200,fit=cover,f=png/0ef4d3c4bd35cc2e9b65f3da07448fc2/papas-wingeria.jfif', recommended: ['Papa\'s Cheeseria', 'Burrito Bison: Launcha Libre', 'Cookie Clicker'] },
];

const FEATURED_GENRES = ['Rougelike', 'Action', 'Strategy', 'Platformer'];
    const FEATURED_GENRE_BY_NAME = {
        '8 Ball: Classic': 'Strategy',
        '2048': 'Strategy',
        '3 Dash': 'Platformer',
        'Balatro': 'Rougelike',
        'Baseball Bros': 'Action',
        'Basket Bros': 'Action',
        'Bitlife': 'Strategy',
        'Bloons TD4': 'Strategy',
        'Brawl Stars': 'Action',
        'Brotato': 'Rougelike',
        'Burrito Bison: Launcha Libre': 'Action',
        'Chicken War': 'Action',
        'Clear Vison 5': 'Action',
        'Cluster Rush': 'Platformer',
        'Cookie Clicker': 'Strategy',
        'Crossy Road': 'Platformer',
        'DELTARUNE': 'Rougelike',
        'Die In The Dungeon': 'Rougelike',
        'Drive Mad': 'Platformer',
        'Drift Boss': 'Platformer',
        'Duck Life 3': 'Strategy',
        'Dud': 'Platformer',
        'Rougelike': 'Rougelike',
        'Dungeons and Degenerate Gamblers': 'Rougelike',
        'FNAF': 'Strategy',
        'FNAF: UCN': 'Strategy',
        'Fnaf 2': 'Strategy',
        'Fnaf 3': 'Strategy',
        'Fnaf 4': 'Strategy',
        'Friday Night Funkin': 'Platformer',
        'Gartic Phone': 'Strategy',
        'Gladihoppers': 'Action',
        'Gun Blood': 'Action',
        'Gun Knight': 'Rougelike',
        'Gun Spin': 'Action',
        'Highway Racer': 'Action',
        'Hobo 7': 'Action',
        'Ink Game': 'Action',
        'Into The Deep': 'Rougelike',
        'Jetpack Joyride': 'Platformer',
        'Kart Bros': 'Action',
        'Level Devil': 'Platformer',
        'Minecraft 1.9': 'Strategy',
        'MooMoo.io': 'Strategy',
        'Nazi Zombies': 'Action',
        'Nerd.com Videos': 'Strategy',
        'OVO': 'Platformer',
        'OpenGuessr': 'Strategy',
        "Papa's Cheeseria": 'Strategy',
        "Papa's Wingeria": 'Strategy',
        'Plants VS Zombies': 'Strategy',
        'Polytrack': 'Platformer',
        'RL Sideswipe': 'Action',
        'Ragdoll Archer': 'Action',
        'Retro Bowl': 'Strategy',
        'Run 3': 'Platformer',
        'Sandboxels': 'Strategy',
        'Secret Hitler': 'Strategy',
        'Shapez.io': 'Strategy',
        'Skribbl.io': 'Strategy',
        'Slowroads': 'Platformer',
        'Smash Karts': 'Action',
        'Snow Rider': 'Platformer',
        'Soccer Bros': 'Action',
        'Songl.io': 'Strategy',
        'Space Company': 'Strategy',
        'Stacktris': 'Strategy',
        'Subway Surfers: Barcelona': 'Platformer',
        'Super Mario Bros 3': 'Platformer',
        'Tetris': 'Strategy',
        'Tunnel Rush': 'Platformer',
        'Western Roulette': 'Action',
        'Wiki Race': 'Strategy',
        'Diep.io': 'Action',
        'Ev.io': 'Action',
        'Krunker.io': 'Action',
        'Lordz.io': 'Strategy',
        'Slither.io': 'Action',
        'Zombs Royale': 'Action',
        'Zombs.io': 'Strategy'
    };

function getFeaturedGenre(game) {
        const name = String(game && game.displayname || '').trim();
        const directMatch = FEATURED_GENRE_BY_NAME[name];
        if (directMatch) return directMatch;

const normalized = name.toLowerCase();
        const lowerDesc = String(game && game.desc || '').toLowerCase();
        const haystack = `${normalized} ${lowerDesc}`;

if (haystack.includes('rogue') || haystack.includes('dungeon') || haystack.includes('deckbuilder')) return 'Rougelike';
        if (haystack.includes('platform') || haystack.includes('runner') || haystack.includes('parkour') || haystack.includes('driving') || haystack.includes('racing')) return 'Platformer';
        if (haystack.includes('strategy') || haystack.includes('puzzle') || haystack.includes('tower defense') || haystack.includes('simulation') || haystack.includes('management')) return 'Strategy';
        return 'Action';
    }

featuredGames.forEach((game) => {
        game.genre = getFeaturedGenre(game);
    });

const databaseFiles = [
        "cl1",
"cl100RoomsOfEnemies",
"cl10bullets",
"cl10minutestildawn",
"cl10morebullets",
"cl12minibattles",
"cl13bones",
"cl1on1soccer",
"cl1v1lol",
"cl1v1tennis",
"cl2048",
"cl2048cupcakes",
"cl20smallmazes",
"cl234playergame",
"cl2doom",
"cl2Dshooting",
"cl3dash",
"cl3dasheditor",
"cl3dpinballspacecadet",
"cl3pandas",
"cl3pandasbrazil",
"cl3pandasfantasy",
"cl3pandasjapan",
"cl3pandasnight",
"cl3slices2",
"cl40xescape",
"cl4thandgoal",
"cl500calibercontractz",
"cl60secondsburgerrun",
"cl60secondssantarun",
"cl64in1nes",
"cl8ballclassic",
"cl8ballpool",
"cl9007199254740992",
"cl90in1nes",
"cl99balls",
"cl99nightsitf",
"clA Walk in The Forest (v10)",
"clabandoned3",
"clabsolutemadness",
"clacecombat2",
"clacecombat3",
"clacegangstertaxi",
"clachievementunlocked",
"clachievmentunlocked",
"clachievmentunlocked2",
"clachievmentunlocked3",
"clachillies",
"clachillies2",
"clAcko_s Mach Bike Challenge (v10)",
"clADarkRoom",
"cladatewithdeath",
"cladayintheoffice",
"clADOFAI",
"cladvancewars",
"cladvancewars2",
"cladvancewarsdualstrike",
"cladventneon",
"clAdventureCapatalist",
"cladventurecapitalist",
"claflac",
"claftertheweek",
"clagariolite",
"clageofwar",
"clageofwar2",
"clagesofconflict",
"clagesofempire",
"clahoysurvival",
"clai",
"clairlinetycoonidle",
"clakoopasrevenge",
"clakoopasrevenge2",
"clakumanorgaiden",
"claladdinsnes",
"clalexkiddinmiracleworld",
"clalienhominid",
"clalienhominidgba",
"clalienskyinvasion",
"clalientransporter",
"clalienvspredator",
"clallbossesin1",
"clallocation",
"clAltered Beast",
"clamaze",
"clambulencearush",
"clamidstthesky",
"clamigopancho",
"clamigopancho2",
"clamigopancho3",
"clamigopancho4",
"clamigopancho5",
"clamigopancho6",
"clamigopancho7",
"clamongus",
"clamorphous",
"clancientsins",
"clanemonesfall",
"clangry-birdsspace",
"clangrybirds-space",
"clangrybirds",
"clangrybirdsshowdown",
"clangrybirdsspace",
"clanimalcrossingwildworld",
"clanimalforestn64",
"clannsmb",
"clanotherworld",
"clantarttycoon",
"clantimatterdimensions",
"clapesvshelium",
"clapotris",
"clappleshooter",
"clappleworm",
"claquaparkio",
"clarceuslegend",
"clarcheryworldtour",
"clarchesspelago",
"clarena",
"clarmormayhem2",
"clarsonate",
"clarthursnightmare",
"clascent",
"clasdutydemands",
"clasmallworldcup",
"classesmentexaminationque",
"classessmentexamination",
"clasteroids",
"clasteroidsALT",
"clasteroidsarcade",
"clAstrosDreamland",
"clastynax",
"clatariadventure",
"clattackhole",
"clavalanche",
"claviamasters",
"claviamastersbuggy",
"clAwesomePirates",
"clawesomeplanes",
"clawesometanks",
"clawesometanks2",
"claxbattler",
"claxisfootballleague",
"clB3313",
"clb3313unabandonedA2",
"clb3313v102",
"clbabeltower",
"clbabychiccoadventure",
"clbabykaizo",
"clbabysniperinvietnam",
"clbackrooms",
"clbackrooms2D",
"clbackyardbaseball",
"clbackyardbaseball09",
"clbackyardbaseball10",
"clbackyardfootball",
"clbackyardsoccer",
"clbaconmaydie",
"clbadbodyguards",
"clbadicecream",
"clbadicecream2",
"clbadicecream3",
"clbadmondaysimulator",
"clbadparenting",
"clbadpiggies",
"clbadpiggieslatest",
"clbadtimesim",
"clbadtimesimulator",
"clbalatrogba",
"clbaldicaseoh",
"clbaldidecomp",
"clbaldiepstein",
"clbaldisbasics",
"clbaldisbasicsremaster",
"clbaldisfunnewschoolultimate",
"clballblast",
"clballistic",
"clballsandbricks",
"clballsandbricksgood",
"clballz",
"clbananasimulator",
"clbanbuds",
"clbanditgunslingers",
"clbanjokazooie",
"clbanjotooie",
"clBank Robbery",
"clbankbreakout2",
"clbankrobbery2",
"clbarryhasasecret",
"clbartblast",
"clbas",
"clbaseballbros",
"clbasketballfrvr",
"clbasketballlegends(1)",
"clbasketballlegends",
"clbasketballstars",
"clbasketballsuperstars",
"clbasketbattle",
"clbasketbros",
"clbasketrandom",
"clbasketrandomgood",
"clbasketslamdunk2",
"clbatterup",
"clbattlekarts",
"clbattles",
"clbattlesim",
"clbattlezone",
"clbazookaboy",
"clbballlegend",
"clbeachboxingsim",
"clbeamrider",
"clbearbarians",
"clbearsus",
"clbejeweledtwistds",
"clbejeweledtwistflash",
"clben10alienforce",
"clben10omniverse",
"clben10protector",
"clben10racing",
"clben10ultimatealien",
"clbendrowned",
"clbergentruck201x",
"clbfdia5b",
"clBFDIBranches",
"clbigflappytowertinysquare",
"clbigicetowertinysquare",
"clbigneontowertinysquare",
"clbigshotboxing2",
"clbigtowertinysquare",
"clbigtowertinysquare2",
"clbigtowertinysquare2good",
"clBig_Time_Butter_Baron",
"clbindingofisaccsheeptime",
"clbioevil4",
"clbitlife",
"clbitlifeencrypted",
"clbitplanes",
"clblackjack",
"clblackjackbattle",
"clblackjackhhhh",
"clblackknight",
"clblackout",
"clblacksmithlab",
"clblastronaut",
"clblazedrifter",
"clbleachvsnaruto",
"clblightborne",
"clblobsstory2",
"clblockblast",
"clblockblastv2",
"clblockcraftparkour",
"clblockcraftshooter",
"clblockpost",
"clblockthepig",
"clblockydemolitionderby",
"clblockysnakes",
"clblood",
"clbloodmoney",
"clbloodtournament",
"clbloons",
"clbloons2",
"clbloonspp1",
"clbloonspp2",
"clbloonspp3",
"clbloonspp4",
"clbloonspp5",
"clbloonsTD1",
"clbloonsTD2",
"clbloonsTD3",
"clbloonsTD4",
"clbloonsTD5",
"clbloonsTD6scratch",
"clbloxorz",
"clblumgiracers",
"clblumgirocket",
"clBMX2",
"clbntts",
"clbobasimulator",
"clbobtherobber",
"clbobtherobber2",
"clbobtherobber5",
"clbollybeat",
"clbomberman",
"clbomberman2",
"clbombermanhero",
"clbombermanworld",
"clBonanza-Bros",
"clbonkerssnes",
"clboomslingers",
"clbottlecracks",
"clbottleflip3d",
"clbotwds",
"clbounceback",
"clbouncemasters",
"clbouncybasketball",
"clbouncymotors",
"clBountyOfOne",
"clbowlalt",
"clbowmaster",
"clboxhead2playrooms",
"clboxheadnightmare",
"clboxinglive-2",
"clboxinglive2",
"clboxingrandom",
"clbrainrot",
"clbrawlsimulator3d",
"clBrawlstars",
"clbreadskate",
"clbridgerace",
"clbrotato",
"clBTD1",
"clbtd5",
"clbtts",
"clbtts2",
"clbubbleshooter",
"clbubbleshooterpirate",
"clbubbletanks",
"clbubbletanks2",
"clbubbletanks3",
"clbubbletanksarenas",
"clbubbletankstd",
"clbubsy",
"clbuckshotroulette",
"clbuildnowgg",
"clbulletforce",
"clbunnyland",
"clbunzobunny",
"clburgerandfrights",
"clburgertime",
"clburritobison",
"clburritobison2",
"clburritobisonlaunchalibre",
"clburritobisonrevenge",
"clbushidoblade",
"clBusterJam",
"clcactusmccoy(1)",
"clcactusmccoy",
"clcactusmccoy2(1)",
"clcactusmccoy2(2)",
"clcactusmccoy2",
"clcallofbattle",
"clcamilla",
"clcandybox1",
"clcannonballs3d",
"clcannonfodder",
"clcaptainlang",
"clcaptchaware",
"clcapybaraclicker",
"clcarcrash3",
"clcardrawing",
"clcareatscar2deluxe",
"clcarkingarena",
"clcarmods",
"clcarrampvspolicechase",
"clcarstuntsdriving",
"clCartoonNetworkTableTennisUltimateTournament",
"clcastaway",
"clcastlebloodline",
"clcastlecircleofmoon",
"clcastlevania",
"clcastlevania2",
"clcastlevania3",
"clcastlevaniaariaofsorrow",
"clcastlevaniadawnofsorrow",
"clcastlevanianes",
"clcastlewarsmodern",
"clcatmario",
"clcatmariogood",
"clcatslovecake2",
"clcavecrawler",
"clcavestory",
"clceleste",
"clceleste2",
"clcelestemariodx",
"clCeliasStupidROMHack",
"clcellardoor",
"clCellToSingularity",
"clcentipedearcade",
"clchainofmemories",
"clchaosfaction2",
"clcheckers",
"clcheesechompers3d",
"clcheeseisthereason",
"clcheeserolling",
"clcheshireinachatroom",
"clchess",
"clchessclassic",
"clchibiknight",
"clChickenCS",
"clchickenscream",
"clchickenwar",
"clchipschallenge",
"clchoppyorc",
"clchoroqwonderful",
"clchronotrigger",
"clchuzzle",
"clCircloO2",
"clciviballs",
"clciviballs2",
"clclashnslash",
"clclashofvikings",
"clclassof09",
"clclaymore",
"clclayuncraft",
"clcleanupio",
"clclearvision",
"clclearvision2",
"clclearvision3",
"clclearvision4",
"clclearvision5",
"clclimbforbrainrots",
"clclmadnessambulation",
"clclover",
"clclubbytheseal",
"clclusterrush",
"clcoalllcdemo",
"clcod4",
"clcodblackopp",
"clcoddefiance",
"clcodenamegordon",
"clcodeorg",
"clcodeorgbutoffline",
"clcodercraft",
"clcodmodernwarfare",
"clcodworldatwar",
"clcoffeemaker",
"clcoldpines",
"clcolorburst3d",
"clcolormatch",
"clcolorwatersort3d",
"clcombopool",
"clcommandandconquer",
"clcommanderkeen4",
"clcommanderkeen5",
"clcommanderkeen6",
"clconfrontingurself",
"clconfrontingyourself",
"clconkersbadfurday",
"clcontra",
"clcontra3",
"clcookie-clicker",
"clcookieclicker",
"clcookieclickercool",
"clcookieclickergood",
"clcookieclickermodmenu",
"clcookingmama",
"clcookingmama2",
"clcookingmama3",
"clcoreball",
"clcoryinthehouse",
"clcotlk",
"clcountmastersstickmangames",
"clcoverorange",
"clcoverorange2",
"clcoverorangejourneygangsters",
"clcoverorangejourneyknights",
"clcoverorangejourneypirates",
"clcoverorangejourneyspace",
"clcoverorangeplayerspack",
"clcoverorangeplayerspack2",
"clcoverorangeplayerspack3(1)",
"clcoverorangeplayerspack3",
"clcrankit!",
"clcrankit",
"clcrash2",
"clcrash3",
"clcrashbandicoot (1)",
"clcrashbandicoot",
"clcrashbandicoot2",
"clcrashteamracing",
"clcrazycars",
"clcrazycattle3d",
"clcrazychicken3D",
"clcrazyclimber",
"clcrazyfrogracer",
"clcrazymotorcycle",
"clcrazypenguincatapult",
"clcrazyplanelanding",
"clcrazytaxigba",
"clcreaturecardidle",
"clcreeperworld2",
"clcreepyinternetstories",
"clcreepynightfunkin",
"clcrimsonmadness",
"clcrossyroad",
"clcrunchball3000",
"clCrystalCastles",
"clcs16",
"clcs6",
"clcsds",
"clcsgoclicker",
"clctgpnitro",
"clcurveball(1)",
"clcurveball",
"clcustomersupport",
"clcuttherope",
"clcuttheropeholiday",
"clcuttheropetimetravel",
"clcvooc",
"clcyberbungracing",
"clcybersensation",
"cldadgame",
"cldadish",
"cldadnme",
"cldaggerfall",
"cldandysworldclicker",
"cldanktomb",
"cldasharena",
"cldashio",
"clDashmetry",
"cldatewithiraq",
"cldborigins",
"cldborigins2",
"cldbsniper",
"cldbzattacksaiyans",
"cldbzdevolution",
"cldbzsuperwarriorssonic",
"cldbzwarriors2",
"clddlc64",
"cldeadair",
"cldeadestate",
"cldeadfrontieroutbreak",
"cldeadfrontieroutbreak2",
"cldeadlydescent",
"cldeadplate",
"cldeadseat",
"cldeadzed",
"cldeadzed2",
"cldeathchase",
"cldeathrun",
"cldeblob2",
"cldecision",
"cldecision2",
"cldecision3",
"cldecisionmedieval",
"cldeepersleep",
"cldeepestsword",
"cldeepsleep",
"cldefenderarcade",
"cldefendyourcastle",
"cldefendyournuts",
"cldefendyournuts2",
"cldeltarune",
"cldeltatraveler",
"cldementium",
"cldemolitionderbycrashracing",
"cldemonblade",
"cldemonbluff",
"cldiablo",
"cldiamondhollow",
"cldiamondhollow2",
"cldiddykong-racing",
"cldieinthedungeon",
"cldigdeep",
"cldigdug",
"cldigdug2",
"cldigdug26",
"cldigtochina",
"cldimensionalincident",
"cldinodudes",
"cldinorun",
"cldinorunenterplanetd",
"cldinorunmarathonofdoom",
"cldiredecks",
"cldkccompetitioncart",
"clDKNESCollection(1)",
"clDKNESCollection",
"cldoblox",
"cldogeminer",
"cldogeminer2",
"cldokidokiliteratureclub",
"cldomeromantik",
"cldonkeykong",
"cldonkeykong64",
"cldonkeykong94",
"cldonkeykongcountry",
"cldonkeykongcountry2",
"cldonkeykongcountry3",
"cldonkeykongnes",
"cldontescape",
"cldontescape2",
"cldontescape3",
"cldontyoulecturemehtml",
"cldoodlejump",
"cldoodlejumpgoober",
"cldoom",
"cldoom2",
"cldoom2d",
"cldoom2dDOS",
"cldoom2dos",
"cldoom3pack",
"cldoom64",
"cldoomdos",
"cldoomemscripten",
"cldoomps",
"cldoompsalt",
"cldoomzio",
"cldoorscastle",
"cldoswasmx",
"cldoubledribble",
"cldouchebaglife",
"cldouchebagworkout",
"cldouchebagworkout2",
"cldownthemountain",
"cldragonballadvance",
"clDragonBallZTheLegacyofGoku",
"cldragonquest5ds",
"clDragonQuestIX",
"cldragonwarriormonsters",
"clDragonxclient",
"cldrawclimber",
"cldrawntolife",
"cldrawntolife2",
"cldrawtheline",
"cldreader",
"cldreadheadparkour",
"cldriftboss",
"cldrifthuntersmerge",
"cldriftsimulator",
"cldrivemady",
"cldrivenwild",
"cldriverussia",
"cldrmario",
"cldrweedgaster",
"cldta6",
"cldubstep",
"clduckhunt",
"clducklfe5",
"clducklife",
"clducklife2",
"clducklife3",
"clducklife4",
"clducklifebattle",
"clducklifespace",
"clducklingsio",
"clducktales",
"clducktales2",
"cldud",
"cldukenukem2",
"cldukenukem3d",
"cldumbwaystodie",
"cldumpling",
"cldunebuggy",
"cldungeondeck",
"cldungeonraid",
"cldungeonsanddegenerategamblers",
"cldunkshot",
"clduskchild",
"cldyingdreams",
"cldynamiteheaddy",
"clEaglercraft-Alpha-126-Offline",
"clEaglercraft-Beta-1.3-Offline",
"clEaglercraft-Beta-13-Offline",
"clEaglercraft-Indev-Offline (1)",
"clEaglercraft-Indev-Offline(1)",
"clEaglercraft-Indev-Offline(2)",
"clEaglercraft-Indev-Offline",
"cleaglercraft152",
"clEaglercraftL_19_v0_7_0_Offline_Signed(1)",
"clEaglercraftL_19_v0_7_0_Offline_Signed",
"cleaglercraftnebula",
"cleagleride",
"clearntodie",
"clearntodie2",
"clearthbound",
"clearthbound3",
"clearthboundsnes",
"clearthtaken",
"clearthtaken2",
"clearthtaken3",
"clearthwormgg",
"clearthwormjim (1)",
"clearthwormjim",
"clearthwormjim2 (1)",
"clearthwormjim2",
"cledelweiss",
"cledyscarsimulator",
"cleffinghail",
"cleffingmachines",
"cleffingworms",
"cleffingzombies",
"clegg",
"cleggycar",
"clelasticface",
"clelectricman2",
"clelevatoraction",
"clelytraflight",
"clemujs",
"clenchain",
"clendacopia",
"clendlesswar4",
"clendlesswar5",
"clendlesswar5wow",
"clendlesswar7",
"clenduro",
"clepicbattlefantasy5",
"clescalatingduel",
"clescaperoad",
"clescaperoadcity2",
"clescapeschoolduel",
"clet",
"cletrianoddyssey",
"cleurovisionsim",
"clevilglitch",
"clevolution",
"clexcitebike64",
"clexitpath",
"clexoobservation",
"clextremerun3d",
"clfactoryballs",
"clfactoryballs2",
"clfactoryballs3",
"clfactoryballs4",
"clfairytalevsonepiece",
"clfallguys",
"clfallout",
"clfamidash",
"clfamidash128",
"clfamidashAlbum128",
"clfamidashBSides128",
"clfamidashCSides128",
"clfamidashDSides128",
"clfamilyguycorrupted",
"clfancypantsadventure",
"clfancypantsadventure2",
"clfancypantsadventure3",
"clfancysnowboarding",
"clfantasyzone",
"clfashionbattle",
"clfattygenius",
"clfearassessment",
"clfearstofathomhomealone",
"clfeedthevoid",
"clfeedus",
"clfeedus2",
"clfeedus3",
"clfeedus4",
"clfeedus5",
"clff2ws",
"clFF3",
"clff6",
"clffaf",
"clffmysticquest",
"clFFsonic1",
"clFFsonic2",
"clFFsonic3",
"clFFsonic4",
"clFFsonic5",
"clFFsonic61",
"clFFsonic62",
"clFIFA07",
"clFIFA10",
"clFIFA11",
"clFIFA2000(1)",
"clFIFA2000(2)",
"clfifa2000",
"clFIFA99",
"clFIFAinternationalsoccer",
"clFIFAroadtoworldcup98",
"clFIFAsoccer06",
"clFIFAsoccer95",
"clFIFAsoccer96",
"clFIFAsoccer97",
"clFIFAstreet2",
"clfinalearth2",
"clfinalfantasy",
"clfinalfantasy2nes",
"clfinalfantasy3nes",
"clfinalfantasyII",
"clfinalfantasyIX",
"clfinalfantasylegend2",
"clfinalfantasytactics",
"clfinalfantasyVI",
"clfinalfantasyVII",
"clfinalfantasyVIId2",
"clfinalfantasyVIId3",
"clfinalfantasyVIItheothertetrr",
"clfinalninja",
"clfindthealien",
"clfireblob",
"clfireboyandwatergirl",
"clfireboyandwatergirl2",
"clfireboyandwatergirl3",
"clfireboyandwatergirl5",
"clfireboyandwatergirl6",
"clfireemblem",
"clfisheatgettingbig",
"clfisquarium",
"clfivenightsatbaldisredone",
"clfivenightsatepsteins",
"clfivenightsatshreks",
"clfivenightsatshrekshotel",
"clfivenightsatyoshis",
"clflappybird",
"clflashsonic",
"clfloodrunner",
"clfloodrunner2",
"clfloodrunner4",
"clfluidism",
"clfnac1",
"clfnac2",
"clFNAF",
"clFNAF2",
"clFNAF3",
"clfnaf3remastered",
"clFNAF4",
"clfnaf4halloween",
"clfnafanimatronics",
"clfnafps",
"clfnafshooter",
"clfnafsl",
"clfnafucn",
"clfnafworldd",
"clfnaw",
"clfnfaethos",
"clfnfagoti",
"clfnfakage",
"clfnfanimation",
"clfnfannie",
"clfnfasdf",
"clfnfbelowdepths",
"clfnfbfdi26",
"clfnfbinarybreakdown",
"clfnfblackbetrayal",
"clfnfbside",
"clfnfcamelliarudeblaster",
"clfnfcandycarrier",
"clfnfchara",
"clfnfcitytales",
"clfnfclassified",
"clfnfcorrosion",
"clfnfcory",
"clfnfcrunchin",
"clfnfdeciever",
"clfnfdesolation",
"clfnfdocumictxtv3",
"clfnfdokitakeoverplus",
"clfnfdropandroll",
"clfnfdsides",
"clfnfdustin",
"clfnfdusttale",
"clfnffleetway",
"clfnfflippedout",
"clfnffnaf1",
"clfnffnaf2",
"clfnffnaf3",
"clfnffnatpt",
"clfnfgamebreakerbundle",
"clfnfgfmode",
"clfnfgodot",
"clfnfgoldenapple",
"clfnfhank",
"clfnfheartbreakhavoc",
"clfnfherobrine",
"clfnfhex",
"clfnfholiday",
"clfnfhorkglorpgloop",
"clfnfhotline",
"clfnfhypnoslullaby",
"clfnfimposter3",
"clfnfimposterv4",
"clfnfindiecross",
"clfnfinfernalbout",
"clfnfinfiniteirida",
"clfnfironlung",
"clfnfjapcreepypasta",
"clfnfmadnesspoop",
"clfnfmaginagematches",
"clfnfmariomadnessdside",
"clfnfmarioport",
"clfnfmcmadness",
"clfnfmidfight",
"clfnfmiku",
"clfnfmobmod",
"clfnfneo",
"clfnfpiggyfield",
"clfnfplutoshi",
"clfnfpokepastaperdition",
"clfnfporifera",
"clfnfqt",
"clfnfremnants",
"clfnfretrospecter",
"clfnfrevmixed",
"clfnfrewrite",
"clfnfrhythmicrev",
"clfnfrottensmoothie",
"clfnfselfpaced",
"clfnfshaggy4keys",
"clfnfshaggyxmatt",
"clfnfshucks-v2",
"clfnfshucksv2",
"clfnfsky",
"clfnfsoft",
"clfnfsonicexe",
"clfnfsonicexe4",
"clfnfstarlightmayhem",
"clfnfstridentcrisis",
"clfnftailsgetstrolled",
"clfnftooslowfran",
"clfnftricky",
"clfnfTWIDDLEFINGER",
"clfnfundertale",
"clfnfvoid",
"clfnfvstabi",
"clfnfwaltenfiles",
"clfnfwednesday-infedility",
"clfnfwhitty",
"clfnfzardy",
"clfocus",
"clfolderdungeon",
"clfootballbros",
"clfootballlegends",
"clforknsausage",
"clfortzone",
"clfpa4p1",
"clfpa4p2",
"clfreegemas",
"clfreerider",
"clfreerider2",
"clfreerider3",
"clfridaynightfunkin",
"clfroggerarcade",
"clfromrusttoash",
"clfruitninja",
"clfunkinmix",
"clfunnybattle",
"clfunnybattle2",
"clfunnymadracing",
"clfunnyshooter2",
"clfunnyshooter22",
"clfuschiax",
"clfused240",
"clfzero",
"clfzerox",
"clgachaverse",
"clGain Ground",
"clgalaga",
"clgameandwatchcollection",
"clgamewatchgallery3",
"clgangstabean",
"clgangstabean2",
"clgangsterbros",
"clgarcello",
"clgarfcaughtinact",
"clgdlite",
"clgeneralchaos",
"clgenericfightermaybe",
"clgeometrydashscratch",
"clgeometryvibes",
"clgeorgeandtheprinter",
"clgetawayshootout",
"clgetontop",
"clGettothetopalthoughthereisnotop",
"clgetyoked",
"clggshinobi",
"clggshinobi2",
"clghosttrick",
"clgimmietheairpod",
"clgladdihoppers",
"clglfighters",
"clgloryhunters",
"clglover",
"clgoalsouthafrica",
"clgobble",
"clgoingballs",
"clgolddiggerfrvr",
"clgoldenaxe",
"clgoldenaxe2",
"clgoldenaxe3",
"clgoldeneye007",
"clgoldensun",
"clgoldensunnds",
"clGoldenSunTheLostAge",
"clgoldminer",
"clgolfbattle",
"clgolforbit",
"clgolfsunday",
"clgoodbigtowertinysquare",
"clgoodbigtowertinysquare2",
"clgoodboygalaxy",
"clgoodmonkeymart",
"clgooftroopsnes",
"clgooglebaseball",
"clgoogledino",
"clgorescriptclassic",
"clgorillatag",
"clgotobed",
"clgrandactionsimulator-ny",
"clgranddad",
"clgrandescapeprison",
"clgrandtheftautoadvance",
"clgranny",
"clgranny2",
"clgranny22",
"clgranny3",
"clgrannycreepy",
"clgrannynightmare",
"clgrannyy",
"clgranturismo",
"clgranturismo2",
"clgrassmowing",
"clgravity",
"clgravitymod",
"clgreenergrassawaits",
"clgrey-box-testing",
"clgrimacebirthday",
"clgrindcraft",
"clgrn",
"clgrowagarden",
"clgrowdenio",
"clgrowmi",
"clgrowyourgarden",
"clgta",
"clgta2",
"clgta22",
"clgta2alt",
"clgtaalt",
"clgtaalty",
"clgtachina",
"clgtamods",
"clguesstheiranswer",
"clgun-spin",
"clgunblood",
"clguncho",
"clgunfighterjessejames",
"clgunknight",
"clgunmayhem",
"clgunmayhem2",
"clgunmayhem2goof",
"clgunmayhemredux",
"clgunnight",
"clgunsmoke",
"clgunstarheroes",
"clgymstack",
"clgyromite",
"clhacx",
"clhajimeippo",
"clhajimenoippo",
"clhalflife",
"clhalocombatdevolved",
"clhandshakes",
"clhandsofwar (1)",
"clhandsofwar(1)",
"clhandsofwar(2)",
"clhandsofwar",
"clhandulum",
"clhanger",
"clhanger2",
"clhangonsms",
"clhappyroom",
"clhappywheels",
"clhardwaretycoon",
"clharmonyofdissonance",
"clHaroldsbadday",
"clharvestio",
"clharvestmoon",
"clharvestmoon2",
"clharvestmoon64",
"clhauntedschool",
"clhauntthehouse",
"clheartandsoul",
"clheartandsoul121",
"clhei$t",
"clHelios-Offline (1)",
"clHelios-Offline",
"clhelixjump",
"clhellron",
"clhelpnobrakes",
"clheretic",
"clhero3flyingrobot",
"clherobrinereborn",
"clhextris",
"clHighSpeed",
"clhighstakes",
"clhighwayracer2",
"clhighwaytraffic3d",
"clhillclimbracinglite",
"clHiNoHomo",
"clhipsterkickball",
"clhit8ox",
"clhitsinglereal",
"clhitstunfly",
"clhl2doom",
"clhobo",
"clhobo2",
"clhobo3",
"clhobo4",
"clhobo5",
"clhobo6",
"clhobo7",
"clhobovszombies",
"clHoennsLastWish",
"clholebattle",
"clholeio",
"clhollowknight",
"clhomesheephome",
"clhorrormickeymouse",
"clhotdogbush",
"clhotwax",
"clhouseofhazards",
"clhoverracerdrive",
"clhuggywuggypixel",
"clhumanexpenditureprogram",
"clhungryknight",
"clhungrylamu",
"clhyppersandbox",
"clicantbelievegoogleflaggedmeforthenameofthefilelol",
"clice age baby",
"clicedodo",
"clicefishing",
"clicypurplehead",
"clidlebreakout",
"clidledice",
"clidlefootballmanager",
"clidleidlegamedev",
"clidleminertycoon",
"clidleminorzamnshes12",
"climpossiblequiz (1)",
"climpossiblequiz",
"climpossiblequiz2",
"clinclementemerald",
"clindiantrucksimiulator",
"clinfinitecraft",
"clinkgame",
"clInkwell (v104)",
"clinnkeeper",
"clinsidestory",
"clinsomniary",
"clintellisphere",
"clinteractivebuddy",
"clintoruins",
"clintospace",
"clintospace2",
"clintospace3",
"clintothedeepweb",
"clintrusion",
"cliqball",
"clironsnout",
"clironsoldier",
"clirori",
"clitgetssolonelyhere",
"cliwbtg",
"cljacksmith",
"cljacksmithencryptedorsmthn",
"cljailbreakobbbobob",
"cljamesbondjr",
"cljazzjackrabbit",
"cljazzjackrabbit2",
"cljefflings",
"cljellydadhero",
"cljellydrift",
"cljellymario",
"cljellytruck",
"cljellytruckgood",
"cljetforcegemini",
"cljetpackjoyride",
"cljetrush",
"cljetskiracing",
"cljmocraft",
"cljohnnytrigger",
"cljohnnyupgrade",
"cljojobaps1",
"cljourneyarcade",
"cljourneydownhill",
"cljoustarcade",
"cljsvecx",
"cljumbomario",
"clJUMP",
"cljumpingshell",
"cljunglebooksnes",
"cljungledeerhunting",
"cljurassicpark",
"cljustfalllol",
"cljusthitthebutton",
"cljustoneboss",
"clkaizomarioworld",
"clkalikan",
"clkanyezone",
"clkapi",
"clkaratebros",
"clkarlson",
"clkartbros",
"clKenGriffeyJrPresentsMajorLeagueBaseball",
"clkeroseneclient",
"clkillerinstinct",
"clkillover",
"clkilltheiceagebabyadventure",
"clkimjonguntilepuzzle",
"clkingdomheartsdays",
"clkingdomheartsrecoded",
"clkingdomheartsrecodedalt",
"clkirby64",
"clkirby64crystalshards",
"clkirbyandtheamzingmirror",
"clkirbycanvascurse",
"clkirbysadventure",
"clkirbysdreamland",
"clkirbysdreamland3",
"clkirbysoftandwet",
"clkirbysqueaksquad",
"clkirbysuperstar",
"clkirbysuperstarultra",
"clkirbytiltandtumble",
"clkittencannon",
"clklifur",
"clknifehit",
"clknightmaretower",
"clknockknock",
"clkonkrio",
"clkoopasrevenge",
"clkourio",
"clks2teams",
"cllaceysflashgames",
"cllastfirered",
"cllasthorizon",
"cllaststand",
"cllaststand2",
"clleaderstrike",
"clleapandavoid2",
"cllearntofly",
"cllearntofly2",
"cllearntofly3",
"clLearnToFly3Debug",
"cllearntoflyidle",
"cllearntoflyidlehack",
"clLegacyOfGoku",
"cllegobatman",
"cllegobatman2superheroes",
"cllegoindianajones",
"cllegoindianajones2",
"cllegoninjago",
"cllegostarwars",
"cllegostarwars2gba",
"cllegostarwarsgba",
"cllemmings",
"clletitconsume",
"clletsgoeevee",
"clletsgopikachu",
"clleveldevil",
"clleverwarriors",
"cllightitup",
"cllilrunmo",
"cllime",
"cllinerider",
"cllinksawakeningdx",
"cllinktothepast",
"cllittlealchemy2",
"cllittlerunmo",
"cllockthedoor",
"clloderunner",
"cllonewolf",
"cllosangelesshark",
"cllowknight",
"clloz1",
"cllozlinkawakening",
"cllozminishcap",
"cllozoracleofseasons",
"cllozphantomhourglass",
"cllozspirittracks",
"clLSE",
"cllucid",
"clluckyblocks",
"cllumberobby",
"cllummm",
"clmadalinstuntcars",
"clmadalinstuntcarsgood",
"clmadalinstuntcarsmultiplayerfixed",
"clmadden93",
"clmadden94",
"clmadden95",
"clmadden96",
"clmadden99",
"clmaddenfootball",
"clmaddenfootball64",
"clmaddennfl",
"clmaddennfl2000",
"clmaddennfl2001",
"clmaddennfl2002",
"clmaddy98",
"clmadness-retaliation",
"clmadnessaccelerant",
"clmadnesscombatdefense",
"clmadnesscombatnexus",
"clmadnessgemini",
"clmadnesshydraulic",
"clmadnessinteractive",
"clmadnessoffcolor",
"clmadnesspremediation",
"clmadnessretaliation",
"clmadnesss2010",
"clmadnessstand",
"clmadskillsmotocross2",
"clmadstick",
"clmadstuntcars2",
"clmagetoweridle",
"clmagictiles3",
"clmajorasmask",
"clmakesureitsclosed",
"clmami",
"clmanagod",
"clmarbleracer(1)",
"clmarbleracer",
"clmari0",
"clMario Party Advance",
"clmario3",
"clmario64webgl",
"clmarioandluigisuperstarsaga",
"clmariobuilder64(1)",
"clmariobuilder64",
"clmariocombat",
"clmariogolf",
"clMarioisMissingDoneRight",
"clmariokart64",
"clmariokartds",
"clmariokartsupercircuit",
"clmariolostlevels",
"clmariomadness",
"clmariomakersnes",
"clmariominusrabbids",
"clmariopaint",
"clmarioparty",
"clmarioparty2",
"clmarioparty3",
"clmariopartyds",
"clmariosmysterymeat",
"clmariotennis",
"clmariotennisgb",
"clmariovsluigi",
"clMarvelSuperHeroesArcade",
"clMarvelVsCapcomPS1",
"clMarvelVsStreetFighter",
"clmarvelvsstreetfighterjp",
"clmaskedforcesunlimited",
"clmastermindworldconquerer",
"clmatrixrampage",
"clmattv2",
"clmauimallard",
"clmaxpayne",
"clmcfpsfbhd",
"clmcraerally",
"clmeatboy",
"clmeatboyflash",
"clmedalofhonor",
"clmedievalshark",
"clmedievil",
"clmegacd",
"clmegachess",
"clmegaclient",
"clmegaman",
"clmegaman2",
"clmegaman2gba",
"clmegaman3",
"clmegaman4",
"clmegaman5",
"clmegaman5gb",
"clmegaman6",
"clmegaman7",
"clmegaman8",
"clmegamanbasscftf",
"clmegamanbattlechipchallenge",
"clmegamanbn5tc",
"clmegamanbn5tp",
"clmegamanbn6cf",
"clmegamanbn6cg",
"clmegamanlegends",
"clmegamanlegends2",
"clmegamanx",
"clmegamanx2",
"clmegamanx3",
"clmegamanx4",
"clmegamanx5",
"clmegamanx6",
"clmegamanzero",
"clmegamanzx",
"clmegaminer",
"clmelonplayground",
"clmeowuwu",
"clmergeroundracers",
"clmetalgear",
"clmetalgearsolid",
"clmetalgearsolidps",
"clmetalslug",
"clmetalslug2",
"clmetalslugadvance",
"clmetalslugmission1",
"clmetalslugmission2",
"clMetalSonicHyperdrive",
"clmetroid",
"clmetroid2",
"clmetroidfusion",
"clmetroidprimehunters",
"clmetroidzeromission",
"clmiamishark",
"clmickeymaniasnes",
"clmicrolife",
"clmicromages",
"clmidwaysgreatesthitsn64",
"clmightyknight",
"clmightyknight2",
"clmimic",
"clMinceraft-I-NotMine_V6(1)",
"clMinceraft-I-NotMine_V6",
"clmindscape",
"clmindwave",
"clminecaves",
"clminecraft1-8-8",
"clminecraftcasesim",
"clminecraftpocketedition",
"clminecraftshooter",
"clMINECRAFTTOWERDEFENSE",
"clmineshooter",
"clminesweeperplus",
"clminhero",
"clminicrossword",
"clminiflips",
"clminimart",
"clminishooters",
"clminitooth",
"clmiraginewar",
"clmisslecommand",
"clmk4ampedup",
"clmkmythologiesn64",
"clmktrilogyps1",
"clmmbn3b",
"clmmbn3w",
"clmmbn4bm",
"clmmbn4rs",
"clmmbnws",
"clmmsf2zxn",
"clmmsf2zxs",
"clmmsf3ba",
"clmmsf3rj",
"clmmsfd",
"clmmsfl",
"clmmsfp",
"clmmwilywars",
"clmo64(1)",
"clmo64",
"clmobcontrolhtml5",
"clmobiusrevolution",
"clMoemon Emerald Vanilla+ (v110)",
"clmomimsleeping",
"clmomoscrushers",
"clmoneyrush",
"clmonkeymart",
"clmonkeymartenc",
"clmonsterderby",
"clmonsterswing",
"clmonstertracks",
"clmonstertruckcurfew",
"clmonstertruckportstunt",
"clmoonemeraldextremerandomizer",
"clmortalkombat",
"clmortalkombat2",
"clmortalkombat2a",
"clmortalkombat3",
"clmortalkombat3a",
"clmortalkombat4",
"clmortalkombata",
"clmortalkombatadvance",
"clmortkom4",
"clmotherload",
"clmotoroadrash",
"clmotox3m2",
"clmotox3m3",
"clmotox3mm",
"clmotox3mpoolparty",
"clmotox3mspookyland",
"clmotox3mwinter",
"clmountainbikeracer",
"clmrmine",
"clmrracer",
"clmspacman (1)",
"clmspacman(1)",
"clmspacman(2)",
"clmspacman",
"clmultitask",
"clmutilate-a-doll",
"clmvpbaseball",
"clmxoffroadmaster",
"clmyfriendpedro",
"clmyfriendpedroarena",
"clmyteardrop",
"cln",
"clnarc",
"clnatsuki64",
"clnaturalselection",
"clNautilusOS(1)",
"clNautilusOS",
"clNBAhangtime",
"clNBAjam",
"clnbajamTE",
"clnbalive2000",
"clnbalive2003",
"clnblox",
"clneonblaster",
"clneonrider",
"clnesworldchampion",
"clnetattack",
"clneverendinglegacy",
"clnewersmbds",
"clnewgroundsrumble",
"clnewsupermariobros",
"clNewSuperMarioWorld2AroundtheWorld",
"clnewyorkshark",
"clnextdoor",
"clnflblitz",
"clnfscarbonowncity",
"clnfsmostwanted",
"clnfsporcheunleashed",
"clnfsunderground",
"clnfsunderground2",
"clngon(1)",
"clngon",
"clnhl2002",
"clnhl98",
"clnhlhitz2003",
"clnickelodeonsuperbrawl2",
"clNicktoonsFreezeFrameFrenzy",
"clnightcatsurvival",
"clnightclubshowdown",
"clnightfire",
"clnightshade",
"clnikehub",
"clnimrods",
"clninjabrawl",
"clninjaobbyparkor",
"clnintendogslab",
"clnintendoworldcup",
"clnitclient",
"clnitromemustdie",
"clnomoregameasdsadfagfggdfs",
"clnoobminer",
"clnotyourpawn",
"clnovaclient",
"clnplus",
"clnsmbuds",
"clnsmbwds",
"clnubbysnumberfactory",
"clnullkevin",
"clNutsandBoltsScrewingPuzzle",
"clnzp",
"clobby-99-will-lose",
"clobby1jumpperclick",
"clobby456",
"clobbybike",
"clobbycart",
"clobbyonlyup",
"clobbyrainbowtower",
"clobbyslide",
"clobbyswing",
"clobbyyardsale",
"clobeythegame",
"clocarinaoftime",
"cloddbotout",
"cloddfuture",
"clofflineparadise",
"clohflip",
"clomegalayers",
"clomeganuggetclicker",
"clomnipresent",
"clonebitadventure",
"clonenightasfreddy",
"clonepiece",
"clonepiecefighting",
"cloneshotold",
"clonlyup",
"clOotMasterQuest",
"cloperius",
"cloppositeday",
"clopposumcountry",
"clOrangeRoulette",
"clorbofcreation",
"clordinarysonicromhack",
"cloregontrail",
"clorigamiking",
"clormmimastickwithclsoitcanberememberedoyeahclalienhominid",
"clortalkombat4",
"closu",
"clourpleguy",
"clouthold",
"cloutnumbered",
"clOutrunArcade",
"clOutrunGenesis",
"cloverburden",
"clovo",
"clovo2",
"clovodimensions",
"clovofixed",
"clpacman",
"clpacmana",
"clpacmansuperfast",
"clpacmanworld3",
"clpacmanworldg",
"clpacmanworldpsx",
"clpandameic2",
"clpapabakeria",
"clpapadonut",
"clpapalouienighthunt2",
"clpapalouiewhenburgersattack",
"clpapalouiewhenpizzasattack",
"clpapalouiewhensundaesattack",
"clpapapizzagood",
"clpapapizzagoody",
"clpapapizzamamamia",
"clpapasburgerIIIAAAAA",
"clpapascheeseria",
"clpapascupcakeria",
"clpapasfreezeria",
"clpapashotdoggeria",
"clpapaspancakeria",
"clpapaspastaria",
"clpapasscooperia",
"clpapassushiria",
"clpapastacomia",
"clpapaswingeria",
"clpaperio",
"clpaperio3d",
"clpaperiomania",
"clpapermario",
"clPaperMarioDSE",
"clPaperMarioPracticeHack",
"clpapermariopromode",
"clpapermariottyd",
"clparappatherapper",
"clparappatherapperalt",
"clparkingfury",
"clparkingfury2",
"clparkingfury3",
"clparkingrush",
"clpartnersintime",
"clpeacekeeper",
"clpeach",
"clpeggle",
"clpenaltykicks",
"clpenguindiner",
"clpenguinpass",
"clpepsiman",
"clpepsimanalt",
"clpereelous",
"clperfectdark",
"clperfecthotel",
"clpersona",
"clpersona2",
"clpersona2alt",
"clpersonaalt",
"clpetworld",
"clphantasystar",
"clphantasystar2",
"clphantasystar3",
"clphantasystar4",
"clphasma",
"clpheonixjusticeforall",
"clpheonixrightaceattorny",
"clpheonixtrialsandyear",
"clpheonixtrialsandyeartrhfasd",
"clpibbyapocalypse",
"clpiclient",
"clpico8",
"clpico8edu",
"clpicodriller",
"clpicohot",
"clpicolife",
"clpiconightpunkin",
"clpicosschool",
"clpicovsbeardx",
"clpiecesofcake",
"clpikwip",
"clpingpongchaos",
"clpinkbike",
"clpint",
"clpitfall",
"clpitof100trials",
"clpixelbattlegroundsio",
"clpixelcombat2",
"clpixelgun",
"clpixelquestlostidols",
"clpixelshooter",
"clpixelspeedrun",
"clpixelwarfare",
"clpizzapapa",
"clpizzatower",
"clpkmnarutoans",
"clplanetlife",
"clplangman",
"clplantsvszombies",
"clplantsvszombiesnds",
"clplazmaburst",
"clplinko",
"clplonky",
"clpogo3D",
"clpokeacademylifeforever",
"clpokeallin",
"clPokeAmbrosia",
"clpokebattlefact",
"clpokeblack",
"clpokeblack2alt",
"clpokeblack2html",
"clpokeblackalt",
"clpokeblazeblack2redux",
"clpokeblue",
"clpokeclassic",
"clpokecrown",
"clpokecrystaladvanceredux",
"clpokecrystalclear",
"clpokediamond",
"clpokedreamstone",
"clpokeeliteredux",
"clpokeelysiuma",
"clpokeelysiumb",
"clpokeemeraldenhanced",
"clpokeemeraldexceeded",
"clpokeemeraldhorizons",
"clpokeemeraldimperium",
"clpokeemeraldrandom",
"clpokeemeraldrogue",
"clPokeEmeraldRogueEX",
"clpokeemeraldz",
"clpokefiregold",
"clpokeflora",
"clpokefrlgplus",
"clpokefuseddimension",
"clPokeFusion3",
"clpokegaia",
"clpokegoldenshield",
"clpokegschronicles",
"clpokeheartgold",
"clPokeHeartgoldGenerations",
"clpokelightplatinum",
"clpokeliquidcrysta",
"clpokemegamoemon",
"clpokemonamnesia",
"clpokemonclover",
"clpokemoncrystal",
"clpokemonemerald",
"clpokemonemeraldcrest",
"clpokemonemeraldimperium",
"clpokemonemeraldkaizo",
"clpokemonemeraldmini",
"clPokemonemeraldrouge",
"clpokemonemeraldseaglass",
"clpokemonenergizedemerald",
"clpokemonevolvedsfdgsdfs",
"clpokemonfirered",
"clpokemonfireredandleafgreenplusedition",
"clpokemonfireredrandomized",
"clpokemongold",
"clpokemonkaizoironfirered",
"clpokemonlazarus",
"clpokemonleafgreen",
"clpokemonmodernemerald",
"clpokemonmysterydungeon",
"clpokemonperfectemerald55",
"clpokemonquetzal",
"clpokemonroaringred",
"clPokemonrocketedition",
"clpokemonruby",
"clpokemonsaiph",
"clpokemonsaiph2",
"clpokemonsapphire",
"clpokemonshinsigma",
"clpokemonsilver",
"clpokemonslgreen",
"clpokemonsmred",
"clpokemonsnap",
"clpokemonsors",
"clpokemonsors2",
"clpokemonstadium",
"clpokemonstadium2",
"clpokemontowerdefense",
"clpokemonultimatefusion",
"clpokemonunbound",
"clpokemonvolume1",
"clpokemonvolume2",
"clpokemonvolume3",
"clpokemonvolume4",
"clpokemoonemerald",
"clpokemoongalaxy",
"clpokemysteryexplorersofsky",
"clpokenameless",
"clpokeodyssey",
"clpokepasta",
"clpokepath",
"clpokepearl",
"clpokeperfectfirered",
"clpokepisces",
"clpokeplatinum",
"clpokeplatinumrandomized",
"clpokepureblue",
"clpokepuregreen",
"clpokepurered",
"clpokerechargedpink",
"clpokerechargedyellow",
"clpokerecordkeepers",
"clpokered",
"clpokerenegadeplat",
"clpokerocketedition",
"clpokerowe",
"clpokeruby",
"clpokerunandbun",
"clpokescorchedsilver",
"clpokesoulsilver",
"clpokesunsky",
"clpoketcg1",
"clpoketcg2",
"clpokethepit",
"clPokeThetaEmeraldEX",
"clpoketoomanytypes2",
"clpoketourmaline",
"clpokeultraviolet",
"clpokeunovaemerald",
"clpokevega",
"clpokevoltwhite2redux",
"clpokevoyager",
"clpokewhite",
"clpokewhite2",
"clpokewhite2alt",
"clpokeyellow",
"clPok�mon Emerald Rush Edition (20)",
"clPok�mon Trade&_Stache (V11)",
"clPok�mon TWO (v11)",
"clPok�monstunningsteel",
"clpolicepursuit2",
"clpolishedcrystal",
"clpolytrackbutnotflagged(1)",
"clpolytrackbutnotflagged",
"clpolytrackworksnow",
"clpomgetsinternet",
"clpoorbunny",
"clpopeyepapi",
"clporklike",
"clportal",
"clportal2d",
"clportaldefendersfastbreak",
"clportaldefendersTD",
"clportalflash",
"clporter",
"clportraitofruin",
"clpossessquest",
"clpostal",
"clpotatomanseeksthetroof",
"clpou(1)",
"clPou",
"clpowerslave",
"clpraxisfighterx",
"clprebronzeage",
"clprecivilationbronzeage",
"clprehistoricshark",
"clprimary",
"clprismarine",
"clprocessortycoon",
"clprofessorlaytonandthecuriousvillage",
"clpuckman",
"clpullfrog",
"clpumpkinrun",
"clpunchout",
"clpunchthedrump",
"clpunchthetrump",
"clpuppethockey",
"clpuppetmaster",
"clpushyourluck",
"clpuyopuyofever",
"clpvz",
"clpvz2",
"clpvz2gardenless",
"clPVZM",
"clpyrotoad",
"clqbert",
"clqbertarcade",
"clqtrewired",
"clquake2",
"clquake3",
"clquake64",
"clQuantumClicker",
"clquickieworld",
"clqwop",
"clracemaster3d",
"clracingarena",
"clradicalred",
"clradracer",
"clraftwars",
"clraftwars2",
"clragdoll-io",
"clragdollachivement",
"clragdollarchers",
"clragdolldrop",
"clragdollhit",
"clragdollrunners",
"clragdollsoccer",
"clragollhit",
"clrainbowsix",
"clrainbowsixalt",
"clraldiscrackhouse",
"clravenbase",
"clray1",
"clray2",
"clrayman",
"clraze",
"clraze2",
"clraze3",
"clre3",
"clreachthecore",
"clrealflightsim",
"clrebuild",
"clrebuild2",
"clrecoil",
"clredalert",
"clredball",
"clredball2",
"clredball3",
"clredball4(1)",
"clRedBall4",
"clredball4vol2",
"clredball4vol3",
"clredhanded",
"clredtierunner",
"clredvbluefix",
"clredvsblue2",
"clredvsbluewar",
"clreignofcentipede",
"clrenegades",
"clrepobad",
"clresidentevil",
"clresidentevil2",
"clresidentevil2d1",
"clresidentevil2d2",
"clresizer",
"clresortempire",
"clretrobowl",
"clretrobowlcollege",
"clretrohighway",
"clretropingpong",
"clreturnman",
"clreturnman2",
"clreturntoriddleschool",
"clrevolutionidle",
"clrewrite2",
"clrh",
"clrhythmheaven",
"clrhythymymheaven",
"clricochetkills2",
"clriddle",
"clriddlemiddleschool",
"clriddleschool",
"clriddleschool2",
"clriddleschool3",
"clriddleschool445544444$$444$444",
"clriddletransfer",
"clriddletransfer2",
"clriddleuneversityfix",
"clridgeracer",
"clrisehigher",
"clristar",
"clroadfighter",
"clroadoffury",
"clroadofthedead",
"clroadofthedead2",
"clroadrunnernes",
"clrocketgoalio",
"clrocketjump",
"clrocketknight2 (1)",
"clrocketknight2(1)",
"clrocketknight2(2)",
"clrocketknight2",
"clrocketknightadventures",
"clrocketleague",
"clrocketpult",
"clrocketsoccerderby",
"clrodha",
"clroguesoul",
"clroguesoul2",
"clrollerballer",
"clrollingsky",
"clrollyvortex",
"clrolypolymonster",
"clrooftoprun",
"clrooftopsnipers",
"clrooftopsnipers2",
"clroomclicker",
"clrosegold",
"clrotate",
"clroulettehero",
"clrouletteknight",
"clruffle",
"clrun-2",
"clrun",
"clrun2",
"clrun3",
"clrunningfred",
"clrussianbuckshot",
"clrussiancardriver",
"clrussiansandbox",
"clsaihatestation",
"clsandboxcity",
"clsandboxels",
"clsandsofthecoliseum",
"clsandstone(1)",
"clsandstone",
"clsandtris",
"clsantarun",
"clsanty",
"clsaszombieassault2",
"clsatryn",
"clsaulgoodmanrun",
"clsausageflip",
"clsayorisnotebook",
"clscalethedepths",
"clScamptonTheGreatFightRecreate",
"clscarletandviolet",
"clscarletshift",
"clscarymazegame",
"clscaryshawarma",
"clscaryteacher3d",
"clschoolboyrunaway",
"clscrapmetal3",
"clscrapyarddog",
"clscratchoptions",
"clscribblenauts",
"clscubabear",
"clsd-thewar",
"clsdf",
"clseamongrel",
"clsecretofmana",
"clsega2gg",
"clSegaSonicTheHedgehog",
"clself",
"clsentryfortress",
"clserenitrove",
"clserioussamadvance",
"clservingupmadness",
"clsevendays",
"clsfk",
"clsfk2",
"clsfklaststand",
"clsfkleague",
"clshadowcourier",
"clshadowdancer",
"clshadowdancersecret",
"clshaggy (1)",
"clshaggy",
"clshantaegb",
"clshapetransform",
"clshc1",
"clshc2",
"clshc3",
"clshift",
"clshift2",
"clshift3",
"clshiftatmidnight",
"clshinmegamitenseidevilsurvivor",
"clshinobi",
"clshinobi3",
"clshinobirevenge",
"clshoppingcarthero",
"clshortlife",
"clshotout4",
"clshredmill",
"clshredsauce",
"clshrek-2",
"clshrubnaut",
"clshwultimatem",
"clsideeffects",
"clsidepocket",
"clsierra7",
"clsilenthill",
"clsilenthillalt",
"clsilk",
"clsilkmelody",
"clsiloshowdow",
"clsilver",
"clsimcity64",
"clsimpsonsarcade",
"clSINGLEFILE",
"clsixwaystodie",
"clskateit",
"clskateordie",
"clskibididibidygyattohiorizzingallovertheplacestillwatermangotheoryfemboydrool",
"clskibidiinthebackrooms",
"clskibidishooter",
"clskinwalker",
"clskong",
"clskyrace-3d",
"clSkyRiders",
"clskywire",
"clskywire2",
"clslenderman",
"clslendytubbies",
"clsliceitall",
"clslideinthewoods",
"clslimelabratory",
"clslipways",
"clslitherio",
"clslope",
"clslope2player",
"clslope3",
"clslopeplus",
"clslotornot",
"clslowroads",
"clsm63redux",
"clsm64greenstars",
"clsm64hiddenstars",
"clSM64Land",
"clsm64lastimpact",
"clsm64liminaldream",
"clsm64oot",
"clsm64sapphire",
"clsmadvance2",
"clsmadvance3",
"clSmash Hit Ripoff",
"clsmashkarts",
"clsmashkartsworking",
"clsmashremix",
"clsmashremix201",
"clsmb12",
"clsmbc",
"clsmbcrossover",
"clsmbgameover",
"clsmbremastered",
"clsmc",
"clsmgds",
"clsnailbob",
"clsnailbob2",
"clsnailbob3",
"clsnailbob4space",
"clsnailbob5lovestory",
"clsnakeis",
"clsnakelike",
"clsnipershot",
"clsniperv2",
"clsnowballio",
"clsnowboardobby",
"clsnowbros (1)",
"clsnowbros(1)",
"clsnowbros(2)",
"clsnowbros",
"clSnowBrosGenesis",
"clsnowbrothers",
"clsnowdrift",
"clsnowrid",
"clsnowrideee",
"clsnowrider",
"clsnowridergoodygumdrops",
"clsnowriderrrr",
"clsnowroad",
"clsnowwhite",
"clsoccerbros",
"clsoccerrandom",
"clsoccerrandomgood",
"clsodasimulator",
"clsolarsandbox",
"clsolarsmash",
"clsolatrobo",
"clsolitaire",
"clsolstice",
"clsomari64",
"clSonic & Knuckles + Sonic The Hedgehog 3",
"clsonic1contemporary",
"clsonic1mobile",
"clSonic1ScoreRush",
"clSonic1TheSuperChallenges",
"clsonic2mobile",
"clsonic2pinkedition",
"clSonic2ScoreRush",
"clsonic2timeandplace",
"clsonic3andknuckles",
"clsonic3andsally",
"clsonic3complete",
"clsonic3dblast",
"clsonic3dblastdx",
"clsonicadvance",
"clsonicadvance2",
"clsonicadvance2sp",
"clsonicadvance3",
"clsonicandashuro",
"clsonicandfallingstar",
"clsonicandknuckles",
"clsonicbattle",
"clsonicblast",
"clsoniccd",
"clsoniccdmobile",
"clsonicchaos",
"clsonicclassiccollection",
"clsonicclassicheroes(1)",
"clsonicclassicheroes",
"clSonicClassics",
"clsoniccolors",
"clsonicdeltaorigins",
"clsoniceexeog",
"clsonicerazor",
"clsonicgg",
"clSonicHellfireSaga",
"clSonicInSM64",
"clSonicinSMW(1)",
"clsonicinsmw(2)",
"clSonicinSMW",
"clsonicjam",
"clsoniclabyrinth",
"clsonicmania",
"clsonicmaniaplus",
"clsonicmegamix",
"clsonicmon",
"clsonicpocketadventure",
"clsonicr",
"clsonicralt",
"clsonicrevert",
"clsonicrush",
"clsonicrushadventure",
"clsonicscorchedquest",
"clsonicspinball",
"clsonicthehedgehog",
"clsonicthehedgehog2",
"clsonicthehedgehog3",
"clsonny2",
"clsortthecourt",
"clsotn",
"clsouljumper",
"clsoundboard",
"clsouthparkn64",
"clSovereignoftheskys",
"clspacebarclicker",
"clspacecompany",
"clspaceharriersms",
"clspaceinvade95",
"clspaceinvaders",
"clspaceiskey",
"clspaceiskey2",
"clspaceiskeyxmas",
"clspacewarsbattleground",
"clspacewaves",
"clspecialmission",
"clspeedperclick",
"clspeedstars",
"clspelunky",
"clspewer",
"clspidermanps1",
"clspiralroll",
"clspiritsofhell",
"clSpongebobPowerKartGrandPrix",
"clSportsHeadsIceHockey",
"clsprinter",
"clsprunked",
"clsprunki",
"clsprunkiclicker",
"clspyhunter",
"clsquidplayground",
"clSSF2Arcade",
"clSSF2TArcade",
"clstackballio",
"clstacktris",
"clstackydash",
"clstarfox",
"clstarfox64",
"clstarraiders",
"clstateio",
"clstation141",
"clstationmeltdown",
"clstationsaturn",
"clsteakandjake",
"clstealbrainrot",
"clstealbrainrotonline",
"clstealthassassin",
"clstealthmaster",
"clsteelempire",
"clsteelsurge",
"clsteepdescent",
"clstickarchersbattle",
"clstickdefenders",
"clstickfighter",
"clstickjetchallenge",
"clstickmanandguns",
"clstickmanclash",
"clstickmanduel",
"clstickmangtacity",
"clstickmanhook",
"clStickmanKingdomclash",
"clstickmankombat2d",
"clstickmanstealingdiamond",
"clstickmerge",
"clstickminairship",
"clstickminbreakingbank",
"clstickminescapingprison",
"clstickminfleecomplex",
"clstickrpgcomplete",
"clstickslasher",
"clstickwar",
"clstickwar2",
"clstickwithit",
"clstormthehouse",
"clstormthehouse2",
"clstormthehouse3",
"clstrangejournet",
"clstreangeropepolice",
"clStreetFighter1Arcade",
"clstreetfighter2",
"clStreetFighter2Arcade",
"clStreetFighter2CEArcade",
"clStreetFighter2HFArcade(1)",
"clStreetFighter2HFArcade",
"clstreetfighter2turbo",
"clstreetfighteralpha3",
"clstreetfighterumuhsomething",
"clstreetofrage",
"clstreetofrage2",
"clstreetofrage3",
"clstrikeforceheroes",
"clstrikeforceheroes2",
"clstrikeforceheroes3",
"clstrikerdummies",
"clstylesavvy",
"clsubwaysurfersbarcelona",
"clsubwaysurfersbeijing",
"clsubwaysurfersberlin",
"clsubwaysurfersbuenosaires",
"clsubwaysurfershavana",
"clsubwaysurfershouston",
"clsubwaysurfersiceland",
"clsubwaysurferslondon",
"clsubwaysurfersmexico",
"clsubwaysurfersmiami",
"clsubwaysurfersmonaco",
"clsubwaysurfersneworeleans",
"clsubwaysurfersneworleans",
"clsubwaysurferssanfrancisco (1)",
"clsubwaysurferssanfrancisco(1)",
"clsubwaysurferssanfrancisco",
"clsubwaysurfersstpetersburg",
"clsubwaysurferswinterholiday",
"clsubwaysurferszurich",
"clsugarsugar",
"clsuika",
"clsuikapico",
"clsummerrider",
"clsunandmoon",
"clsuperbomberman",
"clsuperbomberman2",
"clsuperbomberman3",
"clsuperbomberman4",
"clsuperbomberman5",
"clsuperc",
"clsupercarrush",
"clsupercastlevaniaVI",
"clsuperchibiknight",
"clsupercold",
"clsuperdarkdeception",
"clsuperdiagonalmario2",
"clsuperdromebugs(1)",
"clsuperdromebugs",
"clsuperfallingfred",
"clsuperfighters",
"clsuperhot",
"clsuperhotlinemiami",
"clsuperhouseofdeadninjas",
"clsuperislandadventure",
"clsuperliquidsoccer",
"clsupermario",
"clsupermario3mix",
"clsupermario63",
"clsupermario64",
"clsupermario64ds",
"clsupermario74",
"clsupermarioallstars",
"clsupermariobros",
"clsupermariobros2",
"clsupermariobros2us",
"clsupermariobros3",
"clsupermariobros3real",
"clsupermariokart",
"clsupermarioland",
"clsupermarioland2",
"clsupermarioland2dx",
"clsupermariolanddx",
"clsupermariomon",
"clsupermariorpg",
"clsupermariostarroad",
"clsupermariostarroadretooled",
"clsupermariosunshine64",
"clsupermarioworld",
"clsupermarioworld2",
"clSuperMarioWorldThe SecretOfThe7GoldenStatues",
"clsupermetroid",
"clsupermonkeyballjr",
"clsupernoahsark3D",
"clsuperoliverworld",
"clsuperonionboy2",
"clsuperpickleballadventure",
"clsuperpunchout",
"clSuperPunchOutEN",
"clsuperpuzzlefighter2turbo",
"clsuperpuzzlefighter2turboalt",
"clsupersantakicker",
"clsupersantakicker2",
"clsuperscribblenauts",
"clsupersmashbros",
"clsupersmashflash",
"clsupersmashflash08",
"clsupersmashflash2",
"clsupersmashflash2butdifversion",
"clsuperstreetfighter2turbojp",
"clsupertiltbros",
"clsupitdept",
"clsupremeduelist",
"clSupremeDuelist2019",
"clsurvivalracev2",
"clsurvivorio",
"clsushicat",
"clsushicat2",
"clsushiunroll",
"clswerve",
"clswitchblade",
"clswordandshieldultimateplus",
"clswordfight",
"clswordplay",
"clswordsandsandals",
"clswordsandsandals2",
"clswordsandsouls",
"clsydneyshark",
"cltabi",
"cltabletanks",
"cltabletennisworldtour",
"cltacostand",
"cltag-",
"cltagc3",
"cltagcm",
"clTaikonoTatsujin",
"cltailofthedragon",
"cltaisei",
"cltakeover",
"cltallio",
"cltallmanrun",
"cltankmayhem",
"cltankpixel",
"cltanktrouble",
"cltanukisunset",
"cltanukisunsetuhhhhhhhh",
"cltapper",
"cltaproad",
"cltastyplanet",
"cltboidemo",
"cltboilambeternal",
"cltecmobowl",
"cltekken2ps1",
"cltekken3ps1",
"cltelephonetrouble",
"cltelocation",
"cltempest2000",
"cltempleofboom",
"cltemplerun2",
"cltempoverdose",
"clteod",
"clterra",
"clterritorialio",
"clterritorywar",
"clterritorywar2",
"clterritorywar3",
"cltetris",
"cltetrisattack",
"cltetrisgba",
"cltetrisgrandmaster2",
"clthanksforremindingmeihadtofixthis",
"cltheclassroom",
"cltheclassroom2",
"cltheclassroom3",
"clthedeadseat",
"clthedeepestsleep",
"clthedude",
"cltheenchantedcave2",
"cltheimpossiblegame",
"cltheincrediblemachine",
"clthelaststand",
"clthelaststandunioncity (1)",
"clthelaststandunioncity",
"clTheLoneRanger",
"clthemaninthewindow",
"clthemepark",
"clthepit",
"clthereisnofile",
"clthermomorph",
"clthesodorrace",
"clTheSunForTheVampire",
"cltheyarecoming",
"clthisistheonlylevel",
"clthisistheonlylevel2",
"clthisistheonlyleveltoo",
"clthreegoblets",
"clthrowapotato",
"clthrowapotatoagain",
"clthwack",
"cltiberiandawn",
"cltimeshooter2",
"cltimeshooter3",
"cltimewarriors",
"cltinyfishing",
"cltmnt",
"cltmnt2arc",
"cltmntarc",
"cltmntturtlesintime",
"cltoastarling",
"cltoasterball",
"cltoejam&earl",
"cltoejam&earlpof",
"cltombofthemass",
"cltommorowandyesterday",
"cltomodachicollection",
"cltonyhawkskater2",
"cltonyhawkskater4",
"cltonyhawksunderground",
"cltoomanytypes",
"cltopspeedracing3d",
"cltosstheturtle",
"cltotm",
"cltouhou",
"cltouhou2",
"cltouhou3",
"cltouhou4",
"cltouhou5",
"cltowerblocks",
"cltowercrash3d",
"cltowerwizard",
"cltownscraper",
"cltrace",
"cltrafficjam3d",
"cltralalerotralalaescapetungtungtungsahur",
"cltrappedwithjester",
"cltrapthecat",
"cltrechoroustrials",
"cltrechoroustrialspart2",
"cltriachnid",
"cltripleplay2000",
"cltriviacrack",
"cltrollfacequest1",
"cltrollfacequest10",
"cltrollfacequest11",
"cltrollfacequest12",
"cltrollfacequest13",
"cltrollfacequest2",
"cltrollfacequest3",
"cltrollfacequest4",
"cltrollfacequest5",
"cltrollfacequest6",
"cltrollfacequest7",
"cltrollfacequest8",
"cltrollfacequest9",
"cltrucksim",
"cltsuzukimaze",
"cltubejumpers",
"cltungtunghorror",
"cltungtungtungsahurobby",
"cltunnelrush",
"cltunnelrushbetter",
"cltupertariotros",
"clturbostars",
"clturokdinosaurhunter",
"cltwinshot (1)",
"cltwinshot(1)",
"cltwinshot",
"cltwistedmetal",
"cltwistedmetal2",
"cltwoball3d",
"clucds",
"cluckyblockobbyEUOPHRATESRIVER",
"clufoswampoddysey",
"clultima",
"clultimateassassian2",
"clultimateassassian3",
"clUltimatecardrivingsimulator",
"clultimatemortalkombat",
"clultimatemortalkombat3",
"clultrakill",
"clumjammerlammy",
"clumstickmangameidkiforgor",
"cluncannycatgolf",
"clunderneath",
"clundertalelb",
"clundertaler",
"clundertaleyellow",
"clunfairmario",
"clunfairmarioworkquestionmark",
"clunfairundyne",
"clunicyclehero",
"clunitresdreams",
"cluno",
"clunownking",
"cluntime",
"cluntitledgoosegame",
"clupgradecomplete",
"clupgradecomplete2",
"clupslash",
"clusterrush",
"clUZG",
"clvampiresurvivors",
"clvanguard",
"clvaportrails",
"clvex",
"clvex2",
"clvex3",
"clvex3xmas",
"clvex4",
"clvex5",
"clvex6",
"clvex7",
"clvex8",
"clvexchallenges",
"clvexx3m",
"clvexx3m2",
"clvillager",
"clvincentmansionofthedead",
"clvisitor",
"clvolleyrandom",
"clvollyballchallenge",
"clvortex",
"clvsagore",
"clvsnonsense",
"clVSSMB",
"clvvvvvv(1)",
"clvvvvvv",
"clwaluigitacostand",
"clwarfare1917",
"clwarfare1944",
"clwarioland1",
"clwarioland3",
"clwarioland4",
"clwariowarediy",
"clwariowareinc",
"clwartheknight",
"clwaterpoolio",
"clwaterworks",
"clwavedash",
"clwaverace64",
"clwaverun",
"clwebecomewhatwebehold",
"clwebfishing",
"clweltling",
"clwermhole",
"clwhackthetheif",
"clwhackyourboss",
"clwhackyourcomputer",
"clwhatamarioworld",
"clwheeliebike",
"clwheely",
"clwheely2",
"clwheely3",
"clwheely4",
"clwheely5",
"clwheely6",
"clwheely7",
"clwheely8",
"clwilywars",
"clwindowsdoors",
"clwinterfalling",
"clwinterolympics",
"clwipeout2097",
"clwipeout2097alt",
"clwitchcrafttd",
"clwolfchild",
"clwolfenstein",
"clwolfenstein3d",
"clwoodworm",
"clwordle",
"clworldcup98",
"clworldshardestgame",
"clworldshardestgame2",
"clworldshardestgame3",
"clworldshardestgame4",
"clwpnfire",
"clwrassling",
"clwrestlebros",
"clwwfattitude",
"clwwfsmackdown2",
"clxevent",
"clXevious",
"clxmenarcade",
"clXMenChildrenOfTheAtomArcade",
"clXMenVSStreetFighter",
"clyanderesimulator",
"clyarsrevenge",
"clyellow",
"clyohohoio",
"clYoshisStrangeQuest",
"clyouarelucky",
"clyourturntodie",
"clyouvs100skibidi",
"clyumenikki",
"clzdoom",
"clzelda2thelegendoflink",
"clZeldaIndigoch2",
"clzeldaminishcap",
"clzenword",
"clzoinkz",
"clzombieexploder",
"clzombieroad",
"clzombierush",
"clzombiesatemyneighboors",
"clzombopaclypse2",
"clzombotron",
"clzombotron2",
"clzombotronreboot",
"clzrist",
"clzuma",
"clzumashooter",
"cl�oo",
"cl?"
];

const extensions = [
        {
            id: 'gnmath',
            name: 'GN-Math',
            description: 'GN-Math has lots of games, especially ports of real games.',
            image: 'https://lh3.googleusercontent.com/Mxl8996vzcWWRU5RyKdTDA76GEPj9jQpuYc02nPgtwKgdqpWidM5YVqu8DHBd-D1sZ3sP1AOYB-DlNhMEpaLJxQcTQ=s128-rj-sc0x00ffffff',
            launch: () => openGNMath()
        },
        {
            id: 'testing',
            name: 'Testing Extension',
            description: 'IN DEVELOPMENT DONT USE',
            launch: () => openTestingExtension()
        }
    ];

const TASKBAR_TARGET_KEY = 'horion_taskbar_gnmath_target';
    const defaultTaskbarTarget = 'gnmath';
    let taskbarTarget = localStorage.getItem(TASKBAR_TARGET_KEY) || defaultTaskbarTarget;

// ==========================================
    // 2. FAVORITES LOGIC (LOCAL STORAGE)
    // ==========================================
    let favorites = JSON.parse(localStorage.getItem('horion_favorites')) || [];

function saveFavorites() {
        localStorage.setItem('horion_favorites', JSON.stringify(favorites));
        checkFavoritesVisibility();
        updateFavoritesView(); // Refresh the fav tab if open
    }

function isFavorite(id) {
        return favorites.some(f => f.id === id);
    }

function getTaskbarTargetExtension() {
        if (!taskbarTarget) return null;
        const extension = extensions.find(ext => ext.id === taskbarTarget);
        return extension || null;
    }

function setTaskbarTarget(extensionId) {
        if (!extensions.some(ext => ext.id === extensionId)) return;
        taskbarTarget = taskbarTarget === extensionId ? null : extensionId;
        saveTaskbarTarget();
    }

function renderTaskbarPins() {
        const pinContainer = document.getElementById('taskbar-pins');
        if (!pinContainer) return;

pinContainer.innerHTML = '';

const extension = getTaskbarTargetExtension();
        if (!extension) return;

const btn = document.createElement('span');
        btn.id = 'btn-gnmath';
        btn.className = 'nav-item pinned-app-btn';
        btn.innerText = 'GN-MATH';
        btn.onclick = () => extension.launch();
        pinContainer.appendChild(btn);
    }

function setGamesTaskbarHighlight(buttonId) {
        document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
        const targetBtn = document.getElementById(buttonId);
        if (targetBtn) targetBtn.classList.add('active');
    }

function generateExtensionsView() {
        const container = document.getElementById('extensions-grid');
        if (!container) return;
        container.innerHTML = '';

extensions.forEach(extension => {
            const card = document.createElement('div');
            card.className = 'extension-banner';

const image = document.createElement('img');
            image.className = 'extension-banner-image';
            const safeExtImage = String(extension && extension.image ? extension.image : '').trim();
            image.src = safeExtImage || 'https://placehold.co/1200x500/000000/0070FF?text=No+Image';
            image.alt = extension.name;
            image.onerror = function() {
                this.src = 'https://placehold.co/1200x500/000000/0070FF?text=No+Image';
            };

const content = document.createElement('div');
            content.className = 'extension-banner-content';

const title = document.createElement('h3');
            title.className = 'extension-banner-title';
            title.innerText = extension.name;

const description = document.createElement('p');
            description.className = 'extension-banner-desc';
            description.innerText = extension.description;

const actions = document.createElement('div');
            actions.className = 'extension-banner-actions';

const launchButton = document.createElement('button');
            launchButton.className = 'extension-action-btn';
            launchButton.innerText = 'LAUNCH';
            launchButton.onclick = () => extension.launch();

const pinButton = document.createElement('button');
            pinButton.className = 'extension-action-btn secondary';
            pinButton.dataset.pinId = extension.id;
            pinButton.onclick = () => setTaskbarTarget(extension.id);

actions.appendChild(launchButton);
            actions.appendChild(pinButton);
            content.appendChild(title);
            content.appendChild(description);
            content.appendChild(actions);
            card.appendChild(image);
            card.appendChild(content);
            container.appendChild(card);
        });

updateExtensionPinButtons();
    }

function updateExtensionPinButtons() {
        document.querySelectorAll('[data-pin-id]').forEach(button => {
            const id = button.dataset.pinId;
            button.innerText = taskbarTarget === id ? 'PINNED TO TASKBAR' : 'PIN TO TASKBAR';
        });
    }
   
    // ==========================================
    // 3. NAVIGATION & TAB LOGIC
    // ==========================================
    let isGnMathViewActive = false;
    let gnMathFallbackActive = false;

function updateNavbarContentOffset() {
        const nav = document.querySelector('.hud-nav');
        const isHidden = document.body.classList.contains('navbar-hidden');
        let offset = isHidden ? 40 : 125;

if (!isHidden && nav) {
            const rect = nav.getBoundingClientRect();
            offset = Math.max(96, Math.ceil(rect.bottom + 32));
        }

document.body.style.setProperty('--navbar-content-offset', `${offset}px`);
    }

function setNavbarHidden(isHidden) {
        const shouldHide = Boolean(isHidden);
        document.body.classList.toggle('navbar-hidden', shouldHide);
        updateNavbarContentOffset();

const toggle = document.getElementById('navbar-toggle');
        if (!toggle) return;

toggle.setAttribute('aria-label', shouldHide ? 'Show navbar' : 'Hide navbar');
        toggle.title = shouldHide ? 'Show navbar' : 'Hide navbar';
    }

function updateGNMathFallbackNotice() {
        const note = document.getElementById('gnmath-fallback-note');
        if (!note) return;

const shouldShow = isGnMathViewActive && gnMathFallbackActive;
        note.classList.toggle('hidden', !shouldShow);
        note.setAttribute('aria-hidden', shouldShow ? 'false' : 'true');
        requestAnimationFrame(updateNavbarContentOffset);
    }

window.addEventListener('resize', updateNavbarContentOffset);
    document.addEventListener('DOMContentLoaded', updateNavbarContentOffset);

function switchView(viewName, options = {}) {
        const shouldNotifyParent = options.notifyParent !== false;
        const shouldUpdateUrl = options.updateUrl === true;
        const shouldReplaceUrl = options.replaceUrl === true;
        const inlinePage = document.getElementById('horion-inline-page');
        if (inlinePage) inlinePage.remove();

isGnMathViewActive = viewName === 'gnmath';
        updateGNMathFallbackNotice();

const activeSection = document.querySelector('.view-section.active');
        const previousViewName = activeSection ? activeSection.id.replace(/^view-/, '') : '';

if (previousViewName === 'featured-game' && viewName !== 'featured-game' && !(currentFeaturedGame && isLobbyCodeFeaturedGame(currentFeaturedGame))) {
            stopFeaturedGamePlayback();
        }

unlockGamesScroll();
        window.scrollTo(0,0);
       
        if(viewName === 'favorites') updateFavoritesView();

const viewTitleMap = {
            home: 'Horion',
            featured: 'Horion - Featured',
            'featured-game': currentFeaturedGame ? `Horion - ${currentFeaturedGame.displayname}` : 'Horion - Featured Game',
            database: 'Horion - Database',
            favorites: 'Horion - Favorites',
            extensions: 'Horion - Extensions',
            more: 'Horion - More'
        };
        document.title = viewTitleMap[viewName] || 'Horion';

if (shouldNotifyParent) {
            try {
                const featuredPageId = viewName === 'featured-game' && currentFeaturedGame
                    ? getFeaturedRouteId(currentFeaturedGame.displayname)
                    : null;

if (window.parent && window.parent !== window && typeof window.parent.onGamesViewChange === 'function') {
                    window.parent.onGamesViewChange(viewName === 'featured-game' ? 'featured' : viewName, featuredPageId);
                }

if (window.parent && window.parent !== window && typeof window.parent.onGamesFeaturedPageChange === 'function') {
                    window.parent.onGamesFeaturedPageChange(featuredPageId);
                }
            } catch (err) {
                // Ignore parent messaging errors.
            }
        }

if (shouldUpdateUrl) {
            try {
                pushViewUrl(viewName, shouldReplaceUrl);
            } catch (err) {
                // Ignore local URL sync failures in iframe contexts.
            }
        }
    }

// ==========================================
    // 4. GENERATION LOGIC
    // ==========================================
    function unlockGamesScroll() {
        const root = document.documentElement;
        const body = document.body;
        if (root) {
            root.style.overflowX = 'hidden';
            root.style.overflowY = 'scroll';
            root.style.position = 'static';
            root.style.height = 'auto';
        }
        if (body) {
            body.style.overflowX = 'hidden';
            body.style.overflowY = 'scroll';
            body.style.position = 'static';
            body.style.height = 'auto';
        }

const scroller = document.scrollingElement || document.documentElement;
        if (scroller) {
            scroller.style.overflowY = 'scroll';
        }
    }

function stopFeaturedGamePlayback() {
        const frameEl = document.getElementById('featured-game-frame');
        if (!frameEl) return;

if (featuredGameBlobUrl) {
            try { URL.revokeObjectURL(featuredGameBlobUrl); } catch (err) {}
            featuredGameBlobUrl = '';
        }

featuredFrameSessionKey = '';
        setFeaturedFrameSandbox(frameEl, null);
        frameEl.removeAttribute('srcdoc');
        frameEl.src = 'about:blank';
        updateFeaturedFrameScrollMode();
    }

// Global state to track featured browsing controls
    let featuredSortMode = 'alphabetical';
    let featuredGenreIndex = 0;
    let currentFeaturedGame = null;
    let currentFeaturedGameUrlOverride = null;
    let featuredFrameLoadToken = 0;
    let featuredFrameSessionKey = '';
    let featuredGameBlobUrl = '';

const FEATURED_FRAME_DEFAULT_SANDBOX = 'allow-scripts allow-same-origin allow-forms allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-downloads';
    const FEATURED_FRAME_WEB_SANDBOX = FEATURED_FRAME_DEFAULT_SANDBOX;
    const FEATURED_FRAME_DEFAULT_ALLOW = 'autoplay *; fullscreen *; xr-spatial-tracking *; encrypted-media *; clipboard-read *; clipboard-write *; display-capture *; gamepad *; picture-in-picture *; screen-wake-lock *';
    const FEATURED_FRAME_WEBNOSANDBOX_ALLOW = 'gamepad *; fullscreen *; autoplay *';

function isFeaturedWebGame(game) {
        return game && (game.type === 'web' || game.type === 'webnosandbox');
    }

function isFeaturedAboutBlankOnlyGame(game) {
        return Boolean(game && game.aboutBlankOnly === true);
    }

function isLobbyCodeFeaturedGame(game) {
        const fileName = String((game && game.filename) || '').toLowerCase();
        return fileName.includes('skribbl.io')
            || fileName.includes('garticphone.com')
            || fileName.includes('ev.io')
            || fileName.includes('zombsroyale.io')
            || fileName.includes('songl.io');
    }

function getFeaturedRouteId(displayName) {
        return String(displayName || '').trim().replace(/\s+/g, '_').toLowerCase();
    }

function buildDatabaseGameUrl(gameId) {
        const safeId = String(gameId || '').trim();
        if (!safeId) return 'about:blank';
        return DATABASE_GAME_BASE_URL + encodeURIComponent(safeId) + '.html';
    }

function findFeaturedGameByRouteId(routeId) {
        const safeId = String(routeId || '').trim().toLowerCase();
        if (!safeId) return null;
        return featuredGames.find(game => getFeaturedRouteId(game.displayname).toLowerCase() === safeId) || null;
    }

function resolveFeaturedIframeUrl(game) {
        if (!game || !game.filename) return 'about:blank';

const rawFilename = String(game.filename).trim();
        if (!rawFilename) return 'about:blank';
        if (rawFilename.toLowerCase() === 'undefined' || rawFilename.toLowerCase() === 'null') return 'about:blank';

if (isFeaturedWebGame(game)) {
            if (/^https?:\/\//i.test(rawFilename)) {
                return rawFilename;
            }

for (const base of baseCandidates) {
                if (!base || /^about:/i.test(base)) continue;
                try {
                    return new URL(rawFilename, base).href;
                } catch (err) {
                    // Try the next candidate.
                }
            }

return rawFilename;
        }

return buildDatabaseGameUrl(rawFilename);
    }

function setFeaturedFrameSandbox(frameEl, game) {
        if (!frameEl) return;
        frameEl.setAttribute('allowfullscreen', '');

if (game && game.type === 'webnosandbox') {
            frameEl.removeAttribute('sandbox');
            frameEl.setAttribute('allow', FEATURED_FRAME_WEBNOSANDBOX_ALLOW);
            return;
        }

const sandboxValue = game && game.type === 'web'
            ? FEATURED_FRAME_WEB_SANDBOX
            : FEATURED_FRAME_DEFAULT_SANDBOX;
        frameEl.setAttribute('sandbox', sandboxValue);
        frameEl.setAttribute('allow', FEATURED_FRAME_DEFAULT_ALLOW);
    }

function buildWebFeaturedSrcDoc(targetUrl) {
        const safeUrl = String(targetUrl || '')
            .replace(/&/g, '&')
            .replace(/"/g, '"');

return '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><base target="_self"><style>html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}iframe{border:0;width:100%;height:100%;display:block;background:#000}</style></head><body><iframe src="' + safeUrl + '" allow="autoplay *; fullscreen *; xr-spatial-tracking *; encrypted-media *; clipboard-read *; clipboard-write *; display-capture *; gamepad *; picture-in-picture *; screen-wake-lock *" allowfullscreen referrerpolicy="no-referrer"></iframe><script>(function(){window.alert=function(){};window.confirm=function(){return false;};window.prompt=function(){return null;};})();<\/script></body></html>';
    }

function buildAboutBlankOnlySrcDoc(game) {
        const title = String((game && game.displayname) || 'This game')
            .replace(/&/g, '&')
            .replace(/</g, '<')
            .replace(/>/g, '>')
            .replace(/"/g, '"');

return '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>html,body{margin:0;width:100%;height:100%;background:#000;color:#fff;font-family:Arial,sans-serif}body{display:flex;align-items:center;justify-content:center;text-align:center}.msg{font-size:clamp(18px,3vw,34px);font-weight:700;line-height:1.35;padding:24px}.sub{display:block;margin-top:10px;font-size:clamp(12px,1.5vw,16px);font-weight:400;color:#aaa}</style></head><body><div class="msg">Open in about:blank to run<span class="sub">' + title + ' only works when opened in a about:blank.</span></div></body></html>';
    }

function loadFeaturedGameIntoFrame(game) {
        const frameEl = document.getElementById('featured-game-frame');
        if (!frameEl || !game) return;

const targetUrl = resolveFeaturedIframeUrl(game);
        ++featuredFrameLoadToken;

featuredFrameSessionKey = getFeaturedFrameSessionKey(game);
        setFeaturedFrameSandbox(frameEl, game);
        frameEl.removeAttribute('srcdoc');

if (isFeaturedAboutBlankOnlyGame(game)) {
            frameEl.src = 'about:blank';
            frameEl.srcdoc = buildAboutBlankOnlySrcDoc(game);
            updateFeaturedFrameScrollMode();
            return;
        }

if (game.type === 'webnosandbox') {
            frameEl.src = targetUrl || 'about:blank';
            updateFeaturedFrameScrollMode();
            return;
        }

if (game.type === 'web') {
            frameEl.src = 'about:blank';
            frameEl.srcdoc = buildWebFeaturedSrcDoc(targetUrl || 'about:blank');
            updateFeaturedFrameScrollMode();
            return;
        }

frameEl.src = 'about:blank';
        frameEl.srcdoc = buildWebFeaturedSrcDoc(targetUrl || 'about:blank');
        updateFeaturedFrameScrollMode();
    }

function refreshFeaturedGameFrame() {
        const frameEl = document.getElementById('featured-game-frame');
        if (!frameEl) return;

const overrideUrl = String(currentFeaturedGameUrlOverride || '').trim();
        if (overrideUrl) {
            frameEl.removeAttribute('srcdoc');
            frameEl.src = 'about:blank';
            frameEl.srcdoc = buildWebFeaturedSrcDoc(overrideUrl);
            updateFeaturedFrameScrollMode();
            return;
        }

if (currentFeaturedGame) {
            loadFeaturedGameIntoFrame(currentFeaturedGame);
        }
    }

function getFeaturedFrameFullscreenTarget() {
        return document.querySelector('.featured-game-frame-wrap') || document.getElementById('featured-game-frame');
    }

function isFeaturedFrameFullscreen(frameEl) {
        const target = getFeaturedFrameFullscreenTarget();
        return document.fullscreenElement === target
            || document.fullscreenElement === frameEl
            || document.webkitFullscreenElement === target
            || document.webkitFullscreenElement === frameEl
            || document.msFullscreenElement === target
            || document.msFullscreenElement === frameEl;
    }

function updateFeaturedFrameScrollMode() {
        const frameEl = document.getElementById('featured-game-frame');
        if (!frameEl) return;

const allowScroll = isFeaturedFrameFullscreen(frameEl);
        frameEl.setAttribute('scrolling', allowScroll ? 'yes' : 'no');
        frameEl.style.overflow = allowScroll ? 'auto' : 'hidden';

try {
            const doc = frameEl.contentDocument;
            if (!doc || !doc.documentElement || !doc.body) return;

const overflowValue = allowScroll ? 'auto' : 'hidden';
            const overscrollValue = allowScroll ? 'auto' : 'none';
            doc.documentElement.style.setProperty('overflow', overflowValue, 'important');
            doc.body.style.setProperty('overflow', overflowValue, 'important');
            doc.documentElement.style.setProperty('overscroll-behavior', overscrollValue, 'important');
            doc.body.style.setProperty('overscroll-behavior', overscrollValue, 'important');
        } catch (err) {
            // Cross-origin iframes cannot be styled directly.
        }
    }

function canUpdateGamesHistory() {
        const protocol = String(window.location.protocol || '').toLowerCase();
        const origin = String(window.location.origin || '').toLowerCase();
        if (protocol === 'about:' || protocol === 'data:' || protocol === 'blob:') return false;
        if (origin === 'null') return false;
        return Boolean(window.history && typeof history.pushState === 'function' && typeof history.replaceState === 'function');
    }

function pushFeaturedGameUrl(game, shouldReplace) {
        if (!canUpdateGamesHistory()) return;
        const url = new URL(window.location.href);
        url.searchParams.set('type', 'games');
        url.searchParams.set('page', getFeaturedRouteId(game.displayname));
        url.searchParams.delete('view');
        url.searchParams.delete('id');

const statePayload = {
            type: 'games',
            page: getFeaturedRouteId(game.displayname)
        };

if (shouldReplace) {
            history.replaceState(statePayload, '', url);
        } else {
            history.pushState(statePayload, '', url);
        }
    }

function pushViewUrl(viewName, shouldReplace) {
        if (!canUpdateGamesHistory()) return;
        const url = new URL(window.location.href);
        const pageValue = viewName === 'featured-game' && currentFeaturedGame
            ? getFeaturedRouteId(currentFeaturedGame.displayname)
            : viewName;

url.searchParams.set('type', 'games');
        url.searchParams.set('page', pageValue);
        url.searchParams.delete('view');
        url.searchParams.delete('id');

function getRecommendedFeaturedGames(currentGame, count) {
        const targetCount = Number.isFinite(count) ? Math.max(0, count) : 0;
        if (!currentGame || targetCount === 0) return [];

const recommendedRaw = currentGame.recommended
            || currentGame.recomended
            || currentGame.reccomended
            || currentGame.reccomendedd;

const recommendedList = Array.isArray(recommendedRaw)
            ? recommendedRaw
            : (typeof recommendedRaw === 'string' && recommendedRaw.trim()
                ? recommendedRaw.split(',').map(item => item.trim()).filter(Boolean)
                : []);

const normalize = (value) => String(value || '').trim().toLowerCase();

const byDisplayName = new Map();
        const byRouteId = new Map();
        const byFilename = new Map();

featuredGames.forEach((game) => {
            if (!game) return;
            byDisplayName.set(normalize(game.displayname), game);
            byRouteId.set(normalize(getFeaturedRouteId(game.displayname)), game);
            byFilename.set(normalize(game.filename), game);
        });

const selected = [];
        const seen = new Set();
        const addIfValid = (game) => {
            if (!game) return;
            if (game.filename === currentGame.filename) return;
            const key = normalize(game.filename) || normalize(game.displayname);
            if (!key || seen.has(key)) return;
            seen.add(key);
            selected.push(game);
        };

recommendedList.forEach((entry) => {
            const key = normalize(entry);
            if (!key) return;

const match = byDisplayName.get(key)
                || byRouteId.get(key)
                || byFilename.get(key)
                || byFilename.get(`${key}.html`)
                || byFilename.get(key.replace(/\.html$/i, ''));

addIfValid(match);
        });

if (selected.length < targetCount) {
            featuredGames.forEach((game) => addIfValid(game));
        }

return selected.slice(0, targetCount);
    }

function renderRecommendedFeaturedGames(currentGame) {
        const container = document.getElementById('featured-recommended-grid');
        if (!container) return;

container.innerHTML = '';
        getRecommendedFeaturedGames(currentGame, 3).forEach(game => {
            const card = createGameCard(game);
            container.appendChild(card);
        });
    }

function openFeaturedGamePage(game, options = {}) {
        if (!game) return;

const nextSessionKey = getFeaturedFrameSessionKey(game);
        const isSameSession = Boolean(featuredFrameSessionKey) && featuredFrameSessionKey === nextSessionKey;
        const preservedOverrideUrl = options.forceReload === true ? null : currentFeaturedGameUrlOverride;
        const shouldReloadFrame = options.forceReload === true
            || !isSameSession;

currentFeaturedGameUrlOverride = isSameSession ? preservedOverrideUrl : null;
        currentFeaturedGame = game;
        const featuredPageId = getFeaturedRouteId(game.displayname);

const shouldUpdateUrl = options.updateUrl !== false;
        const shouldReplaceUrl = options.replaceUrl === true;

const titleEl = document.getElementById('featured-game-title');
        const descEl = document.getElementById('featured-game-desc');

if (titleEl) titleEl.innerText = game.displayname;
        if (descEl) descEl.innerText = game.desc || game.description || '';
        if (shouldReloadFrame) {
            loadFeaturedGameIntoFrame(game);
        } else {
            updateFeaturedFrameScrollMode();
        }

renderRecommendedFeaturedGames(game);
        switchView('featured-game', { updateUrl: false });
        document.title = `Horion - ${game.displayname}`;

if (shouldUpdateUrl) {
            pushFeaturedGameUrl(game, shouldReplaceUrl);
        }
    }

function openFeaturedGameByRouteId(routeId, options = {}) {
        const game = findFeaturedGameByRouteId(routeId);
        if (!game) return false;
        openFeaturedGamePage(game, options);
        return true;
    }

window.openFeaturedGameByRouteId = openFeaturedGameByRouteId;

function routeFromUrl() {
        const params = new URLSearchParams(window.location.search);
        const type = String(params.get('type') || '').trim().toLowerCase();
        const pageParam = String(params.get('page') || '').trim();

// Backward compatibility with old query format.
        const legacyView = String(params.get('view') || '').trim();
        const legacyId = String(params.get('id') || '').trim();

if (type === 'games' && pageParam) {
            const page = pageParam.toLowerCase();
            const validViews = new Set(['home', 'favorites', 'featured', 'database', 'extensions', 'more']);

if (validViews.has(page)) {
                switchView(page, { notifyParent: false, updateUrl: false });
                return;
            }

const game = findFeaturedGameByRouteId(pageParam);
            if (game) {
                openFeaturedGamePage(game, { updateUrl: false });
                return;
            }

switchView('featured', { notifyParent: false, updateUrl: false });
            return;
        }

if (legacyView.toLowerCase() === 'featured-game') {
            const routeId = legacyId;
            const game = findFeaturedGameByRouteId(routeId);
            if (game) {
                openFeaturedGamePage(game, { updateUrl: false });
                return;
            }
            switchView('featured', { notifyParent: false, updateUrl: false });
            return;
        }

function toggleSort() {
        const sortModes = ['alphabetical', 'newest', 'genre'];
        const currentIndex = sortModes.indexOf(featuredSortMode);
        featuredSortMode = sortModes[(currentIndex + 1) % sortModes.length];
        const searchFeaturedInput = document.getElementById('searchFeatured');
        const searchValue = searchFeaturedInput ? searchFeaturedInput.value.trim().toLowerCase() : '';
        generateFeaturedGrid(searchValue);
    }

function toggleFeaturedGenre() {
        featuredGenreIndex = (featuredGenreIndex + 1) % FEATURED_GENRES.length;
        const searchFeaturedInput = document.getElementById('searchFeatured');
        const searchValue = searchFeaturedInput ? searchFeaturedInput.value.trim().toLowerCase() : '';
        generateFeaturedGrid(searchValue);
    }

function getFeaturedRowColumns() {
        if (window.innerWidth <= 620) return 2;
        if (window.innerWidth <= 920) return 4;
        if (window.innerWidth <= 1240) return 5;
        return 7;
    }

function renderFeaturedRows(container, cards) {
        const columns = getFeaturedRowColumns();
        container.innerHTML = '';
        container.style.setProperty('--featured-row-columns', columns);

for (let i = 0; i < cards.length; i += columns) {
            const row = document.createElement('div');
            row.className = 'featured-row';

cards.slice(i, i + columns).forEach(card => row.appendChild(card));
            container.appendChild(row);
        }
    }

function refreshFeaturedRowVisibility(container) {
        container.querySelectorAll('.featured-row').forEach(row => {
            const hasVisibleCards = Array.from(row.querySelectorAll('.game-card')).some(card => card.style.display !== 'none');
            row.style.display = hasVisibleCards ? 'flex' : 'none';
        });
    }

function generateFeaturedGrid(searchValue) {
        const container = document.getElementById('featured-grid');
        const sortBtn = document.getElementById('sort-btn');
        const genreBtn = document.getElementById('genre-btn');
        const safeSearch = String(searchValue || '').trim().toLowerCase();
       
        container.innerHTML = '';

if (sortBtn) {
            const sortLabelMap = {
                alphabetical: 'Sort: Alphabetical',
                newest: 'Sort: Newest',
                genre: 'Sort: Genre'
            };
            sortBtn.innerText = sortLabelMap[featuredSortMode] || sortLabelMap.alphabetical;
        }

if (genreBtn) {
            const currentGenre = FEATURED_GENRES[featuredGenreIndex] || FEATURED_GENRES[0];
            genreBtn.innerText = `Genre: ${currentGenre}`;
            genreBtn.hidden = featuredSortMode !== 'genre';
        }

let sortedGames = [...featuredGames];
        if (featuredSortMode === 'alphabetical') {
            sortedGames.sort((a, b) => a.displayname.localeCompare(b.displayname));
        } else if (featuredSortMode === 'genre') {
            const currentGenre = FEATURED_GENRES[featuredGenreIndex] || FEATURED_GENRES[0];
            sortedGames = sortedGames.filter(game => game.genre === currentGenre);
        }

const visibleGames = safeSearch
            ? sortedGames.filter(game => String(game.displayname || '').toLowerCase().includes(safeSearch))
            : sortedGames;

const cards = visibleGames.map(game => createGameCard(game));
        renderFeaturedRows(container, cards);
    }

function handleGameClick(game) {
        openFeaturedGamePage(game);
    }

function handleFeaturedLobbyJoin() {
        const input = document.getElementById('featured-lobby-input');
        if (!input) return;
        const val = input.value.trim();
        if (!val) return;
        const gameType = input.dataset.game || '';
        let targetUrl = null;

if (gameType.includes('skribbl.io')) {
            const code = extractLobbyCodeFromValue(val, { reservedWords: ['skribbl', 'io'], minLength: 3 });
            if (code) targetUrl = `https://skribbl.io/?${encodeURIComponent(code)}`;
        } else if (gameType.includes('garticphone.com')) {
            const code = extractLobbyCodeFromValue(val, { reservedWords: ['garticphone', 'en'], minLength: 3 });
            if (code) targetUrl = `https://garticphone.com/en/?c=${encodeURIComponent(code)}`;
        } else if (gameType.includes('ev.io')) {
            let code = extractLobbyCodeFromValue(val, { reservedWords: ['ev'], minLength: 3 });
            code = String(code || '').replace(/^lobby-/i, '').trim();
            if (code) targetUrl = `https://ev.io/?game=lobby-${encodeURIComponent(code)}`;
        } else if (gameType.includes('zombsroyale.io')) {
            const code = extractLobbyCodeFromValue(val, { reservedWords: ['zombsroyale'], minLength: 3 });
            if (code) targetUrl = `https://zombsroyale.io/party/${encodeURIComponent(code)}`;
        } else if (gameType.includes('songl.io')) {
            if (/^https?:\/\//i.test(val)) {
                try {
                    const parsed = new URL(val);
                    if (parsed.hostname === 'songl.io' || parsed.hostname.endsWith('.songl.io')) {
                        targetUrl = parsed.href;
                    }
                } catch (err) {
                    // Ignore invalid URL and try code extraction.
                }
            }

if (!targetUrl) {
                const code = extractLobbyCodeFromValue(val, { reservedWords: ['songl', 'io'], minLength: 3 });
                if (code) targetUrl = `https://songl.io/?${encodeURIComponent(code)}`;
            }
        }

if (targetUrl) {
            const frameEl = document.getElementById('featured-game-frame');
            if (frameEl) {
                frameEl.removeAttribute('srcdoc');
                frameEl.src = 'about:blank';
                frameEl.srcdoc = buildWebFeaturedSrcDoc(targetUrl);
                updateFeaturedFrameScrollMode();
            }
            currentFeaturedGameUrlOverride = targetUrl;
        } else {
            alert("Invalid lobby code or link.");
        }
    }

// Update your existing createGameCard function
    function createGameCard(game) {
        // Create Card Wrapper
        const card = document.createElement('div');
        card.className = 'game-card';
        card.dataset.name = game.displayname.toLowerCase();
       
        // UPDATE: Point the click event to our new routing function
        card.onclick = () => handleGameClick(game);

// SVG Heart Icon
        const star = document.createElement('div');
        star.className = 'fav-star-featured';
        // Using an SVG path that matches the image shape (rounded top, pointed bottom)
        star.innerHTML = `<svg viewBox="0 0 24 24" width="100%" height="100%" overflow="visible">
            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
        </svg>`;
       
        star.dataset.id = game.filename;
        if(isFavorite(game.filename)) star.classList.add('active');
        star.onclick = (e) => toggleFavorite(game.filename, 'featured', e);

// Create Image
        const img = document.createElement('img');
        const safeImage = String(game && game.image ? game.image : '').trim();
        img.src = safeImage || 'https://placehold.co/400x400/000000/0070FF?text=No+Image';
        img.alt = game.displayname;
        img.onerror = function() {
            this.src = 'https://placehold.co/400x400/000000/0070FF?text=No+Image';
        };

// Create Overlay
        const overlay = document.createElement('div');
        overlay.className = 'card-overlay';
       
        const title = document.createElement('div');
        title.className = 'game-title';
        title.innerText = game.displayname;

if (isFeaturedWebGame(game)) {
            const webBadge = document.createElement('div');
            webBadge.className = 'special-web-badge';
            webBadge.innerText = 'W';
            card.appendChild(webBadge);
        }

// Assemble
        card.appendChild(star);
        overlay.appendChild(title);
        card.appendChild(img);
        card.appendChild(overlay);
       
        return card;
    }

function generateDatabaseList() {
        const container = document.getElementById('sections-container');
        const buttonsWrapper = document.createElement('div');
        buttonsWrapper.className = 'buttons-container';
       
        databaseFiles.forEach(f => {
            const el = createDatabaseElement(f);
            buttonsWrapper.appendChild(el);
        });
        container.appendChild(buttonsWrapper);
    }

function createDatabaseElement(filename) {
        const displayName = filename.startsWith('cl') ? filename.slice(2) : filename;
       
        const wrapper = document.createElement('div');
        wrapper.className = 'db-item-wrapper';

const btn = document.createElement('input');
        btn.type = 'button';
        btn.className = 'db-btn';
        btn.value = displayName;
        btn.dataset.filename = filename; // for search
        btn.onclick = () => openGame(filename);
       
        const star = document.createElement('div');
        star.className = 'fav-star-db';
        star.innerHTML = `<svg viewBox="0 0 24 24" width="100%" height="100%" overflow="visible">
            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
        </svg>`;
        star.dataset.id = filename;
        if(isFavorite(filename)) star.classList.add('active');
        star.onclick = (e) => toggleFavorite(filename, 'database', e);

wrapper.appendChild(btn);
        wrapper.appendChild(star);
        return wrapper;
    }

function updateFavoritesView() {
        const featContainer = document.getElementById('favorites-featured-grid');
        const dbContainer = document.getElementById('favorites-database-list');
       
        featContainer.innerHTML = '';
        dbContainer.innerHTML = '';
       
        if(favorites.length === 0) {
            featContainer.innerHTML = '<p style="color:#666; width:100%;">No favorites yet.</p>';
            return;
        }

// Render Featured Favorites
        const favFeatured = favorites.filter(f => f.type === 'featured');
        if(favFeatured.length > 0) {
            const cards = [];
            favFeatured.forEach(fav => {
                // Find game data
                const gameData = featuredGames.find(g => g.filename === fav.id);
                if(gameData) cards.push(createGameCard(gameData));
            });

renderFeaturedRows(featContainer, cards);
        } else {
             featContainer.innerHTML = '<p style="color:#444; font-size:0.8rem;">No featured games favorited.</p>';
        }

// Render Database Favorites
        const favDb = favorites.filter(f => f.type === 'database');
        if(favDb.length > 0) {
            favDb.forEach(fav => {
                const el = createDatabaseElement(fav.id);
                dbContainer.appendChild(el);
            });
        } else {
             dbContainer.innerHTML = '<p style="color:#444; font-size:0.8rem; grid-column: 1 / -1;">No database entries favorited.</p>';
        }
    }

try{
    var originalPostMessage=window.postMessage;
    window.postMessage=function(message,targetOrigin,transfer){
        var safeOrigin=(targetOrigin===undefined||targetOrigin===null||String(targetOrigin).trim()==='')?'*':targetOrigin;
        return originalPostMessage.call(window,message,safeOrigin,transfer);
    };
}catch(e){}

if(window.HTMLImageElement) patchUrlProperty(HTMLImageElement.prototype,'src');
if(window.HTMLScriptElement) patchUrlProperty(HTMLScriptElement.prototype,'src');
if(window.HTMLIFrameElement) patchUrlProperty(HTMLIFrameElement.prototype,'src');
if(window.HTMLLinkElement) patchUrlProperty(HTMLLinkElement.prototype,'href');
if(window.HTMLAnchorElement) patchUrlProperty(HTMLAnchorElement.prototype,'href');
})();<\/script>`;

let sanitizedHtml = rawHtml
            .replace(/<meta[^>]*http-equiv=["']content-security-policy["'][^>]*>/gi, '')
            .replace(/<meta[^>]*http-equiv=["']x-content-security-policy["'][^>]*>/gi, '')
            .replace(/<base[^>]*>/gi, '')
            .replace(/\b(src|href)\s*=\s*["']undefined["']/gi, '$1="about:blank"')
            .replace(/\b(src|href)\s*=\s*["'](?:\.\/)?\/??undefined(?:\.[a-z0-9]+)?["']/gi, '$1="about:blank"')
            .replace(/\b(src|href)\s*=\s*undefined\b/gi, '$1="about:blank"')
            .replace(/window\.addEventListener$\s*["']load["']\s*,\s*\($\s*=>\s*window\.runGame\s*\)\s*;?/gi, 'window.addEventListener("load", function () { if (typeof window.runGame === "function") { window.runGame(); } });');

if (/youtube-playables/i.test(preferredBase)) {
            sanitizedHtml = sanitizedHtml.replace(/<script[^>]*src=["'][^"']*customytgame\.js[^"']*["'][^>]*><\/script>/gi, '');
        }

if (/<head[^>]*>/i.test(sanitizedHtml)) {
            return sanitizedHtml.replace(/<head[^>]*>/i, function (match) {
                return match + baseTag + runtimeGuards;
            });
        }

return '<!DOCTYPE html><html><head><meta charset="UTF-8">' + baseTag + runtimeGuards + '</head><body>' + sanitizedHtml + '</body></html>';
    }

function resolveDatabaseGameId(id) {
        const raw = String(id || '').trim();
        if (!raw) return '';

const lowerRaw = raw.toLowerCase();
        if (lowerRaw === 'undefined' || lowerRaw === 'null') return '';
        if (/^https?:\/\//i.test(raw)) return raw;

const bare = raw.replace(/\.html$/i, '');
        const token = bare.toLowerCase().replace(/[^a-z0-9]/g, '');
        const aliasMap = {
            bowmaster: 'clbowmaster',
            bowmasters: 'clbowmaster',
            clbowmasters: 'clbowmaster',
            clbowmaster: 'clbowmaster'
        };

if (aliasMap[token]) return aliasMap[token];
        if (/^cl[a-z0-9_-]+$/i.test(bare)) return bare;
        return 'cl' + token;
    }

function openGame(id) {
        const resolvedId = resolveDatabaseGameId(id);
        if (!resolvedId) return;

const targetUrl = /^https?:\/\//i.test(resolvedId)
            ? resolvedId
            : buildDatabaseGameUrl(resolvedId);

launchSite(targetUrl, resolvedId, { blockNewTabs: true });
    }

function launchSite(targetUrl, pageTitle, options) {
    const normalizedUrl = String(targetUrl || '').trim();
    if (!normalizedUrl) return false;
    const safeTitle = String(pageTitle || 'Horion Game')
        .replace(/&/g, '&')
        .replace(/</g, '<')
        .replace(/>/g, '>')
        .replace(/"/g, '"');

const win = window.open('about:blank', '_blank');
    if (!win) {
        alert('Pop-up blocked! Please allow popups for this site.');
        return false;
    }

try {
        win.opener = null;
    } catch (err) {
        // Some browsers may not allow updating opener.
    }

renderIframeWrapper(normalizedUrl);
   
    return true;
}

function openInlinePage(targetUrl, titleText, options) {
    const normalizedUrl = String(targetUrl || '').trim();
    if (!normalizedUrl) return false;

const existing = document.getElementById('horion-inline-page');
    if (existing) existing.remove();

const host = document.createElement('section');
    host.id = 'horion-inline-page';
    host.style.position = 'fixed';
    host.style.left = '0';
    host.style.right = '0';
    host.style.bottom = '0';
    host.style.zIndex = '9990';
    host.style.background = '#000';
    host.style.borderTop = '1px solid rgba(0, 112, 255, 0.25)';

host.innerHTML = `
        <iframe
            id="horion-inline-host-frame"
            src="about:blank"
            allow="autoplay *; fullscreen *; xr-spatial-tracking *; encrypted-media *; clipboard-read *; clipboard-write *; display-capture *; gamepad *; picture-in-picture *; screen-wake-lock *"
            allowfullscreen
            style="border:none;width:100%;height:100%;background:#000;"
        ></iframe>
    `;

const applyOffset = function () {
        const nav = document.querySelector('.hud-nav');
        const top = nav ? Math.max(0, Math.round(nav.getBoundingClientRect().bottom)) : 0;
        host.style.top = top + 'px';
    };

let closeInlineView = function () {
        window.removeEventListener('resize', applyOffset);
        document.removeEventListener('keydown', onKeydown);
        host.remove();
    };

const onKeydown = function (event) {
        if (event.key === 'Escape') closeInlineView();
    };

document.body.appendChild(host);
    const hostFrame = document.getElementById('horion-inline-host-frame');
    if (hostFrame && hostFrame.contentWindow && hostFrame.contentWindow.document) {
        const titleAttr = String(titleText || 'Extension');

const wrapperHtml = '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>' + titleAttr + '</title><base target="_self"><style>html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}iframe{border:none;width:100%;height:100%;background:#000}</style></head><body><iframe src="' + normalizedUrl + '" allow="autoplay *; fullscreen *; xr-spatial-tracking *; encrypted-media *; clipboard-read *; clipboard-write *; display-capture *; gamepad *; picture-in-picture *; screen-wake-lock *" allowfullscreen></iframe></body></html>';
        hostFrame.contentWindow.document.open();
        hostFrame.contentWindow.document.write(wrapperHtml);
        hostFrame.contentWindow.document.close();
    }

applyOffset();
    window.addEventListener('resize', applyOffset);
    document.addEventListener('keydown', onKeydown);

return true;
}

const GN_MATH_PRIMARY_URL = 'https://gn-math.dev/';
const GN_MATH_FALLBACK_URL = 'https://gn-math.github.io/gn-math-DONTDMCA/';

function runFetchWithTimeout(url, options, timeoutMs) {
    const safeTimeout = Number(timeoutMs) > 0 ? Number(timeoutMs) : 3500;
    const controller = typeof AbortController === 'function' ? new AbortController() : null;

return new Promise((resolve, reject) => {
        const timer = setTimeout(() => {
            if (controller) controller.abort();
            reject(new Error('timeout'));
        }, safeTimeout);

fetch(url, {
            ...(options || {}),
            signal: controller ? controller.signal : undefined
        })
            .then((response) => {
                clearTimeout(timer);
                resolve(response);
            })
            .catch((error) => {
                clearTimeout(timer);
                reject(error);
            });
    });
}

async function probeGNMathPrimary(targetUrl, timeoutMs) {
    const safeUrl = String(targetUrl || '').trim();
    if (!safeUrl) return false;

try {
        const response = await runFetchWithTimeout(safeUrl, {
            method: 'GET',
            cache: 'no-store',
            mode: 'cors'
        }, timeoutMs);

const bodyText = await response.text();
        const lowerBody = String(bodyText || '').toLowerCase();
        if (lowerBody.includes('cannot load games error')) {
            return false;
        }

return true;
    } catch (error) {
        return false;
    }
}

function probeUrlReachable(targetUrl, timeoutMs) {
    const safeUrl = String(targetUrl || '').trim();
    const safeTimeout = Number(timeoutMs) > 0 ? Number(timeoutMs) : 3500;
    if (!safeUrl) return Promise.resolve(false);

return new Promise((resolve) => {
        let didResolve = false;
        const finish = (value) => {
            if (didResolve) return;
            didResolve = true;
            resolve(Boolean(value));
        };

const controller = typeof AbortController === 'function' ? new AbortController() : null;
        const timer = setTimeout(() => {
            if (controller) controller.abort();
            finish(false);
        }, safeTimeout);

fetch(safeUrl, {
            method: 'GET',
            mode: 'no-cors',
            cache: 'no-store',
            signal: controller ? controller.signal : undefined
        })
            .then(() => finish(true))
            .catch(() => finish(false))
            .finally(() => clearTimeout(timer));
    });
}

function openGNMathWithFallback() {
    gnMathFallbackActive = false;
    updateGNMathFallbackNotice();

// Always attempt GN-Math primary domain first.
    return launchSite(GN_MATH_PRIMARY_URL, 'GN-Math', { blockNewTabs: true });
}

// Ensure these functions use the correct variable names
function openTestingExtension() {
    setGamesTaskbarHighlight('btn-gnmath');
    openGNMathWithFallback();
}

function extractLobbyCodeFromValue(value, options) {
    const rawValue = String(value || '').trim();
    if (!rawValue) return '';

const opts = options || {};
    const minLength = Number(opts.minLength) > 0 ? Number(opts.minLength) : 3;
    const reservedWords = new Set(
        ['http', 'https', 'www', 'join', 'invite', 'lobby', 'room', 'party', 'match', 'code', 'id', 'game']
            .concat(Array.isArray(opts.reservedWords) ? opts.reservedWords : [])
            .map((item) => String(item || '').trim().toLowerCase())
            .filter(Boolean)
    );

const candidates = [];
    const pushCandidate = function (candidate) {
        if (candidate === null || candidate === undefined) return;
        const text = String(candidate).trim();
        if (text) candidates.push(text);
    };

pushCandidate(rawValue);

const parseAsUrl = function (input) {
        const text = String(input || '').trim();
        if (!text) return;

const parseAttempts = [text];
        if (!/^[a-z][a-z0-9+.-]*:\/\//i.test(text) && /[./]/.test(text)) {
            parseAttempts.push('https://' + text);
        }

parseAttempts.forEach((attempt) => {
            try {
                const parsed = new URL(attempt);
                parsed.searchParams.forEach((paramValue, paramKey) => {
                    pushCandidate(paramValue);
                    pushCandidate(paramKey + '=' + paramValue);
                });

parsed.pathname.split('/').forEach(pushCandidate);

const hash = String(parsed.hash || '').replace(/^#/, '').trim();
                if (hash) {
                    hash.split(/[/?&=]/).forEach(pushCandidate);
                }
            } catch (err) {
                // Ignore invalid URL attempts.
            }
        });
    };

parseAsUrl(rawValue);

if (rawValue.includes('?')) {
        const suffix = rawValue.slice(rawValue.indexOf('?') + 1);
        suffix.split(/[&#]/).forEach(pushCandidate);
    }

if (rawValue.includes('#')) {
        const hashPart = rawValue.slice(rawValue.indexOf('#') + 1);
        hashPart.split(/[/?&=]/).forEach(pushCandidate);
    }

for (const candidate of candidates) {
        const decoded = safeDecode(candidate);
        const tokens = decoded.split(/[\s/?&#=,:;|]+/).filter(Boolean);

for (let token of tokens) {
            token = token.replace(/^["'`([{<]+|["'`\])}>.,!?]+$/g, '');
            token = token.replace(/^(room|code|lobby|party|match|game|id)[_:-]*/i, '');
            if (!token) continue;

const lower = token.toLowerCase();
            if (reservedWords.has(lower)) continue;
            if (!/^[a-z0-9_-]+$/i.test(token)) continue;
            if (token.length < minLength) continue;

return token;
        }
    }

return '';
}

function openSkribblLobbyPopup(defaultUrl, titleText) {
    const safeDefault = String(defaultUrl || 'https://skribbl.io/?').trim() || 'https://skribbl.io/?';
    const safeTitle = String(titleText || 'skribbl.io');
        const existingOverlay = document.getElementById('skribbl-lobby-overlay');
        if (existingOverlay) existingOverlay.remove();

const overlay = document.createElement('div');
        overlay.id = 'skribbl-lobby-overlay';
        overlay.style.position = 'fixed';
        overlay.style.inset = '0';
        overlay.style.background = 'rgba(0, 0, 0, 0.78)';
        overlay.style.backdropFilter = 'blur(4px)';
        overlay.style.zIndex = '99999';
        overlay.style.display = 'flex';
        overlay.style.alignItems = 'center';
        overlay.style.justifyContent = 'center';
        overlay.style.padding = '16px';

overlay.innerHTML = `
            <div id="skribbl-lobby-panel" style="width:min(460px,100%);border:1px solid rgba(80,180,255,0.35);background:rgba(8,20,34,0.95);border-radius:12px;padding:16px;box-shadow:0 0 24px rgba(0,149,255,0.2);font-family:Inter,sans-serif;color:#eaf6ff;">
                <div style="display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;">
                    <h2 style="margin:0;font-size:1.05rem;letter-spacing:0.04em;">skribbl.io Lobby Options</h2>
                    <button id="skribbl-close-btn" type="button" style="border:1px solid rgba(120,160,190,0.5);border-radius:8px;background:rgba(5,10,16,0.8);color:#d6ecff;width:34px;height:34px;cursor:pointer;font-size:1rem;line-height:1;">x</button>
                </div>
                <p style="margin:0 0 14px;font-size:0.85rem;color:#9dc3dc;line-height:1.5;">Create a new lobby, or paste a lobby invite link with a join code.</p>
                <button id="skribbl-create-btn" type="button" style="width:100%;border:1px solid rgba(78,208,255,0.55);border-radius:10px;background:linear-gradient(135deg,rgba(0,123,255,0.28),rgba(0,218,255,0.16));color:#e8fbff;padding:11px 12px;font-weight:700;cursor:pointer;margin-bottom:12px;">Create Lobby</button>
                <div style="height:1px;background:rgba(160,208,235,0.22);margin:10px 0 12px;"></div>
                <label for="skribbl-join-link" style="display:block;margin-bottom:6px;font-size:0.78rem;color:#9fc4db;letter-spacing:0.04em;">Join Lobby Link</label>
                <input id="skribbl-join-link" type="url" placeholder="https://skribbl.io/?abcd1234" autocomplete="off" style="width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid rgba(128,174,202,0.45);background:rgba(0,0,0,0.34);color:#eef8ff;outline:none;margin-bottom:10px;" />
                <button id="skribbl-continue-btn" type="button" disabled style="width:100%;border-radius:10px;padding:11px 12px;font-weight:700;margin-bottom:0;opacity:0.5;cursor:not-allowed;border:1px solid rgba(121,121,121,0.45);background:rgba(80,80,80,0.28);color:#e8fbff;">Continue to Lobby</button>
                <div style="margin-top:8px;font-size:0.75rem;color:#7ea3bb;">Example: https://skribbl.io/?roomCode</div>
            </div>
        `;

const normalizeJoinLink = function (value) {
            const rawValue = String(value || '').trim();
            if (!rawValue) return null;

const code = extractLobbyCodeFromValue(rawValue, {
                reservedWords: ['skribbl', 'io'],
                minLength: 3
            });
            if (!code) return null;
            return `https://skribbl.io/?${encodeURIComponent(code)}`;
        };

document.body.appendChild(overlay);

const panel = document.getElementById('skribbl-lobby-panel');
        const closeBtn = document.getElementById('skribbl-close-btn');
        const createBtn = document.getElementById('skribbl-create-btn');
        const continueBtn = document.getElementById('skribbl-continue-btn');
        const joinInput = document.getElementById('skribbl-join-link');

const closeModal = function () {
            document.removeEventListener('keydown', keyHandler);
            overlay.remove();
        };

const keyHandler = function (event) {
            if (event.key === 'Enter' && document.activeElement === joinInput && !continueBtn.disabled) {
                event.preventDefault();
                continueBtn.click();
            }
        };

closeBtn.addEventListener('click', closeModal);
        createBtn.addEventListener('click', function () {
            closeModal();
            launchSite(safeDefault, safeTitle);
        });
        continueBtn.addEventListener('click', function () {
            const target = continueBtn.dataset.targetUrl;
            if (!target) return;
            closeModal();
            launchSite(target, safeTitle);
        });
        joinInput.addEventListener('input', refreshContinueState);
        overlay.addEventListener('click', function () {
            // Locked modal: close only via X button.
        });
        panel.addEventListener('click', function (event) {
            event.stopPropagation();
        });
        document.addEventListener('keydown', keyHandler);

joinInput.value = safeDefault;
        refreshContinueState();
        joinInput.setSelectionRange(joinInput.value.length, joinInput.value.length);
        joinInput.focus();
}

function openGarticPhoneLobbyPopup(defaultUrl, titleText) {
        const safeDefault = String(defaultUrl || 'https://garticphone.com/en/').trim() || 'https://garticphone.com/en/';
    const safeTitle = String(titleText || 'Gartic Phone');
        const existingOverlay = document.getElementById('gartic-lobby-overlay');
        if (existingOverlay) existingOverlay.remove();

const overlay = document.createElement('div');
        overlay.id = 'gartic-lobby-overlay';
        overlay.style.position = 'fixed';
        overlay.style.inset = '0';
        overlay.style.background = 'rgba(0, 0, 0, 0.78)';
        overlay.style.backdropFilter = 'blur(4px)';
        overlay.style.zIndex = '99999';
        overlay.style.display = 'flex';
        overlay.style.alignItems = 'center';
        overlay.style.justifyContent = 'center';
        overlay.style.padding = '16px';

overlay.innerHTML = `
            <div id="gartic-lobby-panel" style="width:min(460px,100%);border:1px solid rgba(80,180,255,0.35);background:rgba(8,20,34,0.95);border-radius:12px;padding:16px;box-shadow:0 0 24px rgba(0,149,255,0.2);font-family:Inter,sans-serif;color:#eaf6ff;">
                <div style="display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;">
                    <h2 style="margin:0;font-size:1.05rem;letter-spacing:0.04em;">Gartic Phone Lobby Options</h2>
                    <button id="gartic-close-btn" type="button" style="border:1px solid rgba(120,160,190,0.5);border-radius:8px;background:rgba(5,10,16,0.8);color:#d6ecff;width:34px;height:34px;cursor:pointer;font-size:1rem;line-height:1;">x</button>
                </div>
                <p style="margin:0 0 14px;font-size:0.85rem;color:#9dc3dc;line-height:1.5;">Start a new lobby, or enter a lobby code to join one.</p>
                <button id="gartic-create-btn" type="button" style="width:100%;border:1px solid rgba(78,208,255,0.55);border-radius:10px;background:linear-gradient(135deg,rgba(0,123,255,0.28),rgba(0,218,255,0.16));color:#e8fbff;padding:11px 12px;font-weight:700;cursor:pointer;margin-bottom:12px;">Start Lobby</button>
                <div style="height:1px;background:rgba(160,208,235,0.22);margin:10px 0 12px;"></div>
                <label for="gartic-join-code" style="display:block;margin-bottom:6px;font-size:0.78rem;color:#9fc4db;letter-spacing:0.04em;">Lobby Code</label>
                <input id="gartic-join-code" type="text" placeholder="Enter lobby code" autocomplete="off" spellcheck="false" style="width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid rgba(128,174,202,0.45);background:rgba(0,0,0,0.34);color:#eef8ff;outline:none;margin-bottom:10px;" />
                <button id="gartic-continue-btn" type="button" disabled style="width:100%;border-radius:10px;padding:11px 12px;font-weight:700;margin-bottom:0;opacity:0.5;cursor:not-allowed;border:1px solid rgba(121,121,121,0.45);background:rgba(80,80,80,0.28);color:#e8fbff;">Join Lobby</button>
                <div style="margin-top:8px;font-size:0.75rem;color:#7ea3bb;">You can also paste a full garticphone.com invite URL.</div>
            </div>
        `;

const baseOrigin = getSafeOrigin(safeDefault);

const normalizeJoinTarget = function (value) {
            const rawValue = String(value || '').trim();
            if (!rawValue) return null;

document.body.appendChild(overlay);

const panel = document.getElementById('gartic-lobby-panel');
        const closeBtn = document.getElementById('gartic-close-btn');
        const createBtn = document.getElementById('gartic-create-btn');
        const continueBtn = document.getElementById('gartic-continue-btn');
        const codeInput = document.getElementById('gartic-join-code');

const closeModal = function () {
            document.removeEventListener('keydown', keyHandler);
            overlay.remove();
        };

const keyHandler = function (event) {
            if (event.key === 'Enter' && document.activeElement === codeInput && !continueBtn.disabled) {
                event.preventDefault();
                continueBtn.click();
            }
        };

closeBtn.addEventListener('click', closeModal);
        createBtn.addEventListener('click', function () {
            closeModal();
            launchSite(safeDefault, safeTitle);
        });
        continueBtn.addEventListener('click', function () {
            const target = continueBtn.dataset.targetUrl;
            if (!target) return;
            closeModal();
            launchSite(target, safeTitle);
        });
        codeInput.addEventListener('input', refreshContinueState);
        overlay.addEventListener('click', function () {
            // Locked modal: close only via X button.
        });
        panel.addEventListener('click', function (event) {
            event.stopPropagation();
        });
        document.addEventListener('keydown', keyHandler);

codeInput.value = safeDefault;
        refreshContinueState();
        codeInput.setSelectionRange(codeInput.value.length, codeInput.value.length);
        codeInput.focus();
}

function openZombsRoyaleLobbyPopup(defaultUrl, titleText) {
        const safeDefault = String(defaultUrl || 'https://zombsroyale.io/party/').trim() || 'https://zombsroyale.io/party/';
    const safeTitle = String(titleText || 'Zombs Royale');
        const existingOverlay = document.getElementById('zombs-lobby-overlay');
        if (existingOverlay) existingOverlay.remove();

const overlay = document.createElement('div');
        overlay.id = 'zombs-lobby-overlay';
        overlay.style.position = 'fixed';
        overlay.style.inset = '0';
        overlay.style.background = 'rgba(0, 0, 0, 0.78)';
        overlay.style.backdropFilter = 'blur(4px)';
        overlay.style.zIndex = '99999';
        overlay.style.display = 'flex';
        overlay.style.alignItems = 'center';
        overlay.style.justifyContent = 'center';
        overlay.style.padding = '16px';

overlay.innerHTML = `
            <div id="zombs-lobby-panel" style="width:min(460px,100%);border:1px solid rgba(80,180,255,0.35);background:rgba(8,20,34,0.95);border-radius:12px;padding:16px;box-shadow:0 0 24px rgba(0,149,255,0.2);font-family:Inter,sans-serif;color:#eaf6ff;">
                <div style="display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;">
                    <h2 style="margin:0;font-size:1.05rem;letter-spacing:0.04em;">Zombs Royale Lobby Options</h2>
                    <button id="zombs-close-btn" type="button" style="border:1px solid rgba(120,160,190,0.5);border-radius:8px;background:rgba(5,10,16,0.8);color:#d6ecff;width:34px;height:34px;cursor:pointer;font-size:1rem;line-height:1;">x</button>
                </div>
                <p style="margin:0 0 14px;font-size:0.85rem;color:#9dc3dc;line-height:1.5;">Start a new lobby, or paste a party invite link.</p>
                <button id="zombs-create-btn" type="button" style="width:100%;border:1px solid rgba(78,208,255,0.55);border-radius:10px;background:linear-gradient(135deg,rgba(0,123,255,0.28),rgba(0,218,255,0.16));color:#e8fbff;padding:11px 12px;font-weight:700;cursor:pointer;margin-bottom:12px;">Start Lobby</button>
                <div style="height:1px;background:rgba(160,208,235,0.22);margin:10px 0 12px;"></div>
                <label for="zombs-join-link" style="display:block;margin-bottom:6px;font-size:0.78rem;color:#9fc4db;letter-spacing:0.04em;">Party Link</label>
                <input id="zombs-join-link" type="url" placeholder="https://zombsroyale.io/party/abc123" autocomplete="off" style="width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid rgba(128,174,202,0.45);background:rgba(0,0,0,0.34);color:#eef8ff;outline:none;margin-bottom:10px;" />
                <button id="zombs-continue-btn" type="button" disabled style="width:100%;border-radius:10px;padding:11px 12px;font-weight:700;margin-bottom:0;opacity:0.5;cursor:not-allowed;border:1px solid rgba(121,121,121,0.45);background:rgba(80,80,80,0.28);color:#e8fbff;">Join Lobby</button>
            </div>
        `;

const normalizeJoinTarget = function (value) {
            const rawValue = String(value || '').trim();
            if (!rawValue) return null;

const code = extractLobbyCodeFromValue(rawValue, {
                reservedWords: ['zombsroyale'],
                minLength: 3
            });
            if (!code) return null;
            return `https://zombsroyale.io/party/${encodeURIComponent(code)}`;
        };

document.body.appendChild(overlay);

const panel = document.getElementById('zombs-lobby-panel');
        const closeBtn = document.getElementById('zombs-close-btn');
        const createBtn = document.getElementById('zombs-create-btn');
        const continueBtn = document.getElementById('zombs-continue-btn');
        const joinInput = document.getElementById('zombs-join-link');

const closeModal = function () {
            document.removeEventListener('keydown', keyHandler);
            overlay.remove();
        };

closeBtn.addEventListener('click', closeModal);
        createBtn.addEventListener('click', function () {
            closeModal();
            launchSite('https://zombsroyale.io/', safeTitle);
        });
        continueBtn.addEventListener('click', function () {
            const target = continueBtn.dataset.targetUrl;
            if (!target) return;
            closeModal();
            launchSite(target, safeTitle);
        });
        joinInput.addEventListener('input', refreshContinueState);
        overlay.addEventListener('click', function () {
            // Locked modal: close only via X button.
        });
        panel.addEventListener('click', function (event) {
            event.stopPropagation();
        });
        document.addEventListener('keydown', keyHandler);

joinInput.value = safeDefault;
        refreshContinueState();
        joinInput.setSelectionRange(joinInput.value.length, joinInput.value.length);
        joinInput.focus();
}

function openEvIOLobbyPopup(defaultUrl, titleText) {
        const safeDefault = String(defaultUrl || 'https://ev.io/?game=lobby-').trim() || 'https://ev.io/?game=lobby-';
    const safeTitle = String(titleText || 'ev.io');
        const existingOverlay = document.getElementById('evio-lobby-overlay');
        if (existingOverlay) existingOverlay.remove();

const overlay = document.createElement('div');
        overlay.id = 'evio-lobby-overlay';
        overlay.style.position = 'fixed';
        overlay.style.inset = '0';
        overlay.style.background = 'rgba(0, 0, 0, 0.78)';
        overlay.style.backdropFilter = 'blur(4px)';
        overlay.style.zIndex = '99999';
        overlay.style.display = 'flex';
        overlay.style.alignItems = 'center';
        overlay.style.justifyContent = 'center';
        overlay.style.padding = '16px';

overlay.innerHTML = `
            <div id="evio-lobby-panel" style="width:min(460px,100%);border:1px solid rgba(80,180,255,0.35);background:rgba(8,20,34,0.95);border-radius:12px;padding:16px;box-shadow:0 0 24px rgba(0,149,255,0.2);font-family:Inter,sans-serif;color:#eaf6ff;">
                <div style="display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;">
                    <h2 style="margin:0;font-size:1.05rem;letter-spacing:0.04em;">ev.io Lobby Options</h2>
                    <button id="evio-close-btn" type="button" style="border:1px solid rgba(120,160,190,0.5);border-radius:8px;background:rgba(5,10,16,0.8);color:#d6ecff;width:34px;height:34px;cursor:pointer;font-size:1rem;line-height:1;">x</button>
                </div>
                <p style="margin:0 0 14px;font-size:0.85rem;color:#9dc3dc;line-height:1.5;">Start a new lobby, or paste a lobby invite link.</p>
                <button id="evio-create-btn" type="button" style="width:100%;border:1px solid rgba(78,208,255,0.55);border-radius:10px;background:linear-gradient(135deg,rgba(0,123,255,0.28),rgba(0,218,255,0.16));color:#e8fbff;padding:11px 12px;font-weight:700;cursor:pointer;margin-bottom:12px;">Start Lobby</button>
                <div style="height:1px;background:rgba(160,208,235,0.22);margin:10px 0 12px;"></div>
                <label for="evio-join-link" style="display:block;margin-bottom:6px;font-size:0.78rem;color:#9fc4db;letter-spacing:0.04em;">Lobby Link</label>
                <input id="evio-join-link" type="url" placeholder="https://ev.io/?game=lobby-abc123" autocomplete="off" style="width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid rgba(128,174,202,0.45);background:rgba(0,0,0,0.34);color:#eef8ff;outline:none;margin-bottom:10px;" />
                <button id="evio-continue-btn" type="button" disabled style="width:100%;border-radius:10px;padding:11px 12px;font-weight:700;margin-bottom:0;opacity:0.5;cursor:not-allowed;border:1px solid rgba(121,121,121,0.45);background:rgba(80,80,80,0.28);color:#e8fbff;">Join Lobby</button>
            </div>
        `;

const normalizeJoinTarget = function (value) {
            const rawValue = String(value || '').trim();
            if (!rawValue) return null;

let code = extractLobbyCodeFromValue(rawValue, {
                reservedWords: ['ev'],
                minLength: 3
            });
            code = String(code || '').replace(/^lobby-/i, '').trim();
            if (!code) return null;
            return `https://ev.io/?game=lobby-${encodeURIComponent(code)}`;
        };

document.body.appendChild(overlay);

const panel = document.getElementById('evio-lobby-panel');
        const closeBtn = document.getElementById('evio-close-btn');
        const createBtn = document.getElementById('evio-create-btn');
        const continueBtn = document.getElementById('evio-continue-btn');
        const joinInput = document.getElementById('evio-join-link');

const closeModal = function () {
            document.removeEventListener('keydown', keyHandler);
            overlay.remove();
        };

closeBtn.addEventListener('click', closeModal);
        createBtn.addEventListener('click', function () {
            closeModal();
            launchSite('https://ev.io/', safeTitle);
        });
        continueBtn.addEventListener('click', function () {
            const target = continueBtn.dataset.targetUrl;
            if (!target) return;
            closeModal();
            launchSite(target, safeTitle);
        });
        joinInput.addEventListener('input', refreshContinueState);
        overlay.addEventListener('click', function () {
            // Locked modal: close only via X button.
        });
        panel.addEventListener('click', function (event) {
            event.stopPropagation();
        });
        document.addEventListener('keydown', keyHandler);

joinInput.value = safeDefault;
        refreshContinueState();
        joinInput.setSelectionRange(joinInput.value.length, joinInput.value.length);
        joinInput.focus();
}

function openSpecial(gamelink, gameTitle) {
    const rawLink = String(gamelink || '').trim();
    if (!rawLink) return;

if (/^https?:\/\//i.test(rawLink)) {
        launchSite(rawLink, gameTitle);
        return;
    }

for (const base of baseCandidates) {
        if (!base || /^about:/i.test(base)) continue;
        try {
            const absoluteLink = new URL(rawLink, base).href;
            launchSite(absoluteLink, gameTitle);
            return;
        } catch (err) {
            // Try next base candidate.
        }
    }

alert('Unable to resolve web game path: ' + rawLink);
}

// ==========================================
    // 5. PARTICLE SYSTEM
    // ==========================================
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    document.body.appendChild(canvas);
    let particles = [];
    const mouse = { x: null, y: null, radius: 100 };
    window.addEventListener('mousemove', (e) => { mouse.x = e.x; mouse.y = e.y; });

class Particle {
        constructor(x, y) {
            this.x = x; this.y = y; this.baseX = x; this.baseY = y;
            this.size = 1.5; this.density = (Math.random() * 20) + 2;
        }
        draw() {
            ctx.fillStyle = 'rgba(0, 229, 255, 0.8)';
            ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill();
        }
        update() {
            let dx = mouse.x - this.x; let dy = mouse.y - this.y;
            let distance = Math.sqrt(dx * dx + dy * dy);
            if (distance < mouse.radius) {
                const force = (mouse.radius - distance) / mouse.radius;
                const directionX = (dx / distance) * force * this.density;
                const directionY = (dy / distance) * force * this.density;
                this.x -= directionX; this.y -= directionY;
            } else {
                if (this.x !== this.baseX) this.x -= (this.x - this.baseX) / 10;
                if (this.y !== this.baseY) this.y -= (this.y - this.baseY) / 10;
            }
        }
    }

function initParticles() {
        canvas.width = window.innerWidth; canvas.height = window.innerHeight;
        particles = [];
        for (let i = 0; i < 180; i++) {
            particles.push(new Particle(Math.random() * canvas.width, Math.random() * canvas.height));
        }
    }

window.addEventListener('resize', () => { initParticles(); });
    initParticles(); animateParticles();

// ==========================================
    // 6. INITIALIZATION & SEARCH
    // ==========================================
    document.addEventListener('DOMContentLoaded', () => {
        applyRuntimeLaunchNotice();

if (taskbarTarget && !extensions.some(ext => ext.id === taskbarTarget)) {
            taskbarTarget = defaultTaskbarTarget;
        }
        saveTaskbarTarget();

checkFavoritesVisibility();
        generateFeaturedGrid();
        generateDatabaseList();
        generateExtensionsView();
        switchView('home', { notifyParent: false, updateUrl: false });

const fullscreenBtn = document.getElementById('featured-game-fullscreen');
        const refreshBtn = document.getElementById('featured-game-refresh');
        const aboutBlankBtn = document.getElementById('featured-game-aboutblank');
        const featuredFrame = document.getElementById('featured-game-frame');

if (fullscreenBtn && featuredFrame) {
            fullscreenBtn.addEventListener('click', () => {
                const fullscreenTarget = getFeaturedFrameFullscreenTarget();
                if (!fullscreenTarget) return;

if (fullscreenTarget.requestFullscreen) {
                    fullscreenTarget.requestFullscreen();
                } else if (fullscreenTarget.webkitRequestFullscreen) {
                    fullscreenTarget.webkitRequestFullscreen();
                } else if (fullscreenTarget.msRequestFullscreen) {
                    fullscreenTarget.msRequestFullscreen();
                }
            });
        }

if (featuredFrame) {
            featuredFrame.addEventListener('load', updateFeaturedFrameScrollMode);
            document.addEventListener('fullscreenchange', updateFeaturedFrameScrollMode);
            document.addEventListener('webkitfullscreenchange', updateFeaturedFrameScrollMode);
            document.addEventListener('MSFullscreenChange', updateFeaturedFrameScrollMode);
            updateFeaturedFrameScrollMode();
        }

if (refreshBtn) {
            refreshBtn.addEventListener('click', refreshFeaturedGameFrame);
        }

if (aboutBlankBtn) {
            aboutBlankBtn.addEventListener('click', () => {
                if (!currentFeaturedGame) return;

const targetUrl = currentFeaturedGameUrlOverride || resolveFeaturedIframeUrl(currentFeaturedGame);
                if (!targetUrl) return;

if (isFeaturedWebGame(currentFeaturedGame) || currentFeaturedGameUrlOverride) {
                    launchSite(targetUrl, currentFeaturedGame.displayname, { blockNewTabs: true });
                } else {
                    launchSite(targetUrl, currentFeaturedGame.displayname, { blockNewTabs: true });
                }
            });
        }

const lobbyJoinBtn = document.getElementById('featured-lobby-join');
        const lobbyInput = document.getElementById('featured-lobby-input');

if (lobbyJoinBtn) {
            lobbyJoinBtn.addEventListener('click', handleFeaturedLobbyJoin);
        }
        if (lobbyInput) {
            lobbyInput.addEventListener('keydown', (e) => {
                if (e.key === 'Enter') handleFeaturedLobbyJoin();
            });
        }

const searchFeaturedInput = document.getElementById('searchFeatured');
        if (searchFeaturedInput) {
            searchFeaturedInput.addEventListener('input', e => {
                const search = String(e.target.value || '').toLowerCase();
                generateFeaturedGrid(search);
            });
        }

let featuredCols = getFeaturedRowColumns();
        window.addEventListener('resize', () => {
            const nextFeaturedCols = getFeaturedRowColumns();
            if (nextFeaturedCols !== featuredCols) {
                featuredCols = nextFeaturedCols;
                const searchValue = searchFeaturedInput ? searchFeaturedInput.value.trim().toLowerCase() : '';
                generateFeaturedGrid(searchValue);
                updateFavoritesView();
            }
        });

window.addEventListener('popstate', () => {
            routeFromUrl();
        });

routeFromUrl();

const databaseSearchInput = document.getElementById('searchDatabase');
        databaseSearchInput.addEventListener('input', e => {
            const search = e.target.value.toLowerCase();
            document.querySelectorAll('#sections-container .db-btn').forEach(btn => {
                const wrapper = btn.parentElement;
                wrapper.style.display = btn.value.toLowerCase().includes(search) ? 'flex' : 'none';
            });
            unlockGamesScroll();
            requestAnimationFrame(unlockGamesScroll);
        });
        databaseSearchInput.addEventListener('focus', unlockGamesScroll);
        databaseSearchInput.addEventListener('blur', unlockGamesScroll);

</script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Horion TV</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600&family=JetBrains+Mono:wght@300;700&display=swap" rel="stylesheet">
    <style>
        /* --- ROOT VARIABLES (HORION THEME) --- */
        :root {
            --hacker-blue: #0070FF;
            --neon-blue: #00E5FF;
            --bg-dark: #000000;
            --text-grey: #445566;
            --warning-gold: #FFC107;
            --heart-red: #FF0050;
        }

/* --- BODY --- */
        body {
            margin: 0;
            background-color: var(--bg-dark);
            font-family: 'Inter', sans-serif;
            color: white;
            overflow-x: hidden;
            overflow-y: scroll;
            scroll-behavior: smooth;
            scroll-padding-top: var(--navbar-content-offset, 125px);
        }

/* --- BOOTUP OVERLAY --- */
        #boot-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #020205;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: opacity 0.5s ease, visibility 0.5s;
        }

.boot-text {
            font-family: 'JetBrains Mono', monospace;
            color: var(--neon-blue);
            letter-spacing: 4px;
            margin-bottom: 20px;
            font-size: 0.9rem;
            text-transform: uppercase;
            animation: pulseText 2s infinite;
        }

@keyframes pulseText {
            0% { opacity: 0.7; }
            50% { opacity: 1; text-shadow: 0 0 10px var(--neon-blue); }
            100% { opacity: 0.7; }
        }

.progress-container {
            width: 300px;
            height: 3px;
            background: rgba(0, 112, 255, 0.15);
            position: relative;
            border-radius: 2px;
            overflow: hidden;
        }

.progress-bar {
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background: var(--neon-blue);
            box-shadow: 0 0 20px var(--neon-blue);
            transition: width 0.1s linear;
        }

/* --- NAVBAR --- */
        .hud-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 60px;
            background: rgba(0, 5, 15, 0.8);
            border-bottom: 1px solid rgba(0, 112, 255, 0.15);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            backdrop-filter: blur(5px);
        }

body.navbar-hidden .hud-nav {
            display: none;
        }

body.navbar-hidden .content-container {
            margin-top: 40px;
        }

.nav-logo {
            font-size: 2.5rem;
            font-weight: 100;
            letter-spacing: 8px;
            text-decoration: none;
            color: white;
            transition: 0.4s ease;
        }
        .nav-logo span { color: var(--hacker-blue); font-weight: 400; }
        .nav-logo:hover { text-shadow: 0 0 15px var(--hacker-blue); cursor: pointer; }

.nav-right { display: flex; align-items: center; gap: 10px; padding-right: 48px; }

.nav-item {
            text-decoration: none;
            color: white;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 4px;
            transition: 0.3s;
            padding: 10px 20px;
            cursor: pointer;
        }

.nav-item:hover { color: var(--neon-blue); }
        .nav-item.active { color: var(--hacker-blue); border-bottom: 1px solid var(--hacker-blue); }
        .nav-item.youtube-btn { color: white; }
        .nav-item.youtube-btn:hover { color: var(--neon-blue); }

.nav-collapse-btn {
            width: 42px;
            height: 42px;
            border: 0;
            background: transparent;
            color: var(--hacker-blue);
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            transition: 0.3s;
            position: fixed;
            top: 21px;
            right: 22px;
            z-index: 102;
        }

.nav-collapse-btn::before {
            content: "";
            width: 16px;
            height: 16px;
            border-left: 6px solid currentColor;
            border-bottom: 6px solid currentColor;
            transform: rotate(45deg);
            transition: 0.3s;
            filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.95)) drop-shadow(0 0 18px rgba(0, 112, 255, 0.58));
        }

.nav-collapse-btn:hover {
            color: white;
            transform: scale(1.08);
            cursor: pointer;
        }

body.navbar-hidden .nav-collapse-btn::before {
            transform: rotate(-45deg);
        }

/* --- CONTENT CONTAINER --- */
        .content-container {
            max-width: 1400px;
            margin: var(--navbar-content-offset, 125px) auto 40px;
            padding: 40px;
            position: relative;
            z-index: 1;
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(0, 112, 255, 0.1);
            border-radius: 4px;
            backdrop-filter: blur(2px);
            min-height: 80vh;
            box-sizing: border-box;
        }

/* --- TV GRIDS & CARDS --- */
        .tv-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 25px;
            margin-top: 30px;
        }

.tv-card {
            position: relative;
            aspect-ratio: 2 / 3;
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(0, 112, 255, 0.15);
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
        }

.tv-card:hover {
            transform: translateY(-10px);
            border-color: var(--neon-blue);
            box-shadow: 0 0 25px rgba(0, 112, 255, 0.2);
        }

.tv-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px 10px;
            background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
            box-sizing: border-box;
            opacity: 1;
        }

.tv-title {
            color: white;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.tv-meta {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.7rem;
            color: var(--neon-blue);
        }

/* --- HERO SECTION --- */
        .hero-banner {
            width: 100%;
            height: 500px;
            position: relative;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 20px;
            border: 1px solid rgba(0, 112, 255, 0.2);
        }

.hero-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            filter: brightness(0.6);
        }

.hero-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 60px;
            background: linear-gradient(to top, black 10%, transparent);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

.hero-title {
            font-size: 4rem;
            font-weight: 800;
            margin: 0 0 10px 0;
            text-shadow: 0 0 20px rgba(0,0,0,0.8);
            line-height: 1;
        }

.hero-desc {
            max-width: 600px;
            color: #ccc;
            margin-bottom: 20px;
            font-size: 1rem;
            line-height: 1.5;
            text-shadow: 0 0 5px black;
        }

/* --- SEARCH PROMPT BOX --- */
        .search-prompt {
            background: rgba(0, 112, 255, 0.05);
            border: 1px solid rgba(0, 112, 255, 0.2);
            border-radius: 4px;
            padding: 20px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
            backdrop-filter: blur(2px);
        }
       
        .search-prompt span {
            font-family: 'JetBrains Mono', monospace;
            font-size: 1.1rem;
            color: white;
            letter-spacing: 1px;
        }

@media (max-width: 600px) {
            .search-prompt { flex-direction: column; gap: 15px; text-align: center; }
        }

/* --- HOME FOOTER --- */
        .home-footer {
            margin-top: 60px;
            padding-top: 30px;
            border-top: 1px solid rgba(0, 112, 255, 0.15);
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            font-family: 'JetBrains Mono', monospace;
        }
       
        .footer-version {
            color: var(--neon-blue);
            font-size: 1.1rem;
            font-weight: bold;
            letter-spacing: 2px;
        }

.footer-changes {
            color: var(--text-grey);
            font-size: 0.85rem;
            max-width: 500px;
        }

.footer-changes span {
            color: white;
            font-weight: bold;
            display: block;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

.footer-changes ul {
            margin: 0;
            padding-left: 15px;
            list-style-type: square;
        }

.footer-changes li {
            margin-bottom: 5px;
            line-height: 1.4;
        }

@media (max-width: 768px) {
            .home-footer {
                flex-direction: column;
                gap: 20px;
            }
        }

.tv-site-footer {
            margin: 24px 60px 16px;
            border: 1px solid rgba(0, 112, 255, 0.2);
            background: rgba(0, 12, 24, 0.75);
            border-radius: 0;
            backdrop-filter: blur(2px);
        }

.tv-site-footer-inner {
            min-height: 72px;
            padding: 12px 22px;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            gap: 14px;
        }

.tv-site-footer-brand {
            justify-self: start;
            display: flex;
            align-items: center;
        }

.tv-site-footer-logo {
            width: 42px;
            height: 42px;
            object-fit: contain;
        }

.tv-site-footer-links {
            justify-self: center;
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
        }

.tv-site-footer-links a {
            color: var(--hacker-blue);
            text-decoration: none;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.82rem;
            letter-spacing: 0.04em;
        }

.tv-site-footer-links a:hover {
            color: var(--neon-blue);
        }

@media (max-width: 900px) {
            .tv-site-footer {
                margin: 22px 20px 14px;
            }
        }

@media (max-width: 768px) {
            .tv-site-footer-inner {
                grid-template-columns: 1fr;
                justify-items: center;
                row-gap: 10px;
            }

.tv-site-footer-brand,
            .tv-site-footer-links {
                justify-self: center;
            }
        }

/* --- PLAYER & DETAILS --- */
        .details-layout {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 30px;
            transition: all 0.3s ease;
        }

@media (max-width: 900px) {
            .details-layout { grid-template-columns: 1fr !important; }
        }

.video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            height: 0;
            background: #000;
            border: 1px solid var(--hacker-blue);
            box-shadow: 0 0 30px rgba(0, 112, 255, 0.1);
            border-radius: 4px;
            overflow: hidden;
        }

.video-container iframe {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
        }

.sports-toolbar {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
            margin-bottom: 14px;
        }

.sports-control {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 10px;
            border: 1px solid rgba(110, 170, 215, 0.25);
            background: rgba(10, 20, 34, 0.62);
            border-radius: 12px;
        }

.sports-control-label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.67rem;
            letter-spacing: 0.1em;
            color: #8cb2cf;
            text-transform: uppercase;
        }

.sports-toolbar .season-select,
        .sports-player-panel .season-select {
            min-height: 36px;
            border-radius: 10px;
            border-color: rgba(110, 170, 215, 0.5);
            background: rgba(6, 14, 24, 0.9);
            color: #eaf6ff;
            padding: 8px 10px;
        }

.sports-toolbar .btn-secondary {
            min-height: 36px;
            border-radius: 10px;
        }

.sports-quick-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 4px 0 16px;
        }

.sports-chip {
            border: 1px solid rgba(0, 112, 255, 0.35);
            background: rgba(0, 12, 28, 0.75);
            color: #cde8ff;
            border-radius: 999px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.72rem;
            letter-spacing: 0.03em;
            padding: 7px 12px;
            cursor: pointer;
            transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }

.sports-chip:hover {
            border-color: var(--neon-blue);
            color: #ffffff;
            box-shadow: 0 0 12px rgba(0, 229, 255, 0.2);
        }

.sports-chip.active {
            border-color: #3cb371;
            background: rgba(60, 179, 113, 0.18);
            color: #dcffe8;
            box-shadow: 0 0 12px rgba(60, 179, 113, 0.28);
        }

.sports-status {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.82rem;
            color: var(--text-grey);
            margin-bottom: 14px;
            letter-spacing: 0.04em;
            background: rgba(138, 194, 230, 0.07);
            border: 1px solid rgba(138, 194, 230, 0.2);
            border-radius: 10px;
            padding: 9px 12px;
        }

.sports-status.error {
            color: #ff6b6b;
        }

.sports-ad-warning {
            margin: 14px 0 16px;
            border: 1px solid rgba(255, 193, 7, 0.45);
            background: rgba(255, 193, 7, 0.08);
            color: #ffe7a3;
            border-radius: 10px;
            padding: 10px 12px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            line-height: 1.5;
        }

.sports-primary-warning {
            font-size: 0.95rem;
            font-weight: 800;
            line-height: 1.65;
            border-width: 2px;
            background: rgba(255, 193, 7, 0.16);
            box-shadow: 0 0 16px rgba(255, 193, 7, 0.18);
        }

.sports-hidden-warning {
            display: none;
        }

.sports-ad-warning a {
            color: #ffd35e;
            text-decoration: underline;
            font-weight: 700;
            margin-left: 8px;
        }

.sports-ad-warning a:hover {
            color: #fff0b5;
        }

.sports-layout {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 20px;
        }

@media (max-width: 980px) {
            .sports-layout {
                grid-template-columns: 1fr;
            }
        }

.sports-matches-grid {
            display: grid;
            gap: 12px;
        }

.sports-match-card {
            border: 1px solid rgba(115, 176, 220, 0.25);
            background: linear-gradient(160deg, rgba(10, 21, 36, 0.72), rgba(8, 14, 24, 0.66));
            border-radius: 14px;
            padding: 14px;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
            cursor: pointer;
        }

.sports-match-card:hover {
            border-color: var(--neon-blue);
            box-shadow: 0 0 16px rgba(0, 229, 255, 0.18);
        }

.sports-match-card.active {
            border-color: #3cb371;
            box-shadow: 0 0 18px rgba(60, 179, 113, 0.2);
        }

.sports-match-banner {
            width: 100%;
            aspect-ratio: 16 / 7;
            border: 1px solid rgba(115, 176, 220, 0.22);
            border-radius: 10px;
            overflow: hidden;
            background: linear-gradient(135deg, rgba(0, 112, 255, 0.14), rgba(0, 0, 0, 0.7));
            margin-bottom: 10px;
        }

.sports-match-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

.sports-match-title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 8px;
            color: #ecf7ff;
        }

.sports-matchup {
            font-size: 0.86rem;
            color: #d6ecff;
            margin-bottom: 8px;
            letter-spacing: 0.01em;
        }

.sports-match-meta {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.76rem;
            color: var(--text-grey);
            margin-bottom: 10px;
        }

.sports-teams-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-bottom: 6px;
        }

.sports-team {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

.sports-team img {
            width: 26px;
            height: 26px;
            object-fit: contain;
            border-radius: 50%;
            background: #08121d;
        }

.sports-team-name {
            font-size: 0.84rem;
            color: #d9eeff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 140px;
        }

.sports-player-panel {
            border: 1px solid rgba(115, 176, 220, 0.28);
            background: linear-gradient(170deg, rgba(8, 18, 32, 0.75), rgba(5, 11, 20, 0.72));
            border-radius: 14px;
            padding: 16px;
            max-width: 760px;
            width: 100%;
            justify-self: center;
        }

.sports-player-frame {
            width: 100%;
            max-width: 720px;
            aspect-ratio: 16 / 9;
            height: auto;
            min-height: 260px;
            max-height: 420px;
            border: 1px solid rgba(115, 176, 220, 0.25);
            background: #000;
            border-radius: 12px;
            display: block;
            margin: 0 auto;
        }

.sports-player-status {
            margin-top: 10px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.76rem;
            color: var(--text-grey);
            min-height: 1.2em;
        }

.sports-player-hint {
            margin-top: 8px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.74rem;
            color: #9ab7cf;
            line-height: 1.45;
        }

.youtube-shell {
            display: grid;
            gap: 14px;
        }

.youtube-search-bar {
            display: flex;
            gap: 0;
            flex-wrap: nowrap;
            align-items: center;
            background: rgba(0, 12, 28, 0.72);
            border: 1px solid rgba(0, 112, 255, 0.22);
            border-radius: 999px;
            padding: 6px;
            box-shadow: 0 0 18px rgba(0, 229, 255, 0.08);
        }

.youtube-search-bar form {
            display: flex;
            flex: 1 1 420px;
            align-items: center;
        }

.youtube-search-bar .search-input {
            flex: 1 1 auto;
            min-width: 0;
            border: none;
            background: transparent;
            box-shadow: none;
            padding: 14px 18px;
        }

.youtube-search-bar .search-input:focus {
            box-shadow: none;
        }

.youtube-load-btn {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            border: none;
            border-radius: 50%;
            background: var(--hacker-blue);
            color: #000;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
            box-shadow: 0 0 14px rgba(0, 112, 255, 0.35);
        }

.youtube-load-btn:hover {
            background: var(--neon-blue);
            box-shadow: 0 0 18px rgba(0, 229, 255, 0.45);
            transform: translateY(-1px);
        }

.youtube-load-btn svg {
            width: 18px;
            height: 18px;
            display: block;
            fill: #000;
        }

.youtube-frame {
            width: 100%;
            min-height: 72vh;
            border: 1px solid rgba(110, 170, 215, 0.25);
            border-radius: 14px;
            background: #000;
        }

.server-bar {
            background: rgba(0, 112, 255, 0.05);
            border: 1px solid rgba(0, 112, 255, 0.1);
            padding: 15px;
            margin-top: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 2px;
        }

.episode-list-container {
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            height: 600px;
            display: flex;
            flex-direction: column;
        }

.season-header {
            padding: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.season-select {
            background: black;
            color: white;
            border: 1px solid var(--hacker-blue);
            padding: 5px;
            font-family: 'JetBrains Mono', monospace;
        }

.episodes-scroll {
            overflow-y: auto;
            flex: 1;
            padding: 10px;
        }

.episode-item {
            display: flex;
            gap: 15px;
            padding: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            cursor: pointer;
            transition: 0.2s;
        }

.episode-item:hover {
            background: rgba(0, 112, 255, 0.1);
            padding-left: 15px;
        }

.episode-item.active {
            background: rgba(0, 112, 255, 0.2);
            border-left: 3px solid var(--neon-blue);
        }

.ep-num { font-family: 'JetBrains Mono'; color: var(--text-grey); }
        .ep-title { color: white; font-weight: 500; font-size: 0.9rem; }

/* --- BUTTONS --- */
        .btn-action {
            background: var(--hacker-blue);
            color: white;
            border: none;
            padding: 15px 25px;
            font-family: 'JetBrains Mono', monospace;
            font-weight: bold;
            font-size: 1rem;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: 0.3s;
            clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

.btn-action:hover {
            background: var(--neon-blue);
            color: black;
            box-shadow: 0 0 15px var(--neon-blue);
        }
       
        .btn-secondary {
            background: transparent;
            border: 1px solid var(--text-grey);
            color: #ccc;
            padding: 8px 15px;
            font-family: 'JetBrains Mono';
            font-size: 0.8rem;
            cursor: pointer;
            transition: 0.3s;
        }
        .btn-secondary:hover { border-color: white; color: white; }
        .btn-secondary.active { border-color: var(--neon-blue); color: var(--neon-blue); }

/* --- SEARCH & INPUTS --- */
        .search-input {
            width: 100%;
            background: rgba(0, 5, 15, 0.8);
            border: 1px solid var(--hacker-blue);
            padding: 15px;
            color: white;
            font-family: 'JetBrains Mono', monospace;
            font-size: 1rem;
            margin-bottom: 20px;
            outline: none;
            box-sizing: border-box;
            transition: all 0.3s;
        }
        .search-input:focus { border-color: var(--neon-blue); box-shadow: 0 0 10px rgba(0, 229, 255, 0.2); }

/* --- YOUTUBE DOWNLOAD WIDGET SECTION --- */
        .yt-container {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }
       
        .widget-container {
            background: rgba(0, 5, 15, 0.6);
            border: 1px solid rgba(0, 112, 255, 0.3);
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0,0,0,0.8);
            width: 100%;
            max-width: 700px;
            margin: 20px auto;
            backdrop-filter: blur(5px);
        }

.widget-controls {
            padding: 30px 20px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

#yt-status-text {
            text-align: center;
            font-size: 0.8rem;
            color: var(--text-grey);
            min-height: 20px;
            font-family: 'JetBrains Mono', monospace;
            text-transform: uppercase;
        }

/* Modal Styles */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.85);
            z-index: 9999;
            justify-content: center;
            align-items: center;
            backdrop-filter: blur(5px);
        }

.modal-content {
            background: rgba(0, 5, 15, 0.95);
            padding: 40px;
            border: 1px solid var(--warning-gold);
            border-radius: 4px;
            max-width: 450px;
            text-align: center;
            box-shadow: 0 10px 40px rgba(0,0,0,0.9), 0 0 20px rgba(255, 193, 7, 0.1);
            font-family: 'Inter', sans-serif;
        }

.modal-text {
            color: white;
            margin-bottom: 30px;
            line-height: 1.6;
            font-size: 1.1rem;
        }

.modal-buttons {
            display: flex;
            gap: 15px;
            justify-content: center;
        }

/* --- VIEW CONTROL --- */
        .view-section { display: none; opacity: 0; transition: opacity 0.5s; }
        .view-section.active { display: block; opacity: 1; }

/* --- PARTICLES --- */
        canvas#bg-canvas {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
        }
       
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-thumb { background: var(--hacker-blue); }
        ::-webkit-scrollbar-track { background: #000; }
    </style>
</head>
<body>

<div id="boot-overlay">
    <div class="boot-text">BOOTING HORION TV...</div>
    <div class="progress-container">
        <div id="bootBar" class="progress-bar"></div>
    </div>
</div>

<nav class="hud-nav">
    <div class="nav-left">
        <div onclick="router('home')" class="nav-logo">HORION <span>TV</span></div>
    </div>
    <div class="nav-right">
        <span onclick="router('home')" id="nav-home" class="nav-item">HOME</span>
        <span onclick="router('browse')" id="nav-browse" class="nav-item">BROWSE</span>
        <span onclick="launchYoutubeTool()" id="nav-youtube" class="nav-item youtube-btn">YOUTUBE</span>
        <span onclick="launchSportsTool()" id="nav-sports" class="nav-item sports-btn">LIVE SPORTS</span>
        <span onclick="router('continue')" id="nav-continue" class="nav-item">CONTINUE WATCHING</span>
    </div>
</nav>
<button type="button" class="nav-collapse-btn" onclick="setTvNavbarHidden(!document.body.classList.contains('navbar-hidden'))" aria-label="Hide navbar" title="Hide navbar"></button>

<div class="content-container">
   
    
    <div id="view-home" class="view-section">
        <div id="hero-container">
            
        </div>

<div class="search-prompt">
            <span>Don't see what you're looking for?</span>
            <button onclick="router('browse')" class="btn-action">SEARCH DATABASE</button>
        </div>

<h2 style="font-weight:300; letter-spacing:4px; border-bottom:1px solid #333; padding-bottom:10px; margin-top:20px;">Featured</h2>
        <div id="trending-grid" class="tv-grid">
            
        </div>

</div>

<div id="view-browse" class="view-section">
        <input type="text" id="browse-search" class="search-input" placeholder="SEARCH DATABASE (MOVIES OR TV)... | If you can't find a show or movie, try typing the exact name." autocomplete="off">
        <div id="browse-grid" class="tv-grid">
            
        </div>
    </div>

<div id="view-continue" class="view-section">
        <h2 style="font-weight:300; letter-spacing:4px; border-bottom:1px solid #333; padding-bottom:10px; margin-top:0;">CONTINUE WATCHING</h2>
        <div id="continue-grid" class="tv-grid">
            
        </div>
    </div>

<div id="view-youtube" class="view-section">
        <h2 style="font-weight:300; letter-spacing:4px; border-bottom:1px solid #333; padding-bottom:10px; margin-top:0;">YOUTUBE</h2>
        <div class="youtube-shell">
            <form id="youtube-search-form" class="youtube-search-bar">
                <input id="youtube-search-input" type="text" class="search-input" placeholder="Enter YouTube video ID or link" autocomplete="off" spellcheck="false">
                <button type="submit" class="youtube-load-btn" aria-label="Load YouTube video">
                    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                        <path d="M8 5l8 7-8 7V5z"></path>
                    </svg>
                </button>
            </form>
            <iframe id="youtube-frame" class="youtube-frame" src="about:blank" allow="autoplay; fullscreen; encrypted-media; picture-in-picture"></iframe>
        </div>
    </div>

<div id="view-sports" class="view-section">
        <h2 style="font-weight:300; letter-spacing:4px; border-bottom:1px solid #333; padding-bottom:10px; margin-top:0;">LIVE SPORTS</h2>

<div class="sports-ad-warning sports-primary-warning">
            School networks typically block Horion's live sports streams. It's great at home, but if your at school, consider using 
            <a href="#" onclick="launchSite('https://streami.su/'); return false;"> streami.su in about:blank</a>
        </div>

<div class="sports-ad-warning sports-hidden-warning">
            With live sports, use an ad blocker, as sport streams are embedded with ads outside Horion jurisdiction.
            Most school devices have adblockers built in.
            <a href="https://ublockorigin.com/" target="_blank" rel="noopener noreferrer">Get uBlock Origin</a>
        </div>

<div class="sports-toolbar">
            <label class="sports-control" aria-label="Feed selector">
                <span class="sports-control-label">Feed</span>
                <select id="sports-feed-select" class="season-select" onchange="onSportsFeedChanged(this.value)">
                    <option value="live">LIVE</option>
                    <option value="all-today">TODAY</option>
                    <option value="all">ALL</option>
                </select>
            </label>

<label class="sports-control" aria-label="Sport selector">
                <span class="sports-control-label">Sport</span>
                <select id="sports-category-select" class="season-select" onchange="onSportsCategoryChanged(this.value)">
                    <option value="all">ALL SPORTS</option>
                </select>
            </label>

<button id="sports-popular-btn" type="button" class="btn-secondary" onclick="toggleSportsPopular()">POPULAR: OFF</button>
            <button type="button" class="btn-secondary" onclick="refreshSportsMatches()">REFRESH</button>
        </div>

<div id="sports-status" class="sports-status">Loading sports catalog...</div>

<div class="sports-player-panel">
                <div style="display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap;">
                    <select id="sports-source-select" class="season-select" onchange="onSportsSourceChanged(this.value)" disabled>
                        <option value="">SELECT SOURCE</option>
                    </select>
                    <select id="sports-stream-select" class="season-select" onchange="onSportsStreamChanged(this.value)" disabled>
                        <option value="">SELECT STREAM</option>
                    </select>
                </div>

<div id="sports-player-status" class="sports-player-status">Choose a match to load stream sources.</div>
                <div class="sports-player-hint">If there is an error or the stream fails to load, consider switching to another stream source.</div>
            </div>
        </div>
    </div>

<div id="view-details" class="view-section">
        
    </div>

</div>

<footer class="tv-site-footer">
    <div class="tv-site-footer-inner">
        <div class="tv-site-footer-brand">
            <img src="./cmg.png" alt="CMG" class="tv-site-footer-logo">
        </div>
        <div class="tv-site-footer-links">
            <a href="https://www.youtube.com/channel/UCQrYBaYJDoSihLEx-gP820g" target="_blank" rel="noopener noreferrer">YouTube</a>
            <a href="https://www.tiktok.com/@horionunblockedgames?lang=en" target="_blank" rel="noopener noreferrer">TikTok</a>
            <a href="https://discord.gg/5dTP5SbafH" target="_blank" rel="noopener noreferrer">Discord</a> 
            | 
            <a href="https://crosmakesgames.github.io" target="_blank" rel="noopener noreferrer">crosmakesgames.github.io</a>
        </div>
    </div>
</footer>

class Particle {
        constructor(x, y) {
            this.x = x; this.y = y; this.baseX = x; this.baseY = y;
            this.size = 1.5; this.density = (Math.random() * 20) + 2;
        }
        draw() {
            tvCtx.fillStyle = 'rgba(0, 112, 255, 0.5)';
            tvCtx.beginPath(); tvCtx.arc(this.x, this.y, this.size, 0, Math.PI * 2); tvCtx.fill();
        }
        update() {
            let dx = tvMouse.x - this.x; let dy = tvMouse.y - this.y;
            let distance = Math.sqrt(dx * dx + dy * dy);
            if (distance < tvMouse.radius) {
                const force = (tvMouse.radius - distance) / tvMouse.radius;
                const directionX = (dx / distance) * force * this.density;
                const directionY = (dy / distance) * force * this.density;
                this.x -= directionX; this.y -= directionY;
            } else {
                if (this.x !== this.baseX) this.x -= (this.x - this.baseX) / 10;
                if (this.y !== this.baseY) this.y -= (this.y - this.baseY) / 10;
            }
        }
    }

function initParticles() {
        tvCanvas.width = window.innerWidth; tvCanvas.height = window.innerHeight;
        tvParticles = [];
        for (let i = 0; i < 150; i++) {
            tvParticles.push(new Particle(Math.random() * tvCanvas.width, Math.random() * tvCanvas.height));
        }
    }

function updateTvNavbarContentOffset() {
        const nav = document.querySelector('.hud-nav');
        const isHidden = document.body.classList.contains('navbar-hidden');
        let offset = isHidden ? 40 : 125;

if (!isHidden && nav) {
            const rect = nav.getBoundingClientRect();
            offset = Math.max(96, Math.ceil(rect.bottom + 32));
        }

document.body.style.setProperty('--navbar-content-offset', `${offset}px`);
    }

function setTvNavbarHidden(isHidden) {
        const shouldHide = Boolean(isHidden);
        document.body.classList.toggle('navbar-hidden', shouldHide);
        updateTvNavbarContentOffset();

document.querySelectorAll('.nav-collapse-btn').forEach(toggle => {
            toggle.setAttribute('aria-label', shouldHide ? 'Show navbar' : 'Hide navbar');
            toggle.title = shouldHide ? 'Show navbar' : 'Hide navbar';
        });
    }

window.addEventListener('resize', updateTvNavbarContentOffset);
    document.addEventListener('DOMContentLoaded', updateTvNavbarContentOffset);

// Boot Sequence
    document.addEventListener('DOMContentLoaded', () => {
        const bar = document.getElementById('bootBar');
        const overlay = document.getElementById('boot-overlay');
        let width = 0;
       
        // Start preloading data in background
        initHome();
       
        const interval = setInterval(() => {
            if (width >= 100) {
                clearInterval(interval);
                overlay.style.opacity = '0';
                setTimeout(() => {
                    overlay.style.visibility = 'hidden';
                    if (!document.querySelector('.view-section.active')) {
                        router('home');
                    }
                }, 500);
            } else {
                width += Math.random() * 10;
                if(width > 100) width = 100;
                bar.style.width = width + '%';
            }
        }, 50);
    });

// ==========================================
    // 2. STREAMVAULT & STATE LOGIC (TMDB Integration)
    // ==========================================
const TMDB_API_KEY = '15d2ea6d0dc1d476efbca3eba2b9bbfb'; // Public demo key
    const TMDB_BASE = 'https://api.themoviedb.org/3';
    const IMG_BASE = 'https://image.tmdb.org/t/p/w500';
    const IMG_ORIGINAL = 'https://image.tmdb.org/t/p/original';
    const STREAMED_API_BASE = 'https://streamed.pk/api';
    const SPORTS_DB_API_BASE = 'https://www.thesportsdb.com/api/v1/json/3';
    const SPORTS_DB_ALL_SPORTS = ['Soccer', 'Basketball', 'American Football', 'Baseball', 'Ice Hockey', 'Tennis', 'Cricket', 'Rugby'];

const state = {
        currentShow: null,
        currentSeason: 1,
        currentEpisode: null,
        currentServer: 'server1',
        trending: [],
        browseDefault: [], // Used for top 50 TMDB items
        posterFallback: 'https://via.placeholder.com/300x450/000000/0070FF?text=No+Poster',
        heroFallback: 'https://via.placeholder.com/1200x600/000000/0070FF?text=No+Image'
    };

const sportsState = {
        initialized: false,
        catalogLoaded: false,
        feed: 'live',
        sport: 'all',
        popularOnly: false,
        sports: [],
        matches: [],
        selectedMatchId: null,
        selectedSourceValue: '',
        sourceStreamsCache: {}
    };

const SPORTS_FALLBACK_CATALOG = [
        { id: 'american-football', name: 'American Football' },
        { id: 'football', name: 'Soccer' },
        { id: 'basketball', name: 'Basketball' },
        { id: '3x3-basketball', name: '3x3 Basketball' },
        { id: 'streetball', name: 'Streetball' },
        { id: 'baseball', name: 'Baseball' },
        { id: 'softball', name: 'Softball' },
        { id: 'lacrosse', name: 'Lacrosse' },
        { id: 'ice-hockey', name: 'Ice Hockey' },
        { id: 'hockey', name: 'Hockey' },
        { id: 'field-hockey', name: 'Field Hockey' },
        { id: 'roller-hockey', name: 'Roller Hockey' },
        { id: 'floorball', name: 'Floorball' },
        { id: 'bandy', name: 'Bandy' },
        { id: 'mma', name: 'MMA' },
        { id: 'boxing', name: 'Boxing' },
        { id: 'kickboxing', name: 'Kickboxing' },
        { id: 'muay-thai', name: 'Muay Thai' },
        { id: 'wrestling', name: 'Wrestling' },
        { id: 'judo', name: 'Judo' },
        { id: 'taekwondo', name: 'Taekwondo' },
        { id: 'karate', name: 'Karate' },
        { id: 'fencing', name: 'Fencing' },
        { id: 'sumo', name: 'Sumo' },
        { id: 'tennis', name: 'Tennis' },
        { id: 'golf', name: 'Golf' },
        { id: 'cricket', name: 'Cricket' },
        { id: 'rugby', name: 'Rugby' },
        { id: 'rugby-union', name: 'Rugby Union' },
        { id: 'rugby-league', name: 'Rugby League' },
        { id: 'motorsport', name: 'Motorsports' },
        { id: 'f1', name: 'Formula 1' },
        { id: 'nascar', name: 'NASCAR' },
        { id: 'indycar', name: 'IndyCar' },
        { id: 'motogp', name: 'MotoGP' },
        { id: 'wrc', name: 'World Rally' },
        { id: 'endurance-racing', name: 'Endurance Racing' },
        { id: 'formula-e', name: 'Formula E' },
        { id: 'supercars', name: 'Supercars' },
        { id: 'drag-racing', name: 'Drag Racing' },
        { id: 'speedway', name: 'Speedway' },
        { id: 'karting', name: 'Karting' },
        { id: 'darts', name: 'Darts' },
        { id: 'snooker', name: 'Snooker' },
        { id: 'pool', name: 'Pool' },
        { id: 'billiards', name: 'Billiards' },
        { id: 'table-tennis', name: 'Table Tennis' },
        { id: 'badminton', name: 'Badminton' },
        { id: 'squash', name: 'Squash' },
        { id: 'racquetball', name: 'Racquetball' },
        { id: 'pickleball', name: 'Pickleball' },
        { id: 'padel', name: 'Padel' },
        { id: 'handball', name: 'Handball' },
        { id: 'volleyball', name: 'Volleyball' },
        { id: 'beach-volleyball', name: 'Beach Volleyball' },
        { id: 'netball', name: 'Netball' },
        { id: 'cycling', name: 'Cycling' },
        { id: 'bmx', name: 'BMX' },
        { id: 'mountain-bike', name: 'Mountain Bike' },
        { id: 'track-cycling', name: 'Track Cycling' },
        { id: 'athletics', name: 'Athletics' },
        { id: 'marathon', name: 'Marathon' },
        { id: 'triathlon', name: 'Triathlon' },
        { id: 'duathlon', name: 'Duathlon' },
        { id: 'cross-country', name: 'Cross Country' },
        { id: 'biathlon', name: 'Biathlon' },
        { id: 'winter-sports', name: 'Winter Sports' },
        { id: 'alpine-skiing', name: 'Alpine Skiing' },
        { id: 'cross-country-skiing', name: 'Cross Country Skiing' },
        { id: 'ski-jumping', name: 'Ski Jumping' },
        { id: 'snowboarding', name: 'Snowboarding' },
        { id: 'figure-skating', name: 'Figure Skating' },
        { id: 'speed-skating', name: 'Speed Skating' },
        { id: 'curling', name: 'Curling' },
        { id: 'skeleton', name: 'Skeleton' },
        { id: 'luge', name: 'Luge' },
        { id: 'bobsleigh', name: 'Bobsleigh' },
        { id: 'water-polo', name: 'Water Polo' },
        { id: 'swimming', name: 'Swimming' },
        { id: 'diving', name: 'Diving' },
        { id: 'artistic-swimming', name: 'Artistic Swimming' },
        { id: 'sailing', name: 'Sailing' },
        { id: 'rowing', name: 'Rowing' },
        { id: 'canoe-sprint', name: 'Canoe Sprint' },
        { id: 'canoe-slalom', name: 'Canoe Slalom' },
        { id: 'surfing', name: 'Surfing' },
        { id: 'windsurfing', name: 'Windsurfing' },
        { id: 'kitesurfing', name: 'Kitesurfing' },
        { id: 'climbing', name: 'Sport Climbing' },
        { id: 'gymnastics', name: 'Gymnastics' },
        { id: 'rhythmic-gymnastics', name: 'Rhythmic Gymnastics' },
        { id: 'trampoline', name: 'Trampoline' },
        { id: 'weightlifting', name: 'Weightlifting' },
        { id: 'powerlifting', name: 'Powerlifting' },
        { id: 'strongman', name: 'Strongman' },
        { id: 'archery', name: 'Archery' },
        { id: 'shooting', name: 'Shooting' },
        { id: 'equestrian', name: 'Equestrian' },
        { id: 'horse-racing', name: 'Horse Racing' },
        { id: 'greyhound-racing', name: 'Greyhound Racing' },
        { id: 'polo', name: 'Polo' },
        { id: 'gaelic-football', name: 'Gaelic Football' },
        { id: 'hurling', name: 'Hurling' },
        { id: 'aussie-rules', name: 'Australian Rules' },
        { id: 'futsal', name: 'Futsal' },
        { id: 'beach-soccer', name: 'Beach Soccer' },
        { id: 'kabaddi', name: 'Kabaddi' },
        { id: 'baseket', name: 'Baseket' },
        { id: 'sepak-takraw', name: 'Sepak Takraw' },
        { id: 'chess', name: 'Chess' },
        { id: 'esports-fps', name: 'Esports FPS' },
        { id: 'esports-moba', name: 'Esports MOBA' },
        { id: 'esports-fighting', name: 'Esports Fighting' },
        { id: 'esports-racing', name: 'Esports Racing' },
        { id: 'esports-sports-sims', name: 'Esports Sports Sims' },
        { id: 'esports', name: 'Esports' }
    ];

const SPORTS_QUICK_CHIP_IDS = [
        'football',
        'american-football',
        'basketball',
        'baseball',
        'mma',
        'wrestling',
        'tennis',
        'golf',
        'cricket',
        'darts',
        'motorsport'
    ];

// --- Utility Method to Randomize Arrays ---
    function shuffleList(array) {
        const shuffled = [...array];
        for (let i = shuffled.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
        }
        return shuffled;
    }

const ShowService = {
        fetchHomeData: async () => {
           const myFeaturedList = [
    // --- Your Original List ---
    { id: 1434, type: 'tv' },       // Family Guy
    { id: 66732, type: 'tv' },      // Stranger Things
    { id: 1396, type: 'tv' },       // Breaking Bad
    { id: 97546, type: 'tv' },      // Ted Lasso
    { id: 507089, type: 'movie' },  // Five Nights at Freddy's
    { id: 1405, type: 'tv' },       // Dexter
    { id: 95557, type: 'tv' },      // Invincible
    { id: 2604, type: 'tv' },       // The Boondocks

{ id: 1408, type: 'tv' },       // House M.D.
    { id: 1402, type: 'tv' },       // The Walking Dead
    { id: 245927, type: 'tv' },     // Paradise
    { id: 1317288, type: 'movie' }, // Marty Supreme

{ id: 100088, type: 'tv' },     // The Last of Us
    { id: 76479, type: 'tv' },      // The Boys
    { id: 60059, type: 'tv' },      // Better Call Saul
    { id: 106379, type: 'tv' },     // Fallout
    { id: 105248, type: 'tv' },     // Cyberpunk: Edgerunners

{ id: 60625, type: 'tv' },      // Rick and Morty
    { id: 1100, type: 'tv' },       // How I Met Your Mother

{ id: 71694, type: 'tv' },      // Snowfall
    { id: 63174, type: 'tv' },      // Lucifer
    { id: 198178, type: 'tv' },     // Wonder Man
    { id: 250307, type: 'tv' },     // The Pitt
    { id: 687163, type: 'movie' },  // Project Hail Mary
    { id: 124364, type: 'tv' },     // FROM

// --- New Additions ---
{ id: 93405, type: 'tv' },        // Squid Game
{ id: 119051, type: 'tv' },       // Wednesday
{ id: 246, type: 'tv' },          // Avatar: The Last Airbender (Animated)
{ id: 1339713, type: 'movie' },   // Obsession (2026)
{ id: 1083381, type: 'movie' },   // Backrooms (2026)
{ id: 604079, type: 'movie' },   // The Long Walk (2025)

];
            // 1. Randomize the list
            const randomizedList = shuffleList(myFeaturedList);
           
            // 2. Create an array of pending promises
            const fetchPromises = randomizedList.map(item =>
                ShowService.getDetails(item.id, item.type)
            );
           
            // 3. Wait for all of them to finish at the same time
            const results = await Promise.all(fetchPromises);
           
            return results;
        },

fetchTopContent: async () => {
            const promises = [1, 2, 3].map(page =>
                fetch(`${TMDB_BASE}/trending/all/week?api_key=${TMDB_API_KEY}&page=${page}`).then(r=>r.json())
            );
            const results = await Promise.all(promises);
            const combined = results.flatMap(res => res.results);
           
            return combined.map(normalizeTMDB).filter(i => i !== null).slice(0, 50);
        },

searchShows: async (query) => {
            if(!query) return [];
            const res = await fetch(`${TMDB_BASE}/search/multi?api_key=${TMDB_API_KEY}&query=${encodeURIComponent(query)}&include_adult=false`);
            const data = await res.json();
            return data.results
                .filter(item => item.adult !== true)
                .map(normalizeTMDB)
                .filter(i => i !== null);
        },
        getDetails: async (id, type) => {
            const res = await fetch(`${TMDB_BASE}/${type}/${id}?api_key=${TMDB_API_KEY}&append_to_response=external_ids`);
            const data = await res.json();
            const year = (data.release_date || data.first_air_date || '').split('-')[0] || '';
            const hasRating = typeof data.vote_average === 'number' && data.vote_average > 0;
           
            const normalized = {
                id: data.id,
                type: type,
                imdbId: data.external_ids?.imdb_id || null,
                tmdbId: data.id,
                title: data.title || data.name,
                rating: hasRating ? data.vote_average.toFixed(1) : '',
                year,
                description: data.overview || 'No description available.',
                poster: data.poster_path ? `${IMG_BASE}${data.poster_path}` : state.posterFallback,
                backdrop: data.backdrop_path ? `${IMG_ORIGINAL}${data.backdrop_path}` : state.heroFallback,
                totalSeasons: data.number_of_seasons || 1,
                episodes: {}
            };
            return normalized;
        },
        getSeasonEpisodes: async (tvId, seasonNumber) => {
            const res = await fetch(`${TMDB_BASE}/tv/${tvId}/season/${seasonNumber}?api_key=${TMDB_API_KEY}`);
            const data = await res.json();
            if (!data.episodes) return [];
            return data.episodes.map(ep => ({
                number: ep.episode_number,
                title: ep.name,
                overview: ep.overview,
                image: ep.still_path ? `${IMG_BASE}${ep.still_path}` : null
            }));
        }
    };
    // ==========================================
    // 3. LOCAL STORAGE SAVE LOGIC
    // ==========================================
   
    window.addEventListener('beforeunload', saveProgress);

function saveProgress() {
        if (!state.currentShow) return;
        if (state.currentShow.type === 'tv' && !state.currentEpisode) return;

try {
            const cw = JSON.parse(localStorage.getItem('horion_cw') || '[]');
            const record = {
                id: state.currentShow.id,
                type: state.currentShow.type,
                title: state.currentShow.title,
                poster: state.currentShow.poster,
                season: state.currentShow.type === 'tv' ? state.currentSeason : null,
                episodeNumber: state.currentShow.type === 'tv' ? state.currentEpisode.number : null,
                timestamp: Date.now()
            };

const filtered = cw.filter(item => item.id !== record.id);
            filtered.unshift(record);
            if (filtered.length > 20) filtered.pop();

localStorage.setItem('horion_cw', JSON.stringify(filtered));
        } catch (e) {
            console.warn("Local storage save failed.", e);
        }
    }

function getContinueWatching() {
        try {
            return JSON.parse(localStorage.getItem('horion_cw') || '[]');
        } catch (e) {
            return [];
        }
    }

function isCurrentDetailsSelection(param) {
        if (!state.currentShow || !param) return false;

const sameId = Number(state.currentShow.id) === Number(param.id);
        const sameType = String(state.currentShow.type || '') === String(param.type || '');
        if (!sameId || !sameType) return false;

if (sameType !== 'tv') return true;

const requestedSeason = Number(param.season);
        const requestedEpisode = Number(param.epNumber);
        const safeSeason = Number.isFinite(requestedSeason) && requestedSeason > 0 ? requestedSeason : 1;
        const safeEpisode = Number.isFinite(requestedEpisode) && requestedEpisode > 0 ? requestedEpisode : null;
        const currentEpisodeNumber = state.currentEpisode ? Number(state.currentEpisode.number) : null;

if (state.currentSeason !== safeSeason) return false;
        if (safeEpisode && currentEpisodeNumber !== safeEpisode) return false;
        return true;
    }

// ==========================================
    // 4. CONTROLLER & ROUTER
    // ==========================================
   
    function router(viewName, param) {
        const activeView = document.querySelector('.view-section.active');
        const activeViewName = activeView ? activeView.id.replace('view-', '') : '';

const inlinePage = document.getElementById('horion-tv-inline-page');
        if (inlinePage) inlinePage.remove();

if (activeViewName === 'details' && viewName !== 'details' && state.currentShow) {
            saveProgress();
        }

document.querySelectorAll('.view-section').forEach(el => el.classList.remove('active'));
        document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
       
        const target = document.getElementById(`view-${viewName}`);
        if(target) target.classList.add('active');

const navBtn = document.getElementById(`nav-${viewName}`);
        if(navBtn) navBtn.classList.add('active');

window.scrollTo(0,0);

if(viewName === 'home') {
            if(state.trending.length === 0) initHome();
        } else if(viewName === 'browse') {
            document.getElementById('browse-search').focus();
            const grid = document.getElementById('browse-grid');
           
            // Generate Top 50 default list instead of featured list
            if(state.browseDefault.length === 0) {
                grid.innerHTML = '<div style="color:var(--neon-blue); font-family:\'JetBrains Mono\'; grid-column: 1/-1;">LOADING TOP 50 DATABASE...</div>';
                ShowService.fetchTopContent().then(results => {
                    state.browseDefault = results;
                    if(document.getElementById('browse-search').value.trim() === '') {
                        renderGrid(state.browseDefault, 'browse-grid');
                    }
                });
            } else if (document.getElementById('browse-search').value.trim() === '') {
                renderGrid(state.browseDefault, 'browse-grid');
            }
           
        } else if(viewName === 'continue') {
            renderContinueWatching();
        } else if(viewName === 'youtube') {
            initYoutubeView();
        } else if(viewName === 'sports') {
            initSportsView();
        } else if(viewName === 'details' && param) {
            if (!isCurrentDetailsSelection(param)) {
                loadMedia(param);
            }
        }

const viewTitleMap = {
            home: 'Horion TV',
            browse: 'Horion TV - Browse',
            continue: 'Horion TV - Continue Watching',
            youtube: 'YouTube - Horion TV',
            sports: 'Live Sports - Horion TV',
            details: 'Horion TV'
        };
        if (viewName !== 'details') {
            document.title = viewTitleMap[viewName] || 'Horion TV';
        }

try {
            if (window.parent && window.parent !== window && typeof window.parent.onTvViewChange === 'function') {
                window.parent.onTvViewChange(viewName, param || null);
            }
        } catch (err) {
            // Ignore parent messaging errors.
        }
    }

function setTvTaskbarHighlight(buttonId) {
        document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
        const targetBtn = document.getElementById(buttonId);
        if (targetBtn) targetBtn.classList.add('active');
    }

function setFrameToAboutBlank(frameId) {
        const frame = document.getElementById(frameId);
        if (frame) frame.src = 'about:blank';
    }

function extractYoutubeVideoId(value) {
        const trimmed = String(value || '').trim();
        if (!trimmed) return '';
        if (/^[a-zA-Z0-9_-]{11}$/.test(trimmed)) return trimmed;

try {
            const parsed = new URL(trimmed);
            const host = parsed.hostname.replace(/^www\./i, '').toLowerCase();
            if (host === 'youtu.be') {
                const idFromPath = parsed.pathname.split('/').filter(Boolean)[0] || '';
                return /^[a-zA-Z0-9_-]{11}$/.test(idFromPath) ? idFromPath : '';
            }
            if (host === 'youtube.com' || host === 'm.youtube.com' || host === 'music.youtube.com') {
                const watchId = parsed.searchParams.get('v') || '';
                if (/^[a-zA-Z0-9_-]{11}$/.test(watchId)) return watchId;
                const pathBits = parsed.pathname.split('/').filter(Boolean);
                const embedIndex = pathBits.indexOf('embed');
                if (embedIndex !== -1 && pathBits[embedIndex + 1]) {
                    const embeddedId = pathBits[embedIndex + 1];
                    return /^[a-zA-Z0-9_-]{11}$/.test(embeddedId) ? embeddedId : '';
                }
            }
        } catch (error) {
            // Treat malformed URLs as plain IDs below.
        }

const maybeId = trimmed.match(/[a-zA-Z0-9_-]{11}/);
        return maybeId ? maybeId[0] : trimmed;
    }

function buildYoutubeSearchUrl(value) {
        return extractYoutubeVideoId(value);
    }

function pauseActiveTvMedia() {
        setFrameToAboutBlank('video-player');
        setFrameToAboutBlank('sports-stream-frame');
        setFrameToAboutBlank('youtube-frame');
    }

function setSportsStatus(message, isError) {
        const statusEl = document.getElementById('sports-status');
        if (!statusEl) return;
        statusEl.textContent = message || '';
        statusEl.classList.toggle('error', Boolean(isError));
    }

function setSportsPlayerStatus(message) {
        const statusEl = document.getElementById('sports-player-status');
        if (!statusEl) return;
        statusEl.textContent = message || '';
    }

async function fetchSportsJson(url) {
        const response = await fetch(url, { cache: 'no-store' });
        if (!response.ok) {
            throw new Error('HTTP ' + response.status);
        }
        return response.json();
    }

function getSportsApiDateValue() {
        return new Date().toISOString().slice(0, 10);
    }

function getSportsDbSportName(sportOverride) {
        const safeSport = String(sportOverride || sportsState.sport || 'all').trim();
        if (!safeSport || safeSport === 'all') {
            return 'All Sports';
        }

const normalized = safeSport.toLowerCase();
        const labelMap = {
            football: 'Soccer',
            'american-football': 'American Football',
            basketball: 'Basketball',
            baseball: 'Baseball',
            hockey: 'Ice Hockey',
            'ice-hockey': 'Ice Hockey',
            tennis: 'Tennis',
            cricket: 'Cricket',
            rugby: 'Rugby',
            mma: 'Mixed Martial Arts',
            boxing: 'Boxing',
            motorsport: 'Motorsport',
            f1: 'Motorsport'
        };

if (labelMap[normalized]) {
            return labelMap[normalized];
        }

const fromCatalog = sportsState.sports.find((entry) => String(entry.id || '').toLowerCase() === normalized);
        if (fromCatalog && fromCatalog.name) {
            return String(fromCatalog.name).trim() || 'Soccer';
        }

return safeSport.replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); });
    }

function getSportsDbScopes(sportOverride) {
        const safeSport = String(sportOverride || sportsState.sport || 'all').trim();
        if (!safeSport || safeSport === 'all') {
            return SPORTS_DB_ALL_SPORTS.slice();
        }
        return [getSportsDbSportName(safeSport)];
    }

async function fetchSportsDbEventsForScopes(scopes) {
        const safeScopes = Array.isArray(scopes) ? scopes.filter(Boolean) : [];
        const allEvents = [];

for (const sportName of safeScopes) {
            const date = encodeURIComponent(getSportsApiDateValue());
            const sport = encodeURIComponent(String(sportName));
            const endpoint = `${SPORTS_DB_API_BASE}/eventsday.php?d=${date}&s=${sport}`;
            try {
                const payload = await fetchSportsJson(endpoint);
                const events = Array.isArray(payload?.events) ? payload.events : [];
                allEvents.push.apply(allEvents, events);
            } catch (error) {
                console.error('SportsDB scope load failed:', sportName, error);
            }
        }

return allEvents;
    }

function getSportsStreamEndpoint(sourceName, sourceId) {
        return `${STREAMED_API_BASE}/stream/${encodeURIComponent(String(sourceName || '').trim())}/${encodeURIComponent(String(sourceId || '').trim())}`;
    }

function buildSportsStreamFallbacks(sourceName, sourceId) {
        const safeSource = String(sourceName || '').trim();
        const safeId = String(sourceId || '').trim();
        if (!safeSource || !safeId) return [];

return [1, 2, 3, 4].map(function (streamNo) {
            return {
                id: safeId,
                streamNo: streamNo,
                language: 'Auto',
                hd: true,
                embedUrl: `https://embedsports.top/embed/${encodeURIComponent(safeSource)}/${encodeURIComponent(safeId)}/${streamNo}`,
                source: safeSource,
                viewers: 0
            };
        });
    }

function sanitizeSportsCatalogEntry(entry) {
        if (!entry || typeof entry !== 'object') return null;
        const rawId = String(entry.id || '').trim();
        if (!rawId) return null;
        const fallbackName = rawId === 'football' ? 'Soccer' : rawId;
        const rawName = String(entry.name || fallbackName).trim() || fallbackName;
        const normalizedName = rawId === 'football' ? 'Soccer' : rawName;
        return {
            id: rawId,
            name: normalizedName
        };
    }

function getMergedSportsCatalog(remoteSports) {
        const mergedById = new Map();
        const pushEntry = function (entry) {
            const normalized = sanitizeSportsCatalogEntry(entry);
            if (!normalized) return;
            if (!mergedById.has(normalized.id)) {
                mergedById.set(normalized.id, normalized);
            }
        };

(Array.isArray(remoteSports) ? remoteSports : []).forEach(pushEntry);
        SPORTS_FALLBACK_CATALOG.forEach(pushEntry);
        return Array.from(mergedById.values()).sort((a, b) => a.name.localeCompare(b.name));
    }

function getSportLabelById(sportId) {
        if (!sportId || sportId === 'all') return 'All Sports';
        const found = sportsState.sports.find((entry) => entry.id === sportId);
        return found ? found.name : sportId;
    }

function normalizeSportsMatch(match) {
        if (!match || typeof match !== 'object') return null;

const id = String(match.id || '').trim();
        if (!id) return null;

return {
            id: id,
            title: title,
            category: categoryId,
            date: Number(match.date || 0),
            popular: Boolean(match.popular),
            poster: String(match.poster || '').trim(),
            teams: {
                home: {
                    name: homeName,
                    badge: String(match?.teams?.home?.badge || '').trim()
                },
                away: {
                    name: awayName,
                    badge: String(match?.teams?.away?.badge || '').trim()
                }
            },
            sources: sources
        };
    }

function normalizeSportsStream(stream) {
        if (!stream || typeof stream !== 'object') return null;
        const embedUrl = String(stream.embedUrl || '').trim();
        if (!embedUrl) return null;

return {
            id: String(stream.id || '').trim(),
            streamNo: Number.isFinite(Number(stream.streamNo)) ? Number(stream.streamNo) : null,
            language: String(stream.language || '').trim() || 'Auto',
            hd: Boolean(stream.hd),
            embedUrl: embedUrl,
            source: String(stream.source || '').trim(),
            viewers: Number.isFinite(Number(stream.viewers)) ? Number(stream.viewers) : 0
        };
    }

function getSportsPosterUrl(match) {
        const posterValue = String(match && match.poster ? match.poster : '').trim();
        if (posterValue) {
            if (/^https?:\/\//i.test(posterValue)) return posterValue;

if (posterValue.startsWith('/api/')) {
                return `https://streamed.pk${posterValue}${posterValue.endsWith('.webp') ? '' : '.webp'}`;
            }

if (posterValue.startsWith('/')) {
                return `https://streamed.pk${posterValue}${posterValue.endsWith('.webp') ? '' : '.webp'}`;
            }

return `${STREAMED_API_BASE}/images/proxy/${encodeURIComponent(posterValue)}.webp`;
        }

return '';
    }

return {
            id: eventId,
            title: String(eventItem?.strEvent || `${homeName} vs ${awayName}`).trim(),
            category: categoryName,
            date: toSportsTimestamp(eventItem),
            poster: String(eventItem?.strBanner || eventItem?.strPoster || eventItem?.strThumb || '').trim(),
            teams: {
                home: {
                    name: homeName,
                    badge: String(eventItem?.strHomeTeamBadge || '').trim()
                },
                away: {
                    name: awayName,
                    badge: String(eventItem?.strAwayTeamBadge || '').trim()
                }
            },
            sources: [
                {
                    source: 'embedsports',
                    id: eventId
                }
            ]
        };
    }

function slugifySportsText(value) {
        return String(value || '')
            .toLowerCase()
            .replace(/[^a-z0-9]+/g, '-')
            .replace(/^-+|-+$/g, '')
            .replace(/-{2,}/g, '-');
    }

function escapeHtmlAttribute(value) {
        return String(value || '')
            .replace(/&/g, '&')
            .replace(/"/g, '"')
            .replace(/</g, '<')
            .replace(/>/g, '>');
    }

function setLockedEmbedFrame(frame, targetUrl, options) {
        if (!frame) return;
        const opts = options || {};

if (opts.disableOuterSandbox) {
            frame.removeAttribute('sandbox');
        } else {
            frame.setAttribute('sandbox', 'allow-scripts allow-same-origin');
        }

const normalizedUrl = String(targetUrl || '').trim();
        if (!normalizedUrl) {
            frame.removeAttribute('srcdoc');
            frame.src = 'about:blank';
            return;
        }

frame.src = 'about:blank';
        frame.srcdoc = buildLockedEmbedSrcDoc(normalizedUrl, opts);
    }

async function fetchEmbedHtmlWithFallback(targetUrl) {
        const safeTarget = String(targetUrl || '').trim();
        if (!safeTarget) throw new Error('Missing embed URL');

const attempts = [
            safeTarget,
            'https://api.allorigins.win/raw?url=' + encodeURIComponent(safeTarget),
            'https://api.allorigins.win/get?url=' + encodeURIComponent(safeTarget),
            'https://corsproxy.io/?' + encodeURIComponent(safeTarget),
            'https://r.jina.ai/http://' + safeTarget.replace(/^https?:\/\//i, '')
        ];

let lastError = null;
        for (const attemptUrl of attempts) {
            try {
                const response = await fetch(attemptUrl, { cache: 'no-store' });
                if (!response.ok) {
                    lastError = new Error('HTTP ' + response.status + ' for ' + attemptUrl);
                    continue;
                }

if (typeof text === 'string' && /<html|<body|<script|<iframe/i.test(text)) {
                    return text;
                }

lastError = new Error('Unexpected response body for ' + attemptUrl);
            } catch (error) {
                lastError = error;
            }
        }

throw lastError || new Error('Unable to fetch embed HTML');
    }

function setSportsNoSandboxNoNewTabsFrame(frame, targetUrl, fallbackUrl) {
        if (!frame) return;
        const normalizedUrl = String(targetUrl || '').trim();

frame.removeAttribute('sandbox');

if (!normalizedUrl) {
            frame.removeAttribute('srcdoc');
            frame.src = 'about:blank';
            return;
        }

frame.src = 'about:blank';
    const primaryAttr = escapeHtmlAttribute(normalizedUrl);
    frame.srcdoc = '<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><base target="_self"><style>html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}iframe{border:0;width:100%;height:100%;display:block;background:#000}</style></head><body><iframe src="' + primaryAttr + '" allow="autoplay; fullscreen; encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin"></iframe></body></html>';
    }

function formatMatchTime(timestamp) {
        const value = Number(timestamp);
        if (!Number.isFinite(value)) return 'Time unavailable';
        return new Date(value).toLocaleString();
    }

function renderSportsCatalog() {
        const select = document.getElementById('sports-category-select');
        if (!select) return;

select.innerHTML = '<option value="all">ALL SPORTS</option>';
        sportsState.sports.forEach((sport) => {
            const option = document.createElement('option');
            option.value = sport.id;
            option.textContent = sport.name || sport.id;
            if (sport.id === sportsState.sport) option.selected = true;
            select.appendChild(option);
        });

renderSportsQuickChips();
    }

function renderSportsQuickChips() {
        const host = document.getElementById('sports-quick-chips');
        if (!host) return;

host.innerHTML = '';
        const byId = new Map(sportsState.sports.map((sport) => [sport.id, sport]));
        const selectedSport = String(sportsState.sport || 'all');

const quickSports = SPORTS_QUICK_CHIP_IDS
            .map((id) => byId.get(id))
            .filter(Boolean);

if (selectedSport !== 'all' && byId.has(selectedSport) && !quickSports.some((sport) => sport.id === selectedSport)) {
            quickSports.unshift(byId.get(selectedSport));
        }

const allChip = document.createElement('button');
        allChip.type = 'button';
        allChip.className = 'sports-chip' + (selectedSport === 'all' ? ' active' : '');
        allChip.textContent = 'ALL SPORTS';
        allChip.onclick = function () {
            onSportsCategoryChanged('all');
            const select = document.getElementById('sports-category-select');
            if (select) select.value = 'all';
        };
        host.appendChild(allChip);

quickSports.forEach((sport) => {
            const chip = document.createElement('button');
            chip.type = 'button';
            chip.className = 'sports-chip' + (selectedSport === sport.id ? ' active' : '');
            chip.textContent = String(sport.name || sport.id).toUpperCase();
            chip.onclick = function () {
                onSportsCategoryChanged(sport.id);
                const select = document.getElementById('sports-category-select');
                if (select) select.value = sport.id;
            };
            host.appendChild(chip);
        });
    }

function renderSportsMatches() {
        const container = document.getElementById('sports-matches-grid');
        if (!container) return;

container.innerHTML = '';
        if (!sportsState.matches.length) {
            const empty = document.createElement('div');
            empty.className = 'sports-status';
            empty.textContent = 'No matches found for this filter.';
            container.appendChild(empty);
            return;
        }

sportsState.matches.forEach((match) => {
            const card = document.createElement('div');
            card.className = 'sports-match-card' + (sportsState.selectedMatchId === match.id ? ' active' : '');
            card.onclick = () => selectSportsMatch(match.id);

const bannerWrap = document.createElement('div');
            bannerWrap.className = 'sports-match-banner';
            const bannerImage = document.createElement('img');
            bannerImage.src = getSportsPosterUrl(match);
            bannerImage.alt = match.title || 'Match banner';
            bannerImage.loading = 'lazy';
            bannerImage.referrerPolicy = 'no-referrer';
            bannerImage.onerror = () => {
                bannerWrap.style.display = 'none';
            };
            bannerWrap.appendChild(bannerImage);
            card.appendChild(bannerWrap);

const title = document.createElement('div');
            title.className = 'sports-match-title';
            title.textContent = match.title || 'Untitled Match';
            card.appendChild(title);

const matchup = document.createElement('div');
            matchup.className = 'sports-matchup';
            const homeNameText = match?.teams?.home?.name || 'Home';
            const awayNameText = match?.teams?.away?.name || 'Away';
            matchup.textContent = `${homeNameText} vs ${awayNameText}`;
            card.appendChild(matchup);

const meta = document.createElement('div');
            meta.className = 'sports-match-meta';
            meta.textContent = `${String(getSportLabelById(match.category) || match.category || '').toUpperCase()} | ${formatMatchTime(match.date)}`;
            card.appendChild(meta);

const teamsRow = document.createElement('div');
            teamsRow.className = 'sports-teams-row';

const homeTeam = document.createElement('div');
            homeTeam.className = 'sports-team';
            const homeBadge = document.createElement('img');
            homeBadge.src = getBadgeUrl(match?.teams?.home?.badge) || '';
            homeBadge.alt = match?.teams?.home?.name || 'Home';
            homeBadge.loading = 'lazy';
            homeBadge.referrerPolicy = 'no-referrer';
            homeBadge.onerror = () => { homeBadge.style.visibility = 'hidden'; };
            const homeName = document.createElement('span');
            homeName.className = 'sports-team-name';
            homeName.textContent = match?.teams?.home?.name || 'Home';
            homeTeam.appendChild(homeBadge);
            homeTeam.appendChild(homeName);

const awayTeam = document.createElement('div');
            awayTeam.className = 'sports-team';
            const awayBadge = document.createElement('img');
            awayBadge.src = getBadgeUrl(match?.teams?.away?.badge) || '';
            awayBadge.alt = match?.teams?.away?.name || 'Away';
            awayBadge.loading = 'lazy';
            awayBadge.referrerPolicy = 'no-referrer';
            awayBadge.onerror = () => { awayBadge.style.visibility = 'hidden'; };
            const awayName = document.createElement('span');
            awayName.className = 'sports-team-name';
            awayName.textContent = match?.teams?.away?.name || 'Away';
            awayTeam.appendChild(awayBadge);
            awayTeam.appendChild(awayName);

const vs = document.createElement('span');
            vs.className = 'sports-match-meta';
            vs.style.margin = '0 4px';
            vs.textContent = 'VS';

teamsRow.appendChild(homeTeam);
            teamsRow.appendChild(vs);
            teamsRow.appendChild(awayTeam);
            card.appendChild(teamsRow);

container.appendChild(card);
        });
    }

function resetSportsPlayer() {
        sportsState.selectedSourceValue = '';
        const sourceSelect = document.getElementById('sports-source-select');
        const streamSelect = document.getElementById('sports-stream-select');
        const frame = document.getElementById('sports-stream-frame');

if (sourceSelect) {
            sourceSelect.innerHTML = '<option value="">SELECT SOURCE</option>';
            sourceSelect.disabled = true;
        }

if (streamSelect) {
            streamSelect.innerHTML = '<option value="">SELECT STREAM</option>';
            streamSelect.disabled = true;
        }

if (frame) {
            frame.src = 'about:blank';
        }

setSportsPlayerStatus('Choose a match to load stream sources.');
    }

async function refreshSportsMatches() {
        setSportsStatus('Loading matches...', false);
        sportsState.sourceStreamsCache = {};
        resetSportsPlayer();

try {
            const payload = await fetchSportsJson(getSportsMatchesEndpoint());
            const seenMatchIds = new Set();
            sportsState.matches = (Array.isArray(payload) ? payload : [])
                .map(normalizeSportsMatch)
                .filter(Boolean)
                .filter(function (match) {
                    if (sportsState.popularOnly && !match.popular) return false;
                    if (seenMatchIds.has(match.id)) return false;
                    seenMatchIds.add(match.id);
                    return true;
                });

sportsState.matches.sort(function (a, b) {
                return Number(a.date || 0) - Number(b.date || 0);
            });

sportsState.selectedMatchId = null;
            renderSportsMatches();
            setSportsStatus(`Loaded ${sportsState.matches.length} matches.`, false);
        } catch (error) {
            sportsState.matches = [];
            renderSportsMatches();
            setSportsStatus('Failed to load sports matches. Try again.', true);
            console.error('Sports match load failed:', error);
        }
    }

async function selectSportsMatch(matchId) {
        sportsState.selectedMatchId = String(matchId || '');
        renderSportsMatches();

const selectedMatch = sportsState.matches.find((m) => String(m.id) === sportsState.selectedMatchId);
        if (!selectedMatch || !Array.isArray(selectedMatch.sources) || !selectedMatch.sources.length) {
            resetSportsPlayer();
            setSportsPlayerStatus('No stream sources available for this match.');
            return;
        }

const sourceSelect = document.getElementById('sports-source-select');
        if (!sourceSelect) return;

sourceSelect.innerHTML = '';
        selectedMatch.sources.forEach((entry) => {
            const option = document.createElement('option');
            const value = `${entry.source}::${entry.id}`;
            option.value = value;
            option.textContent = `${String(entry.source || '').toUpperCase()} | ${entry.id}`;
            sourceSelect.appendChild(option);
        });

sourceSelect.disabled = false;
        const firstSource = selectedMatch.sources[0];
        const sourceValue = `${firstSource.source}::${firstSource.id}`;
        sourceSelect.value = sourceValue;
        await onSportsSourceChanged(sourceValue);
    }

async function onSportsSourceChanged(value) {
        const streamSelect = document.getElementById('sports-stream-select');
        if (!streamSelect) return;

const safeValue = String(value || '');
        if (!safeValue.includes('::')) {
            streamSelect.innerHTML = '<option value="">SELECT STREAM</option>';
            streamSelect.disabled = true;
            return;
        }

sportsState.selectedSourceValue = safeValue;
        const parts = safeValue.split('::');
        const sourceName = parts[0];
        const sourceId = parts.slice(1).join('::');
        const cacheKey = `${sourceName}::${sourceId}`;
        let streams = sportsState.sourceStreamsCache[cacheKey];
        const selectedMatch = sportsState.matches.find((m) => String(m.id) === String(sportsState.selectedMatchId));

setSportsPlayerStatus('Loading stream list...');
        if (!Array.isArray(streams)) {
            try {
                const payload = await fetchSportsJson(getSportsStreamEndpoint(sourceName, sourceId));
                streams = (Array.isArray(payload) ? payload : [])
                    .map(normalizeSportsStream)
                    .filter(Boolean)
                    .sort(function (a, b) {
                        return Number(a.streamNo || 0) - Number(b.streamNo || 0);
                    });
            } catch (error) {
                console.error('Sports stream load failed:', error);
                streams = [];
            }

if (!streams.length) {
                streams = buildSportsStreamFallbacks(sourceName, sourceId);
            }

sportsState.sourceStreamsCache[cacheKey] = streams;
        }

streamSelect.innerHTML = '';
        if (!streams.length) {
            const option = document.createElement('option');
            option.value = '';
            option.textContent = 'NO STREAMS FOUND';
            streamSelect.appendChild(option);
            streamSelect.disabled = true;
            setSportsPlayerStatus('No streams found for this source. Try another source.');
            return;
        }

streams.forEach((stream, idx) => {
            const option = document.createElement('option');
            option.value = String(idx);
            const lang = stream.language || 'Unknown';
            const quality = stream.hd ? 'HD' : 'SD';
            const number = Number.isFinite(Number(stream.streamNo)) ? stream.streamNo : (idx + 1);
            option.textContent = `#${number} | ${lang} | ${quality}`;
            streamSelect.appendChild(option);
        });

streamSelect.disabled = false;
        streamSelect.value = '0';
        onSportsStreamChanged('0');
    }

function onSportsStreamChanged(indexValue) {
        const safeSource = String(sportsState.selectedSourceValue || '');
        if (!safeSource.includes('::')) return;

const parts = safeSource.split('::');
        const sourceName = parts[0];
        const sourceId = parts.slice(1).join('::');
        const cacheKey = `${sourceName}::${sourceId}`;
        const streams = sportsState.sourceStreamsCache[cacheKey] || [];
        const selectedIndex = Number(indexValue);
        const selectedStream = streams[selectedIndex];
        const selectedMatch = sportsState.matches.find((m) => String(m.id) === String(sportsState.selectedMatchId));

if (!selectedStream || !selectedStream.embedUrl) {
            setSportsPlayerStatus('Selected stream is unavailable.');
            return;
        }

const launchUrl = selectedStream.embedUrl;

const frame = document.getElementById('sports-stream-frame');
        if (frame) {
            setSportsNoSandboxNoNewTabsFrame(frame, launchUrl);
        }

setSportsPlayerStatus(`Now playing: ${selectedStream.language || 'Unknown'} ${selectedStream.hd ? 'HD' : 'SD'} (${sourceName.toUpperCase()})`);
    }

function onSportsFeedChanged(value) {
        sportsState.feed = String(value || 'live');
        refreshSportsMatches();
    }

function onSportsCategoryChanged(value) {
        sportsState.sport = String(value || 'all');
        sportsState.sourceStreamsCache = {};
        renderSportsQuickChips();
        refreshSportsMatches();
    }

async function initSportsView() {
        if (!sportsState.initialized) {
            const feedSelect = document.getElementById('sports-feed-select');
            const categorySelect = document.getElementById('sports-category-select');
            if (feedSelect) feedSelect.value = sportsState.feed;
            if (categorySelect) categorySelect.value = sportsState.sport;
            sportsState.initialized = true;
        }

if (!sportsState.catalogLoaded) {
            try {
                const sports = await fetchSportsJson(`${STREAMED_API_BASE}/sports`);
                sportsState.sports = getMergedSportsCatalog(sports);
                sportsState.catalogLoaded = true;
            } catch (error) {
                sportsState.sports = getMergedSportsCatalog([]);
                sportsState.catalogLoaded = true;
                setSportsStatus('Sports catalog unavailable. Loaded local expanded catalog instead.', true);
                console.error('Sports catalog load failed:', error);
            }
            renderSportsCatalog();
        }

if (!sportsState.matches.length) {
            await refreshSportsMatches();
        } else {
            renderSportsMatches();
            setSportsStatus(`Loaded ${sportsState.matches.length} matches.`, false);
        }
    }

async function initHome() {
        try {
            const shows = await ShowService.fetchHomeData();
            state.trending = shows;
            renderHero(shows[0]);
            renderGrid(shows.slice(1), 'trending-grid');
        } catch (e) {
            console.error(e);
        }
    }

async function loadMedia({ id, type, season, epNumber }) {
        document.getElementById('view-details').innerHTML = '<div style="text-align:center; padding:50px; color:var(--neon-blue);">ACCESSING DATA...</div>';
       
        try {
            state.currentShow = await ShowService.getDetails(id, type);
           
            if (type === 'tv') {
                const targetSeason = season || 1;
                state.currentSeason = targetSeason;
               
                const eps = await ShowService.getSeasonEpisodes(id, targetSeason);
                state.currentShow.episodes[targetSeason] = eps;

if (epNumber) {
                    state.currentEpisode = eps.find(e => e.number === epNumber) || eps[0];
                } else {
                    state.currentEpisode = eps[0] || { number: 1, title: 'Unavailable' };
                }
            } else {
                saveProgress();
            }
           
            renderDetailsView();

if (state.currentShow && state.currentShow.title) {
                document.title = `${state.currentShow.title} - Horion TV`;
            } else {
                document.title = 'Horion TV';
            }

try {
                if (window.parent && window.parent !== window && typeof window.parent.onTvViewChange === 'function') {
                    window.parent.onTvViewChange('details', {
                        id: state.currentShow.id,
                        type: state.currentShow.type,
                        season: state.currentShow.type === 'tv' ? state.currentSeason : null,
                        epNumber: state.currentShow.type === 'tv' && state.currentEpisode ? state.currentEpisode.number : null,
                        title: state.currentShow.title || ''
                    });
                }
            } catch (err) {
                // Ignore parent messaging errors.
            }
        } catch(e) {
             document.getElementById('view-details').innerHTML = '<div style="text-align:center; padding:50px; color:red;">DATA CORRUPTED. RETRY.</div>';
        }
    }

// ==========================================
    // 5. RENDERERS
    // ==========================================

function renderContinueWatching() {
        const container = document.getElementById('continue-grid');
        const cwList = getContinueWatching();
       
        if (cwList.length === 0) {
            container.innerHTML = `
                <div style="color:var(--text-grey); font-family:'JetBrains Mono'; grid-column: 1 / -1; padding: 40px 0;">
                    Start watching a show or movie to add it to Continue Watching.
                </div>`;
            return;
        }

container.innerHTML = '';
        cwList.forEach(item => {
            const card = document.createElement('div');
            card.className = 'tv-card';
            card.onclick = () => router('details', { id: item.id, type: item.type, season: item.season, epNumber: item.episodeNumber });
           
            const metaText = item.type === 'movie' ? 'MOVIE' : `S${item.season}:E${item.episodeNumber}`;
           
            card.innerHTML = `
                <img src="${item.poster}" loading="lazy">
                <div class="card-overlay">
                    <div class="tv-title">${item.title}</div>
                    <div class="tv-meta" style="color: var(--neon-blue);">${metaText} | RESUME</div>
                </div>
            `;
            container.appendChild(card);
        });
    }

<div class="sports-ad-warning" style="margin-top:0;">
                With Horion TV, use an ad blocker, as TV streams are embedded with ads outside Horion jurisdiction.
                Most school devices have adblockers built in.
                <a href="https://ublockorigin.com/" target="_blank" rel="noopener noreferrer">Get uBlock Origin</a>
            </div>
            
            <div class="details-layout" style="${isMovie ? 'grid-template-columns: 1fr;' : ''}">
                
                <div>
                    <div class="video-container">
                        <iframe id="video-player" src="about:blank" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <div style="display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; margin-bottom:16px;">
                        <button type="button" class="btn-secondary" onclick="openTvPlayerFullscreen()">FULLSCREEN</button>
                        <button type="button" class="btn-secondary" onclick="openTvPlayerLink()">OPEN LINK</button>
                        <button type="button" class="btn-secondary" onclick="refreshTvPlayer()">REFRESH</button>
                        <button type="button" class="btn-secondary" onclick="openTvPlayerInAboutBlank()">OPEN IN ABOUT:BLANK</button>
                    </div>
                    <div class="server-bar">
                        <div>
                            <div style="color:white; font-weight:bold;">${episodeTitleText}</div>
                            <div style="color:var(--text-grey); font-size:0.8rem;">SOURCE: ${state.currentServer === 'server1' ? 'VidSrc 1 (S1)' : state.currentServer === 'server2' ? 'VidSrc 3 (S2)' : 'VidSrcMe (S3)'}</div>
                        </div>
                        <div style="display:flex; gap:10px;">
                            <button onclick="switchServer('server1')" class="btn-secondary ${state.currentServer === 'server1' ? 'active' : ''}">S1</button>
                            <button onclick="switchServer('server2')" class="btn-secondary ${state.currentServer === 'server2' ? 'active' : ''}">S2</button>
                            <button onclick="switchServer('server3')" class="btn-secondary ${state.currentServer === 'server3' ? 'active' : ''}">S3</button>
                        </div>
                    </div>
                    
                    <div style="margin-top:30px;">
                        <div style="color:var(--hacker-blue); font-family:'JetBrains Mono'; letter-spacing:2px; margin-bottom:5px;">
                            ${isMovie ? 'MOVIE' : 'TV SERIES'}
                        </div>
                        <h1 style="font-size:3rem; margin:0; line-height:1.2;">${show.title}</h1>
                        ${detailsMeta ? `<div style="display:flex; gap:20px; color:var(--text-grey); margin:10px 0; font-family:'JetBrains Mono';">${detailsMeta}</div>` : ''}
                        <p style="color:#ccc; line-height:1.6; max-width: ${isMovie ? '100%' : '800px'};">${show.description}</p>
                    </div>
                </div>

${isMovie ? '' : `
                <div class="episode-list-container">
                    <div class="season-header">
                        <span style="font-family:'JetBrains Mono'; font-weight:bold;">EPISODES</span>
                        <select id="season-select" class="season-select" onchange="changeSeason(this.value)">
                            ${Array.from({length: show.totalSeasons}, (_, i) => i + 1).map(s => 
                                `<option value="${s}" ${s == state.currentSeason ? 'selected' : ''}>SEASON ${s}</option>`
                            ).join('')}
                        </select>
                    </div>
                    <div id="episodes-scroll" class="episodes-scroll">
                        
                    </div>
                </div>
                `}
            </div>
        `;

setLockedEmbedFrame(document.getElementById('video-player'), providerUrl, {
            disableOuterSandbox: true,
            disableInnerSandbox: true
        });
       
        if (!isMovie) renderEpisodeList();
    }

function getCurrentProviderUrl() {
        if (!state.currentShow) return '';

const show = state.currentShow;
        if (show.type === 'movie') {
            return getProviderUrl(show.imdbId, show.tmdbId, 'movie');
        }

if (!state.currentEpisode) return '';
        return getProviderUrl(show.imdbId, show.tmdbId, 'tv', state.currentSeason, state.currentEpisode.number);
    }

function openTvPlayerFullscreen() {
        const frame = document.getElementById('video-player');
        if (!frame) return;

if (frame.requestFullscreen) {
            frame.requestFullscreen();
        } else if (frame.webkitRequestFullscreen) {
            frame.webkitRequestFullscreen();
        }
    }

function refreshTvPlayer() {
        const frame = document.getElementById('video-player');
        const providerUrl = getCurrentProviderUrl();
        if (!frame || !providerUrl) return;

setLockedEmbedFrame(frame, providerUrl, {
            disableOuterSandbox: true,
            disableInnerSandbox: true
        });
    }

function openTvPlayerInAboutBlank() {
        const providerUrl = getCurrentProviderUrl();
        if (!providerUrl) return;
        launchSite(providerUrl);
    }

function openTvPlayerLink() {
        const providerUrl = getCurrentProviderUrl();
        if (!providerUrl) return;
        window.open(providerUrl, '_blank', 'noopener,noreferrer');
    }

function renderEpisodeList() {
        const container = document.getElementById('episodes-scroll');
        const episodes = state.currentShow.episodes[state.currentSeason] || [];
       
        if(episodes.length === 0) {
            container.innerHTML = '<div style="padding:20px; color:grey; text-align:center;">NO DATA AVAILABLE</div>';
            return;
        }

container.innerHTML = episodes.map((ep, idx) => {
            const isActive = (ep.number === state.currentEpisode?.number);
            return `
                <div class="episode-item ${isActive ? 'active' : ''}" onclick="playEpisode(${state.currentSeason}, ${idx})">
                    <div class="ep-num">${ep.number}</div>
                    <div class="ep-title">${ep.title}</div>
                </div>
            `;
        }).join('');
    }

// ==========================================
    // 6. PLAYER LOGIC
    // ==========================================

async function changeSeason(season) {
        state.currentSeason = parseInt(season);
       
        if (!state.currentShow.episodes[state.currentSeason]) {
            const container = document.getElementById('episodes-scroll');
            container.innerHTML = '<div style="padding:20px; color:var(--neon-blue); text-align:center; font-family:\'JetBrains Mono\';">LOADING...</div>';
           
            const eps = await ShowService.getSeasonEpisodes(state.currentShow.id, state.currentSeason);
            state.currentShow.episodes[state.currentSeason] = eps;
        }
        renderEpisodeList();

try {
            if (window.parent && window.parent !== window && typeof window.parent.onTvViewChange === 'function' && state.currentShow) {
                window.parent.onTvViewChange('details', {
                    id: state.currentShow.id,
                    type: state.currentShow.type,
                    season: state.currentSeason,
                    epNumber: state.currentEpisode ? state.currentEpisode.number : null,
                    title: state.currentShow.title || ''
                });
            }
        } catch (err) {
            // Ignore parent messaging errors.
        }
    }

function playEpisode(season, index) {
        state.currentSeason = season;
        state.currentEpisode = state.currentShow.episodes[season][index];
        saveProgress();
        renderDetailsView();
        window.scrollTo(0,0);

function switchServer(server) {
        state.currentServer = server;
        renderDetailsView();
    }

function getProviderUrl(imdbId, tmdbId, type, season = null, episode = null) {
        const idToUse = encodeURIComponent(String(tmdbId || imdbId || ''));
        const seasonValue = encodeURIComponent(String(season || 1));
        const episodeValue = encodeURIComponent(String(episode || 1));

if (state.currentServer === 'server1') {
            if (type === 'movie') {
                return `https://www.vidsrc.wtf/api/1/movie?color=0278fd&id=${idToUse}`;
            }

return `https://www.vidsrc.wtf/api/1/tv?id=${idToUse}&s=${seasonValue}&e=${episodeValue}`;
        }

if (state.currentServer === 'server2') {
            if (type === 'movie') {
                return `https://www.vidsrc.wtf/api/3/movie?color=0278fd&id=${idToUse}`;
            }

return `https://www.vidsrc.wtf/api/3/tv?id=${idToUse}&s=${seasonValue}&e=${episodeValue}`;
        }

const tmdbOnlyId = encodeURIComponent(String(tmdbId || ''));
        if (!tmdbOnlyId) {
            return '';
        }

if (type === 'movie') {
            return `https://vidsrcme.ru/embed/movie?tmdb=${tmdbOnlyId}`;
        }

return `https://vidsrcme.ru/embed/tv?tmdb=${tmdbOnlyId}&season=${seasonValue}&episode=${episodeValue}`;
    }

// ==========================================
    // 7. YOUTUBE NAV LAUNCHER LOGIC
    // ==========================================

const UBEAST_MATCH_TEXT = 'ubeast';
const UBEAST_RELOAD_PARAM = '__horion_ubeast_reload';

function urlContainsUbeast(urlValue) {
    return String(urlValue || '').toLowerCase().includes(UBEAST_MATCH_TEXT);
}

function launchSite(targetUrl, options) {
    const normalizedUrl = String(targetUrl || '').trim();
    if (!normalizedUrl) return false;
    const safeUrl = normalizedUrl;
    const safeUrlAttr = safeUrl
        .replace(/&/g, '&')
        .replace(/"/g, '"');

const win = window.open('about:blank', '_blank');
    if (!win) {
        alert('Pop-up blocked! Please allow popups for this site.');
        return false;
    }

try {
        win.opener = null;
    } catch (err) {
        // Some browsers may not allow updating opener.
    }

const matchText = ${JSON.stringify(UBEAST_MATCH_TEXT)};
        const reloadParam = ${JSON.stringify(UBEAST_RELOAD_PARAM)};
        const cooldownMs = 3500;
        const seenAt = new Map();

const shouldReloadNow = function (candidateUrl) {
            if (!candidateUrl || String(candidateUrl).toLowerCase().indexOf(matchText) === -1) return false;
            const key = getReloadKey(candidateUrl);
            const now = Date.now();
            const last = seenAt.get(key) || 0;
            if (now - last < cooldownMs) return false;
            seenAt.set(key, now);
            return true;
        };

const inspectUrl = function (candidateUrl) {
            if (!shouldReloadNow(candidateUrl)) return;
            reloadSameMethod(candidateUrl);
        };

frame.addEventListener('load', function () {
            inspectUrl(frame.getAttribute('src') || frame.src);
            try {
                inspectUrl(frame.contentWindow && frame.contentWindow.location ? frame.contentWindow.location.href : '');
            } catch (error) {
                // Cross-origin frame location is expected to be blocked.
            }
        });

const observer = new MutationObserver(function () {
            inspectUrl(frame.getAttribute('src') || frame.src);
        });
        observer.observe(frame, { attributes: true, attributeFilter: ['src'] });

setInterval(function () {
            inspectUrl(frame.getAttribute('src') || frame.src);
            try {
                inspectUrl(frame.contentWindow && frame.contentWindow.location ? frame.contentWindow.location.href : '');
            } catch (error) {
                // Cross-origin frame location is expected to be blocked.
            }
        }, 1000);

inspectUrl(frame.getAttribute('src') || frame.src);
    })();
    <\/script>
</body>
</html>`;

win.document.open();
    win.document.write(wrapperHtml);
    win.document.close();
   
    return true;
}

function buildTvProxiedInlineHtml(html, baseUrl) {
    const safeBase = String(baseUrl).replace(/"/g, '"');
    const baseTag = `<base href="${safeBase}" target="_self">`;

const sanitizedHtml = String(html)
        .replace(/<meta[^>]*http-equiv=["']content-security-policy["'][^>]*>/gi, '')
        .replace(/<meta[^>]*http-equiv=["']x-content-security-policy["'][^>]*>/gi, '')
        .replace(/<base[^>]*>/gi, '');

const isSkippableHref = function (href) {
        if (!href) return true;
        const lower = String(href).trim().toLowerCase();
        return lower.startsWith('#') || lower.startsWith('javascript:') || lower.startsWith('mailto:') || lower.startsWith('tel:');
    };

const navigateInline = function (url) {
        if (!url || typeof window.__horionNavigate !== 'function') return;
        window.__horionNavigate(url);
    };

const normalizeNodeTarget = function (node) {
        if (!node || !node.getAttribute || !node.setAttribute) return;
        const tag = (node.tagName || '').toLowerCase();
        if (tag !== 'a' && tag !== 'form') return;
        node.setAttribute('target', '_self');
        if (tag === 'a') {
            node.setAttribute('rel', 'noopener noreferrer');
        }
    };

const forceSameTabTargets = function () {
        document.querySelectorAll('a, form').forEach(function (node) {
            normalizeNodeTarget(node);
        });
    };

const rerouteToSameTab = function (candidateUrl) {
        const resolved = toAbsoluteUrl(candidateUrl || '');
        if (resolved) {
            navigateInline(resolved);
            return window;
        }
        navigateInline(window.location.href);
        return window;
    };

const originalOpen = window.open;
    const blockedOpen = function (url) {
        return rerouteToSameTab(url);
    };

try { window.open = blockedOpen; } catch (error) {}
    try { globalThis.open = blockedOpen; } catch (error) {}
    try { if (window.parent) window.parent.open = blockedOpen; } catch (error) {}
    try { if (window.top) window.top.open = blockedOpen; } catch (error) {}

forceSameTabTargets();
    const observer = new MutationObserver(function (mutations) {
        forceSameTabTargets();
        mutations.forEach(function (mutation) {
            if (mutation.type === 'attributes' && mutation.target) {
                normalizeNodeTarget(mutation.target);
            }
        });
    });
    observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['target', 'rel', 'href', 'action'] });
    setInterval(forceSameTabTargets, 500);

const handleLinkLikeNavigation = function (event) {
        const target = event.target && event.target.closest ? event.target.closest('a[href], [data-href], button[data-href]') : null;
        if (!target) return;

const href = target.getAttribute('href') || target.getAttribute('data-href');
        if (isSkippableHref(href)) return;

const resolved = toAbsoluteUrl(href);
        if (!resolved) return;

event.preventDefault();
        event.stopPropagation();
        navigateInline(resolved);
    };

document.addEventListener('click', handleLinkLikeNavigation, true);
    document.addEventListener('auxclick', handleLinkLikeNavigation, true);

document.addEventListener('submit', function (event) {
        const form = event.target;
        if (!form || !form.getAttribute) return;

form.setAttribute('target', '_self');

const method = (form.getAttribute('method') || 'get').toLowerCase();
        const action = form.getAttribute('action') || window.location.href;
        const resolvedAction = toAbsoluteUrl(action);
        if (!resolvedAction) return;

if (method !== 'get') {
            return;
        }

event.preventDefault();
        event.stopPropagation();
        const formData = new FormData(form);
        const params = new URLSearchParams(formData);
        const nextUrl = new URL(resolvedAction);
        params.forEach(function (value, key) {
            nextUrl.searchParams.set(key, value);
        });
        navigateInline(nextUrl.href);
    }, true);
})();
<\/script>`;

if (/<head[^>]*>/i.test(sanitizedHtml)) {
        return sanitizedHtml.replace(/<head[^>]*>/i, function (match) {
            return match + baseTag + guardScript;
        });
    }

return baseTag + guardScript + sanitizedHtml;
}

function openInlineTvPage(targetUrl, titleText, options) {
    const normalizedUrl = String(targetUrl || '').trim();
    if (!normalizedUrl) return false;

const opts = options || {};
    const blockNewTabs = Boolean(opts.blockNewTabs);
    const useProxyGuard = Boolean(opts.useProxyGuard);
    const fullscreen = Boolean(opts.fullscreen);

const existing = document.getElementById('horion-tv-inline-page');
    if (existing) existing.remove();

const host = document.createElement('section');
    host.id = 'horion-tv-inline-page';
    host.style.position = 'fixed';
    host.style.left = '0';
    host.style.right = '0';
    host.style.bottom = '0';
    host.style.zIndex = '9990';
    host.style.background = '#000';
    host.style.borderTop = '1px solid rgba(0, 112, 255, 0.25)';

host.innerHTML = `
        <iframe
            id="horion-tv-inline-host-frame"
            src="about:blank"
            allow="autoplay; encrypted-media; fullscreen"
            style="border:none;width:100%;height:100%;background:#000;"
        ></iframe>
    `;

const applyOffset = function () {
        if (fullscreen) {
            host.style.top = '0px';
            return;
        }
        const nav = document.querySelector('.hud-nav');
        const top = nav ? Math.max(0, Math.round(nav.getBoundingClientRect().bottom)) : 0;
        host.style.top = top + 'px';
    };

const closeInlineView = function () {
        window.removeEventListener('resize', applyOffset);
        document.removeEventListener('keydown', onKeydown);
        host.remove();
    };

const onKeydown = function (event) {
        if (event.key === 'Escape') closeInlineView();
    };

document.body.appendChild(host);
    const hostFrame = document.getElementById('horion-tv-inline-host-frame');
    const inlineNavToken = 'horion-tv-inline-nav-' + Date.now() + '-' + Math.random().toString(16).slice(2);
    let isClosing = false;
    const inlineUbeastReloadSeenAt = new Map();

const shouldReloadInlineForUbeast = function (candidateUrl, scope) {
        if (!urlContainsUbeast(candidateUrl)) return false;
        const key = scope + '|' + getUbeastReloadKey(candidateUrl);
        const now = Date.now();
        const last = inlineUbeastReloadSeenAt.get(key) || 0;
        if (now - last < 3500) return false;
        inlineUbeastReloadSeenAt.set(key, now);
        return true;
    };

const renderProxiedPage = function (urlValue) {
        const safeUrl = String(urlValue || '').trim();
        if (!safeUrl || isClosing || !hostFrame || !hostFrame.contentWindow || !hostFrame.contentWindow.document) return;

if (shouldReloadInlineForUbeast(safeUrl, 'proxy')) {
            renderProxiedPage(appendUbeastReloadParam(safeUrl));
            return;
        }

fetch(safeUrl)
            .then((response) => {
                if (!response.ok) throw new Error('HTTP ' + response.status);
                return response.text();
            })
            .then((htmlText) => {
                if (isClosing || !hostFrame.contentWindow || !hostFrame.contentWindow.document) return;
                const proxiedHtml = buildTvProxiedInlineHtml(htmlText, safeUrl);
                hostFrame.contentWindow.__horionNavigate = function (nextUrl) {
                    window.postMessage({ type: 'HORION_TV_INLINE_NAV', token: inlineNavToken, url: nextUrl }, '*');
                };
                hostFrame.contentWindow.__horionReloadSelf = function (nextUrl) {
                    const detectedUrl = String(nextUrl || safeUrl || '').trim();
                    if (!shouldReloadInlineForUbeast(detectedUrl, 'proxy')) return;
                    renderProxiedPage(appendUbeastReloadParam(detectedUrl));
                };
                hostFrame.contentWindow.document.open();
                hostFrame.contentWindow.document.write(proxiedHtml);
                hostFrame.contentWindow.document.close();
            })
            .catch((error) => {
                console.warn('Inline proxy fetch failed, falling back to direct iframe wrapper.', error);
                renderDirectWrapper();
            });
    };

const onInlineMessage = function (event) {
        const data = event && event.data ? event.data : null;
        if (!data || data.type !== 'HORION_TV_INLINE_NAV' || data.token !== inlineNavToken) return;
        if (shouldReloadInlineForUbeast(data.url, 'proxy')) {
            renderProxiedPage(appendUbeastReloadParam(data.url));
            return;
        }
        renderProxiedPage(data.url);
    };

if (useProxyGuard && blockNewTabs) {
        window.addEventListener('message', onInlineMessage);
        renderProxiedPage(normalizedUrl);
    } else {
        renderDirectWrapper();
    }

const originalCloseInlineView = closeInlineView;
    closeInlineView = function () {
        isClosing = true;
        window.removeEventListener('message', onInlineMessage);
        originalCloseInlineView();
    };

applyOffset();
    window.addEventListener('resize', applyOffset);
    document.addEventListener('keydown', onKeydown);

return true;
}

// Ensure these functions use the correct variable names
function launchYoutubeTool() {
    setTvTaskbarHighlight('nav-youtube');
    try {
        if (window.parent && window.parent !== window && typeof window.parent.onTvViewChange === 'function') {
            window.parent.onTvViewChange('youtube');
        }
    } catch (err) {
        // Ignore parent messaging errors.
    }
    router('youtube');
}

function launchSportsTool() {
        router('sports');
    }

function openOriginalSports(event) {
    if (event && typeof event.preventDefault === 'function') {
        event.preventDefault();
    }
    launchSite('https://streami.su/');
}

// ==========================================
    // 8. BROWSE / SEARCH LOGIC
    // ==========================================
    const searchInput = document.getElementById('browse-search');
    let debounceTimer;
   
    searchInput.addEventListener('input', (e) => {
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(async () => {
            const query = e.target.value.trim();
            const container = document.getElementById('browse-grid');
           
            // Revert back to top 50 default list if search is empty
            if(!query) {
                renderGrid(state.browseDefault, 'browse-grid');
                return;
            }
           
            container.innerHTML = '<div style="color:var(--neon-blue); font-family:\'JetBrains Mono\'; grid-column: 1/-1;">SCANNING DATABASE...</div>';
            const results = await ShowService.searchShows(query);
           
            if (results.length === 0) {
                 container.innerHTML = '<div style="color:var(--text-grey); font-family:\'JetBrains Mono\'; grid-column: 1/-1;">No results found in database.</div>';
            } else {
                 renderGrid(results, 'browse-grid');
            }
        }, 600);
    });

</script>
</body>
</html>