<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Skibidi Multiverse - GOD MODE V38.0</title>
    <link href="https://fonts.googleapis.com/css2?family=Bungee&family=Black+Ops+One&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
    
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-analytics.js"></script>
    <style>
        :root {
            --primary: #00f2ff; --secondary: #ff00ea; --danger: #ff3333;
            --gold: #ffd700; --toxic: #39ff14; --purple: #9d00ff;
            --blue: #0088ff; --bg: #050505; --panel: rgba(22, 22, 22, 0.98);
        }
        * { box-sizing: border-box; user-select: none; }
        body { margin: 0; padding: 0; background: var(--bg); color: white; font-family: 'Segoe UI', sans-serif; overflow: hidden; transition: filter 0.5s; }
        
        /* CUSTOM SCROLLBAR */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #111; }
        ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 5px; border: 2px solid #000; }
        ::-webkit-scrollbar-thumb:hover { background: white; }
        @keyframes spinOrbit { from { transform: rotate(0deg) translateX(100px) rotate(0deg); } to { transform: rotate(360deg) translateX(100px) rotate(-360deg); } }
        @keyframes portalBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
        @keyframes coinFlip { 0% { transform: rotateY(0); } 100% { transform: rotateY(1800deg); } }
        @keyframes jumpScareAnim { 0% { transform: scale(0.1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
        @keyframes pulseRed { 0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); } 100% { box-shadow: 0 0 0 20px rgba(0,0,0,0); } }
        @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } }
        .btn { border: none; border-radius: 5px; padding: 10px 20px; font-family: 'Bungee'; cursor: pointer; transition: 0.2s; font-size: 14px; text-transform: uppercase; }
        .btn:active { transform: scale(0.95); }
        .btn:disabled { opacity: 0.5; cursor: not-allowed; }
        .btn-primary { background: var(--primary); color: black; box-shadow: 0 4px 0 rgba(0,242,255,0.3); }
        .btn-secondary { background: var(--secondary); color: white; box-shadow: 0 4px 0 rgba(255,0,234,0.3); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-gold { background: var(--gold); color: black; }
        .btn-toxic { background: var(--toxic); color: black; }
        .btn-purple { background: var(--purple); color: white; }
        .btn-blue { background: var(--blue); color: white; }
        
        .back-btn { position: fixed; top: 20px; left: 20px; z-index: 1000; }
        .notification { position: fixed; top: 100px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.95); border: 2px solid white; padding: 15px 40px; font-family: 'Bungee'; z-index: 99999; display: none; color: var(--gold); font-size: 24px; box-shadow: 0 0 50px rgba(0,0,0,0.8); border-radius: 50px; }
        #auth-screen { position: fixed; inset: 0; z-index: 10000; background: #000; display: flex; justify-content: center; align-items: center; background-image: radial-gradient(circle, #111 10%, #000 90%); }
        .login-box { width: 450px; text-align: center; border: 4px solid var(--primary); box-shadow: 0 0 60px var(--primary); padding: 50px; background: #111; border-radius: 20px; }
        .login-input { width: 100%; padding: 15px; margin: 10px 0; background: #222; border: 1px solid #444; color: white; font-family: 'Roboto Mono'; text-align: center; font-size: 18px; border-radius: 5px; }
        #site-hub { 
            display: none; height: 100vh; flex-direction: column; align-items: center; padding-top: 40px; position: relative; overflow-y: auto;
            background: linear-gradient(-45deg, #050505, #1a001a, #001a1a); background-size: 400% 400%; animation: portalBG 15s ease infinite;
        }
        .hub-title { font-family: 'Black Ops One'; font-size: 90px; color: transparent; -webkit-text-stroke: 3px var(--primary); margin: 0; text-shadow: 0 0 30px var(--primary); }
        .hub-stats { font-family: 'Bungee'; color: #fff; font-size: 20px; background: rgba(0,0,0,0.7); padding: 15px 40px; border-radius: 50px; border: 2px solid var(--gold); margin-top: 20px; display: flex; align-items: center; gap: 15px; }
        .game-grid { display: flex; gap: 20px; z-index: 2; flex-wrap: wrap; justify-content: center; margin-top: 60px; max-width: 1400px; padding-bottom: 50px; }
        .game-card { width: 220px; background: rgba(20,20,25,0.9); border: 2px solid #444; border-radius: 20px; padding: 25px; text-align: center; transition: 0.3s; cursor: pointer; position: relative; overflow: hidden; }
        .game-card:hover { transform: translateY(-20px); border-color: var(--gold); box-shadow: 0 0 60px rgba(255, 215, 0, 0.2); }
        .game-icon { font-size: 50px; margin-bottom: 20px; display: block; filter: drop-shadow(0 0 10px rgba(255,255,255,0.5)); }
        /* FIXED ADMIN PANEL */
        #admin-panel { 
            display: none; position: fixed; inset: 40px; background: #050505; 
            border: 3px solid var(--danger); z-index: 9000; border-radius: 15px; 
            grid-template-rows: auto auto 1fr; box-shadow: 0 0 100px red; 
            overflow: hidden;
        }
        .admin-header { padding: 15px; background: #200; border-bottom: 2px solid var(--danger); display: flex; justify-content: space-between; align-items: center; }
        .admin-tabs { display: flex; background: #111; overflow-x: auto; border-bottom: 1px solid #333; padding: 5px; gap: 5px; }
        .adm-tab { padding: 10px 15px; background: #222; color: #888; border: 1px solid #333; font-weight: bold; cursor: pointer; transition: 0.2s; min-width: 100px; font-family: 'Bungee'; border-radius: 5px; text-align: center; font-size: 11px; white-space: nowrap; }
        .adm-tab:hover { background: #333; color: white; }
        .adm-tab.active { background: var(--danger); color: white; border-color: red; }
        
        .adm-content { display: none; padding: 20px; overflow-y: auto; background: #080808; height: 100%; scroll-behavior: smooth; }
        .adm-content.active { display: block; }
        
        .adm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }
        .adm-btn { padding: 10px 5px; font-weight: bold; color: white; border: 1px solid #333; background: #151515; border-radius: 6px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 3px; font-family: 'Roboto Mono'; transition: 0.1s; font-size: 10px; text-align: center; }
        .adm-btn:hover { background: #252525; border-color: var(--primary); }
        .adm-btn:active { background: var(--primary); color: black; }
        .adm-btn span { font-size: 16px; display: block; margin-bottom: 2px; }
        .user-list-container { display: flex; flex-direction: column; gap: 10px; padding-bottom: 20px; }
        .adm-user-row { background: #1a1a1a; padding: 15px; border-left: 4px solid var(--primary); border-radius: 5px; display: flex; justify-content: space-between; align-items: center; font-family: 'Roboto Mono'; }
        .adm-user-info { display: flex; flex-direction: column; gap: 2px; }
        .adm-user-actions { display: flex; gap: 10px; align-items: center; }
        .adm-action-btn { padding: 8px 12px; font-size: 11px; font-weight: bold; cursor: pointer; border: none; border-radius: 4px; color: black; transition: 0.2s; }
        .adm-action-btn:hover { transform: scale(1.1); }
        /* OVERLAYS & EVENTS */
        #event-banner { display: none; position: fixed; top: 0; width: 100%; background: linear-gradient(90deg, gold, orange); color: black; text-align: center; font-family: 'Black Ops One'; font-size: 20px; padding: 10px; z-index: 30000; animation: pulseRed 1s infinite; border-bottom: 3px solid white; }
        
        #dm-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 40000; align-items: center; justify-content: center; }
        .dm-box { background: #111; border: 2px solid var(--primary); padding: 30px; text-align: center; max-width: 400px; border-radius: 10px; box-shadow: 0 0 50px var(--primary); }
        
        #jumpscare-overlay { display: none; position: fixed; inset: 0; z-index: 50000; background: black; align-items: center; justify-content: center; animation: shake 0.5s infinite; }
        .scare-img { width: 100%; height: 100%; object-fit: cover; animation: jumpScareAnim 0.2s; }
        
        #freeze-overlay { display: none; position: fixed; inset: 0; z-index: 45000; background: rgba(0, 242, 255, 0.2); cursor: not-allowed; backdrop-filter: blur(5px); }
        .freeze-msg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Black Ops One'; font-size: 50px; color: cyan; text-shadow: 0 0 20px blue; }
        /* BROADCAST */
        #broadcast-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 35000; align-items: center; justify-content: center; flex-direction: column; animation: portalBG 2s infinite; }
        .broadcast-box { background: #200; border: 5px solid red; padding: 40px; text-align: center; border-radius: 20px; box-shadow: 0 0 100px red; animation: pulseRed 2s infinite; max-width: 80%; }
        .broadcast-text { font-family: 'Black Ops One'; font-size: 30px; color: white; margin: 20px 0; line-height: 1.4; }
        /* --- GAME CSS --- */
        #game-clicker { display: none; height: 100vh; grid-template-columns: 350px 1fr 350px; background: radial-gradient(circle at center, #1a1a1a, #000); }
        .shop-col { background: rgba(15,15,15,0.98); border-right: 2px solid #333; border-left: 2px solid #333; display: flex; flex-direction: column; }
        .shop-header { padding: 20px; text-align: center; font-family: 'Black Ops One'; color: white; background: #111; border-bottom: 2px solid #333; font-size: 22px; letter-spacing: 2px; }
        .shop-list { flex: 1; overflow-y: auto; padding: 20px; }
        .shop-card { background: linear-gradient(135deg, #222, #151515); border: 2px solid #333; border-left: 5px solid #555; border-radius: 12px; padding: 15px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; transition: 0.2s; box-shadow: 0 5px 10px rgba(0,0,0,0.3); }
        .shop-card:hover { transform: translateX(5px); border-color: #555; }
        .shop-card.power { border-left-color: var(--primary); }
        .shop-card.auto { border-left-color: var(--secondary); }
        .shop-card.pet { border-left-color: orange; }
        .shop-card.skin { border-left-color: white; }
        .card-icon { font-size: 35px; margin-right: 15px; width: 40px; text-align: center; }
        .card-info { flex: 1; }
        .card-title { font-family: 'Bungee'; font-size: 13px; color: white; display: block; margin-bottom: 3px; }
        .card-stats { font-family: 'Roboto Mono'; font-size: 11px; color: #aaa; display: block; }
        .card-btn { background: #333; color: #888; border: none; padding: 8px 15px; border-radius: 6px; font-weight: bold; cursor: not-allowed; font-family: 'Black Ops One'; font-size: 12px; }
        .card-btn.can-buy { background: var(--toxic); color: black; cursor: pointer; box-shadow: 0 3px 0 #005500; }
        .card-btn.can-buy:active { transform: translateY(2px); box-shadow: none; }
        .clicker-stage { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
        .toilet-btn { width: 300px; height: 300px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 160px; cursor: pointer; border: 12px solid var(--primary); box-shadow: 0 0 100px var(--primary); z-index: 10; transition: 0.05s; position: relative; }
        .toilet-btn:active { transform: scale(0.95); }
        .pet-orbit { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
        .pet-slot { position: absolute; width: 50px; height: 50px; font-size: 40px; text-align: center; line-height: 50px; animation: spinOrbit 6s linear infinite; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; filter: drop-shadow(0 0 10px var(--secondary)); }
        .money-display { font-family: 'Black Ops One'; font-size: 60px; color: var(--gold); text-shadow: 0 0 25px rgba(255,215,0,0.6); margin-bottom: 5px; }
        .dps-display { font-family: 'Bungee'; color: #888; font-size: 16px; margin-bottom: 50px; background: #111; padding: 8px 20px; border-radius: 20px; border: 1px solid #333; }
        #game-guess, #game-slots, #game-crate, #game-crypto, #game-mines, #game-plinko, #game-roulette, #game-flip { display: none; height: 100vh; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, #111, #000); }
        #game-shooter { display: none; height: 100vh; background: #000022; position: relative; overflow: hidden; cursor: none; }
        .cards-container { display: flex; gap: 30px; perspective: 1200px; margin: 60px 0; }
        .guess-card { width: 180px; height: 260px; position: relative; transform-style: preserve-3d; transition: 0.6s; cursor: pointer; }
        .guess-card.flipped { transform: rotateY(180deg); }
        .card-face { position: absolute; inset: 0; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; font-size: 80px; border-radius: 18px; border: 4px solid #444; }
        .card-front { background: #222; color: var(--secondary); }
        .card-back { background: white; transform: rotateY(180deg); }
        
        .shooter-ui { position: absolute; top: 20px; right: 20px; text-align: right; z-index: 10; font-family: 'Bungee'; pointer-events: none; font-size: 24px; }
        .player-ship { position: absolute; bottom: 30px; width: 70px; height: 70px; font-size: 60px; transform: translateX(-50%); z-index: 5; text-align: center; }
        .enemy { position: absolute; font-size: 50px; z-index: 4; }
        .bullet { position: absolute; width: 8px; height: 25px; background: var(--toxic); z-index: 3; }
        #shooter-shop-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 100; flex-direction: column; align-items: center; justify-content: center; }
        
        .mines-ui { display: flex; gap: 40px; }
        .mines-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; width: 500px; height: 500px; background: #151515; padding: 15px; border-radius: 15px; }
        .mine-tile { background: #2a2a2a; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 40px; }
        .mine-tile.revealed { background: #0a0a0a; border: 2px solid #333; }
        .mine-tile.safe { border-color: cyan; }
        .mine-tile.exploded { border-color: red; }
        .mines-input { width: 100%; background: #222; border: 1px solid #444; padding: 10px; color: white; text-align: center; }
        .plinko-board { width: 600px; height: 500px; position: relative; background: #111; border: 4px solid var(--secondary); border-radius: 20px; overflow: hidden; margin-bottom: 20px; }
        .plinko-peg { position: absolute; width: 8px; height: 8px; background: white; border-radius: 50%; }
        .plinko-ball { position: absolute; width: 14px; height: 14px; background: var(--primary); border-radius: 50%; z-index: 10; }
        .plinko-slot { position: absolute; bottom: 0; width: 10%; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: black; border-top: 2px solid black; }
        
        .roulette-track-container { width: 800px; height: 120px; background: #111; border: 4px solid var(--gold); border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 40px; }
        .roulette-track { display: flex; height: 100%; transition: transform 5s cubic-bezier(0.1, 0.9, 0.3, 1); }
        .roulette-tile { width: 100px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; flex-shrink: 0; border-right: 2px solid rgba(0,0,0,0.5); font-family: 'Black Ops One'; }
        .r-red { background: #b00; } .r-black { background: #111; } .r-green { background: #0b0; }
        
        .coin { width: 250px; height: 250px; position: relative; transform-style: preserve-3d; transition: transform 3s ease-out; margin-bottom: 50px; }
        .coin-side { position: absolute; inset: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 100px; border: 10px solid var(--gold); background: #333; backface-visibility: hidden; }
        .coin-front { transform: rotateY(0deg); }
        .coin-back { transform: rotateY(180deg); }
        #game-flappy { display: none; height: 100vh; flex-direction: column; align-items: center; justify-content: center; background: skyblue; position: relative; overflow: hidden; }
        #flappy-canvas { border: 4px solid #333; background: #4ec0ca; box-shadow: 0 0 50px rgba(0,0,0,0.5); cursor: pointer; }
        .flappy-score { position: absolute; top: 100px; font-family: 'Black Ops One'; font-size: 60px; color: white; -webkit-text-stroke: 2px black; z-index: 10; }
        #game-memory { display: none; height: 100vh; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle, #200020, #000); }
        .memory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; perspective: 1000px; }
        .mem-card { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transition: 0.5s; cursor: pointer; }
        .mem-card.flipped { transform: rotateY(180deg); }
        .mem-face { position: absolute; inset: 0; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; font-size: 40px; border-radius: 10px; border: 2px solid #555; }
        .mem-front { background: linear-gradient(45deg, #333, #111); color: var(--gold); font-family: 'Bungee'; }
        .mem-back { background: white; transform: rotateY(180deg); border-color: var(--primary); }
        .mem-back.matched { background: lime; border-color: white; box-shadow: 0 0 20px lime; }
        #cat { position: fixed; pointer-events: none; z-index: 999999; font-size: 30px; }
        /* --- CRYPTO UPGRADE CSS --- */
        .crypto-dashboard { width: 100%; max-width: 1000px; display: flex; flex-direction: column; gap: 20px; }
        .crypto-header { display: flex; justify-content: space-between; align-items: center; background: #111; padding: 15px; border: 1px solid #333; border-radius: 10px; }
        .crypto-networth { font-family: 'Black Ops One'; font-size: 24px; color: var(--gold); }
        
        .news-ticker-container { width: 100%; background: #220000; border: 1px solid red; overflow: hidden; white-space: nowrap; padding: 5px 0; border-radius: 5px; margin-bottom: 10px; }
        .news-ticker { display: inline-block; padding-left: 100%; animation: ticker 15s linear infinite; font-family: 'Roboto Mono'; color: white; font-size: 14px; }
        @keyframes ticker { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
        .coin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; width: 100%; }
        .coin-card { background: #0a0a0a; border: 1px solid #333; padding: 15px; border-radius: 10px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
        .coin-card:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0, 242, 255, 0.1); }
        
        .coin-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
        .coin-name { font-family: 'Black Ops One'; font-size: 20px; color: white; }
        .coin-price { font-family: 'Roboto Mono'; font-size: 18px; color: var(--gold); }
        
        .coin-chart { width: 100%; height: 60px; background: rgba(255,255,255,0.02); border-bottom: 1px solid #222; margin-bottom: 10px; }
        
        .coin-stats { display: flex; justify-content: space-between; font-size: 12px; font-family: 'Bungee'; color: #888; margin-bottom: 10px; }
        .trend-up { color: var(--toxic); }
        .trend-down { color: var(--danger); }
        .trade-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
        .trade-btn { border: none; padding: 8px; font-family: 'Bungee'; cursor: pointer; border-radius: 4px; transition: 0.2s; font-size: 12px; }
        .btn-buy { background: rgba(57, 255, 20, 0.2); color: var(--toxic); border: 1px solid var(--toxic); }
        .btn-buy:hover { background: var(--toxic); color: black; }
        .btn-sell { background: rgba(255, 51, 51, 0.2); color: var(--danger); border: 1px solid var(--danger); }
        .btn-sell:hover { background: var(--danger); color: white; }
        /* --- GLOBAL CHAT CSS --- */
        #chat-btn { position: fixed; top: 80px; right: 20px; z-index: 2147483647; font-size: 20px; padding: 10px 15px; border-radius: 50px; background: #0088ff; border: 2px solid white; color: white; cursor: pointer; display: none; box-shadow: 0 0 10px black; }
        #chat-modal { display: none; position: fixed; bottom: 20px; right: 20px; width: 350px; height: 500px; background: rgba(0,0,0,0.9); border: 2px solid var(--primary); border-radius: 15px; z-index: 2147483647; flex-direction: column; overflow: hidden; box-shadow: 0 0 30px rgba(0,0,0,0.8); }
        .chat-header { background: #111; padding: 10px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; font-family: 'Black Ops One'; color: var(--primary); }
        .chat-messages { flex: 1; padding: 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; font-family: 'Roboto Mono'; font-size: 12px; }
        .chat-input-area { padding: 10px; background: #111; border-top: 1px solid #333; display: flex; gap: 5px; }
        .chat-msg { background: #222; padding: 8px 12px; border-radius: 10px; border-bottom-left-radius: 0; max-width: 90%; word-wrap: break-word; color: #ddd; }
        .chat-msg.mine { align-self: flex-end; background: #004488; border-bottom-left-radius: 10px; border-bottom-right-radius: 0; color: white; }
        .msg-user { font-weight: bold; color: var(--gold); font-size: 10px; margin-bottom: 2px; display: block; }
        .msg-time { font-size: 9px; color: #666; float: right; margin-left: 5px; margin-top: 3px; }
        
        .chat-del-btn { background: none; border: none; color: #555; cursor: pointer; font-size: 10px; margin-left: 5px; float: right; }
        .chat-del-btn:hover { color: red; }
        
        .owner-tag { background: red; color: white; padding: 2px 5px; border-radius: 3px; font-size: 8px; margin-right: 5px; font-weight: bold; font-family: 'Black Ops One'; }
        /* TROPHY NOTIFICATION DOT */
        .notif-dot { position: absolute; top: -5px; right: -5px; width: 15px; height: 15px; background: red; border-radius: 50%; border: 2px solid white; display: none; animation: pulseRed 1s infinite; }
    </style>
</head>
<body>
    <audio id="scream-sound" src="https://www.myinstants.com/media/sounds/scream_4.mp3"></audio>
    <div id="cat">🐱</div>
    <div id="notif" class="notification"></div>
    <div style="position: fixed; bottom: 10px; width: 100%; text-align: center; color: var(--primary); font-family: 'Black Ops One', monospace; font-size: 14px; pointer-events: none; z-index: 20000; text-shadow: 0 0 5px black; opacity: 0.8;">
        CREATED BY ARBEL BEN SHMUEL
    </div>
    <div id="event-banner">⚡ 2X MONEY EVENT ACTIVE! ⚡</div>
    
    <div id="freeze-overlay"><div class="freeze-msg">FROZEN BY ADMIN</div></div>
    <div id="jumpscare-overlay"></div>
    <div id="dm-modal">
        <div class="dm-box">
            <h2 style="color:var(--primary)">MESSAGE FROM ARBEL:</h2>
            <p id="dm-text" style="font-family:'Roboto Mono'; margin: 20px 0; font-size:18px;">...</p>
            <button class="btn btn-primary" onclick="document.getElementById('dm-modal').style.display='none'">OK</button>
        </div>
    </div>
    <div id="broadcast-modal">
        <div class="broadcast-box">
            <h1 style="color:red; font-family:'Black Ops One'; font-size:40px;">📢 ADMIN ARBEL SAYS:</h1>
            <p id="broadcast-text" class="broadcast-text">...</p>
            <button class="btn btn-primary" onclick="document.getElementById('broadcast-modal').style.display='none'">GOT IT</button>
        </div>
    </div>
    <div id="auth-screen">
        <div class="login-box">
            <h1 style="color:var(--primary); font-family:'Black Ops One'; font-size:50px;">SKIBIDI ONLINE</h1>
            <p style="color:var(--gold); font-family:'Bungee'; margin-bottom:30px;">ONLINE MULTIPLAYER DB</p>
            <input type="text" id="user" class="login-input" placeholder="USERNAME">
            <input type="password" id="pass" class="login-input" placeholder="PASSWORD">
            <div style="margin-top:30px; display:flex; gap:15px;">
                <button class="btn btn-primary" style="flex:1; padding:15px; font-size:18px;" onclick="auth('login')">LOGIN</button>
                <button class="btn btn-secondary" style="flex:1; padding:15px; font-size:18px;" onclick="auth('sign')">REGISTER</button>
            </div>
        </div>
    </div>
    <div id="site-hub">
        <h1 class="hub-title">SKIBIDI MULTIVERSE</h1>
        <div class="hub-stats">
            <span style="color:var(--secondary); margin-right:15px;">👑 ARBEL BEN SHMUEL</span>
            USER: <span id="hub-user" style="color:var(--primary)">...</span> | 
            BANK: $<span id="hub-money" style="color:var(--gold)">0</span> | 
            GEMS: <span id="hub-gems" style="color:var(--secondary)">0</span>
        </div>
        
        <div style="margin-top:15px; display:flex; gap:5px;">
            <input type="text" id="code-input" placeholder="PROMO CODE" style="padding:10px; border-radius:5px; border:none; text-align:center;">
            <button class="btn btn-gold" onclick="redeemCode()">REDEEM</button>
        </div>
        <button class="btn btn-gold" style="margin-top:20px; font-size:18px; border:2px solid white; position:relative;" onclick="openRewards()">
            🏆 TROPHIES & PRIZES
            <div id="trophy-dot" class="notif-dot"></div>
        </button>
        <button id="admin-btn" class="btn btn-danger" style="position:absolute; top:20px; right:20px; display:none;" onclick="toggleAdmin()">GOD PANEL</button>
        <div class="game-grid">
            <div class="game-card" onclick="openGame('clicker')"><span class="game-icon">🚽</span><h2>CLICKER</h2><button class="btn btn-primary" style="width:100%">PLAY</button></div>
            <div class="game-card" onclick="openGame('flappy')" style="border-color:cyan"><span class="game-icon">🦅</span><h2>FLAPPY</h2><button class="btn btn-blue" style="width:100%">FLY</button></div>
            <div class="game-card" onclick="openGame('memory')" style="border-color:pink"><span class="game-icon">🧠</span><h2>MEMORY</h2><button class="btn btn-secondary" style="width:100%">THINK</button></div>
            <div class="game-card" onclick="openGame('mines')" style="border-color:orange;"><span class="game-icon">💣</span><h2>MINES</h2><button class="btn" style="width:100%; background:orange; color:black">BET</button></div>
            <div class="game-card" onclick="openGame('shooter')"><span class="game-icon">🚀</span><h2>DEFENSE</h2><button class="btn btn-toxic" style="width:100%">PLAY</button></div>
            <div class="game-card" onclick="openGame('plinko')" style="border-color:var(--secondary);"><span class="game-icon">🎱</span><h2>PLINKO</h2><button class="btn btn-secondary" style="width:100%">DROP</button></div>
            <div class="game-card" onclick="openGame('roulette')" style="border-color:lime;"><span class="game-icon">🎡</span><h2>ROULETTE</h2><button class="btn" style="width:100%; background:lime; color:black">SPIN</button></div>
            <div class="game-card" onclick="openGame('flip')" style="border-color:silver;"><span class="game-icon">🪙</span><h2>FLIP</h2><button class="btn" style="width:100%; background:silver; color:black">FLIP</button></div>
            <div class="game-card" onclick="openGame('guess')"><span class="game-icon">🃏</span><h2>GUESS</h2><button class="btn btn-blue" style="width:100%">PLAY</button></div>
            <div class="game-card" onclick="openGame('slots')"><span class="game-icon">🎰</span><h2>SLOTS</h2><button class="btn btn-purple" style="width:100%">PLAY</button></div>
            <div class="game-card" onclick="openGame('crate')"><span class="game-icon">📦</span><h2>CRATES</h2><button class="btn btn-gold" style="width:100%">OPEN</button></div>
            <div class="game-card" onclick="openGame('crypto')" style="border-color:var(--toxic)"><span class="game-icon">📉</span><h2>CRYPTO</h2><button class="btn btn-toxic" style="width:100%">TRADE</button></div>
        </div>
    </div>
    <div id="admin-panel">
        <div class="admin-header">
            <span>GOD MODE V38.0 (ONLINE)</span>
            <button class="btn btn-danger" onclick="toggleAdmin()">CLOSE</button>
        </div>
        <div class="admin-tabs">
            <div class="adm-tab active" onclick="switchTab('USERS')">USERS</div>
            <div class="adm-tab" onclick="switchTab('EVENTS')">EVENTS</div>
            <div class="adm-tab" onclick="switchTab('CODES')">CODES</div>
            <div class="adm-tab" style="color:var(--primary); border-color:var(--primary)" onclick="switchTab('CHEATS')">CHEATS</div>
        </div>
        <div id="adm-USERS" class="adm-content active">
            <button class="btn btn-primary" style="width:100%; margin-bottom:10px;" onclick="sendBroadcast()">📢 GLOBAL BROADCAST</button>
            
            <div style="border-top: 2px solid #333; margin-top: 10px; padding-top: 10px; display:flex; flex-wrap:wrap; gap:5px;">
                <h3 style="color: red; width:100%;">DANGER ZONE (ALL PLAYERS)</h3>
                <button class="btn btn-danger" style="flex:1;" onclick="admActionAll('FREEZE')">🥶 FREEZE ALL</button>
                <button class="btn btn-blue" style="flex:1;" onclick="admActionAll('UNFREEZE')">🔓 UNFREEZE ALL</button>
                <button class="btn btn-danger" style="flex:1;" onclick="admActionAll('JUMPSCARE')">🤡 JUMPSCARE ALL</button>
                <button class="btn btn-toxic" style="flex:1;" onclick="admActionAll('RELOAD')">🔄 FORCE RELOAD</button>
                <button class="btn btn-danger" style="flex:1;" onclick="admClearChat()">🗑️ CLEAR CHAT</button>
            </div>
            <div id="adm-user-list" class="user-list-container"></div>
        </div>
        <div id="adm-EVENTS" class="adm-content">
            <h2 style="color:gold">GLOBAL EVENT</h2>
            <p>Start a 2x Money event for everyone.</p>
            <button class="btn btn-gold" onclick="toggleGlobalEvent(true)">START EVENT</button>
            <button class="btn btn-danger" onclick="toggleGlobalEvent(false)">STOP EVENT</button>
        </div>
        <div id="adm-CODES" class="adm-content">
            <h2 style="color:lime">CREATE CODE</h2>
            <input type="text" id="new-code-name" placeholder="CODE NAME (e.g ARBEL1)" style="width:100%; padding:10px; margin-bottom:5px;">
            <input type="number" id="new-code-val" placeholder="AMOUNT" style="width:100%; padding:10px; margin-bottom:5px;">
            <button class="btn btn-primary" onclick="createCode()">CREATE</button>
            <div id="active-codes-list" style="margin-top:20px;"></div>
        </div>
        <div id="adm-CHEATS" class="adm-content">
            <h2 style="color:var(--toxic)">GAME BREAKERS</h2>
            
            <button class="btn" style="width:100%; background:#55ff00; color:black; margin-bottom:10px; font-weight:bold; font-size:18px;" onclick="cheat('money')">
                💰 INFINITE MONEY
            </button>
            
            <div style="display:flex; gap:10px; margin-bottom:10px;">
                <button class="btn" style="flex:1; background:#9900ff; color:white; font-weight:bold;" onclick="cheat('speed2')">
                    ⏩ SPEED X2
                </button>
                <button class="btn" style="flex:1; background:#9900ff; color:white; font-weight:bold;" onclick="cheat('speed5')">
                    ⏩ SPEED X5
                </button>
            </div>
            <button class="btn" style="width:100%; background:#ff0000; color:white; margin-bottom:10px; font-weight:bold;" onclick="cheat('god')">
                🛡️ GOD MODE (SHOOTER)
            </button>
            <button class="btn" style="width:100%; background:#00f2ff; color:black; font-weight:bold;" onclick="cheat('unlock')">
                🔓 UNLOCK EVERYTHING
            </button>
        </div>
    </div>
    <div id="daily-popup">
        <div class="daily-box">
            <h1 style="color:white; font-family:'Black Ops One'; font-size:40px;">DAILY LOGIN</h1>
            <div class="daily-gift-icon">🎁</div>
            <h2 style="color:var(--gold); font-family:'Bungee'; margin:20px 0;">+$5,000 & 50 GEMS</h2>
            <button class="btn btn-primary" style="font-size:24px; padding:15px 50px;" onclick="claimDaily()">CLAIM!</button>
        </div>
    </div>
    <div id="rewards-modal">
        <div class="rewards-box">
            <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; border-bottom:2px solid #333; padding-bottom:10px;">
                <h2 style="margin:0; font-family:'Black Ops One'; color:var(--gold);">🏆 TROPHIES</h2>
                <button class="btn btn-danger" onclick="document.getElementById('rewards-modal').style.display='none'">X</button>
            </div>
            <div style="flex:1; overflow-y:auto;" id="achievements-list"></div>
        </div>
    </div>
    <div id="game-flappy"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><div class="flappy-score" id="fp-score">0</div><canvas id="flappy-canvas" width="400" height="600"></canvas><p style="color:black; font-family:'Bungee'; margin-top:10px;">CLICK or SPACE to JUMP</p></div>
    <div id="game-memory"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><h1 style="font-family:'Black Ops One'; font-size:50px; color:var(--secondary)">BRAIN ROT</h1><div class="memory-grid" id="mem-grid"></div><button class="btn btn-secondary" style="margin-top:30px; font-size:20px;" onclick="initMemory()">RESTART</button></div>
    
    <div id="game-clicker">
        <div class="shop-col">
            <div class="shop-header">UPGRADES</div>
            <div class="shop-list" id="shop-power"></div>
            <div class="shop-header" style="border-top:2px solid #333">SKINS</div>
            <div class="shop-list" id="shop-skin"></div>
        </div>
        <div class="clicker-stage">
            <button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button>
            <div class="money-display">$<span id="c-money">0</span></div>
            <div class="dps-display"><span id="c-dps">0</span> $/sec | Gems: <span id="c-gems">0</span></div>
            <div style="position:relative;">
                <div class="pet-orbit" id="pet-orbit-container"></div>
                <div class="toilet-btn" id="main-btn" onclick="clickerAction(event)">🚽</div>
            </div>
            <div style="margin-top:50px; width:70%; height:15px; background:#222; border-radius:10px; overflow:hidden;">
                <div id="c-xp" style="width:0%; height:100%; background:linear-gradient(90deg, var(--primary), var(--secondary));"></div>
            </div>
            <p style="font-family:'Bungee'; color:#888;">LEVEL <span id="c-lvl">1</span></p>
        </div>
        <div class="shop-col">
            <div class="shop-header">AUTO-BOTS</div>
            <div class="shop-list" id="shop-auto"></div>
            <div class="shop-header" style="border-top:2px solid #333">PETS</div>
            <div class="shop-list" id="shop-pet"></div>
        </div>
    </div>
    <div id="game-plinko"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><div class="plinko-board" id="plinko-board"></div><div style="display:flex; gap:10px; margin-top:20px;"><input type="number" id="plinko-bet" value="1000" class="mines-input" style="width:150px"><button class="btn btn-secondary" onclick="dropPlinko()">DROP BALL</button></div></div>
    <div id="game-roulette"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><h1 style="font-family:'Black Ops One';">ROULETTE</h1><div class="roulette-track-container"><div class="roulette-line"></div><div class="roulette-track" id="roulette-track"></div></div><input type="number" id="rul-bet" value="1000" class="mines-input" style="width:200px; margin-bottom:10px;"><div class="bet-buttons"><button class="bet-btn red" onclick="spinRoulette('red')">🚽<br>x2</button><button class="bet-btn green" onclick="spinRoulette('green')">👺<br>x14</button><button class="bet-btn black" onclick="spinRoulette('black')">🎥<br>x2</button></div></div>
    <div id="game-flip"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><div class="coin" id="coin-el"><div class="coin-side coin-front">🚽</div><div class="coin-side coin-back">📷</div></div><div style="display:flex; gap:10px; flex-direction:column; align-items:center;"><input type="number" id="flip-bet" value="1000" class="mines-input" style="width:200px;"><div style="display:flex; gap:20px;"><button class="btn btn-gold" onclick="flipCoin('toilet')">BET TOILET</button><button class="btn btn-primary" onclick="flipCoin('cam')">BET CAMERA</button></div></div></div>
    <div id="game-guess"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><h1>GUESS</h1><div class="cards-container" id="cards-area"></div><div style="display:flex; gap:15px;"><input type="number" id="bet-val" value="1000" class="mines-input"><button class="btn btn-gold" onclick="startGuess()">BET</button></div><div class="perks-bar"><div class="perk-btn" onclick="buyPerk('peek')">Peek</div><div class="perk-btn" onclick="buyPerk('insure')">Insure</div></div></div>
    <div id="game-shooter"><button class="btn btn-toxic shooter-shop-btn" onclick="toggleShooterShop()">🛒 ARMORY</button><button class="btn btn-danger back-btn" onclick="stopShooter()">EXIT</button><div class="shooter-ui">SCORE: <span id="sh-score">0</span></div><div id="player" class="player-ship">🛸</div><div id="shooter-shop-modal"><h1 style="color:var(--toxic)">ARMORY</h1><div class="shooter-grid"><div class="armory-card" onclick="buyShooter('speed', 5000)">SPEED</div><div class="armory-card" onclick="buyShooter('multi', 10000)">MULTI</div><div class="armory-card" onclick="toggleShooterShop()">CLOSE</div></div></div></div>
    <div id="game-slots"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><div class="slot-machine"><h1>SLOTS</h1><div class="slot-reels"><div class="reel" id="r1">?</div><div class="reel" id="r2">?</div><div class="reel" id="r3">?</div></div><button class="btn btn-purple" onclick="spinSlots()">SPIN</button></div></div>
    <div id="game-crate"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><h1>CRATE</h1><div class="crate-window"><div class="crate-line"></div><div class="crate-track" id="crate-track"></div></div><button class="btn btn-gold" onclick="spinCrate()">SPIN</button></div>
    
    <div id="game-crypto">
        <button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button>
        <div class="crypto-dashboard">
            <h1 style="color:var(--toxic); text-shadow: 0 0 20px var(--toxic);">SKIBIDI EXCHANGE</h1>
            
            <div class="news-ticker-container">
                <div class="news-ticker" id="crypto-news">📢 WELCOME TO THE MARKET... BUY LOW, SELL HIGH... 📢</div>
            </div>
            <div class="crypto-header">
                <div>
                    <div style="font-size:12px; color:#888; font-family:'Bungee'">CASH BALANCE</div>
                    <div style="font-size:18px; color:white; font-family:'Roboto Mono'">$<span id="cry-money">0</span></div>
                </div>
                <div style="text-align:right">
                    <div style="font-size:12px; color:#888; font-family:'Bungee'">PORTFOLIO VALUE</div>
                    <div class="crypto-networth">$<span id="cry-networth">0</span></div>
                </div>
            </div>
            <div class="coin-grid" id="coin-container">
                </div>
        </div>
    </div>
    <div id="game-mines"><button class="btn btn-danger back-btn" onclick="exitGame()">EXIT</button><h1>MINES</h1><div class="mines-ui"><div class="mines-controls"><input type="number" id="mn-bet" class="mines-input" value="1000"><input type="number" id="mn-count" class="mines-input" value="3"><button class="btn btn-gold" id="mn-start" onclick="startMines()">START</button><div id="mn-multi">1.00x</div><button class="btn btn-toxic" id="mn-cashout" onclick="cashoutMines()">CASHOUT</button></div><div class="mines-grid" id="mines-grid"></div></div></div>
    <button id="chat-btn" onclick="toggleChat()">💬 CHAT</button>
    <div id="chat-modal">
        <div class="chat-header">
            <span>GLOBAL CHAT</span>
            <button style="background:none; border:none; color:red; cursor:pointer; font-weight:bold;" onclick="toggleChat()">X</button>
        </div>
        <div class="chat-messages" id="chat-feed"></div>
        <div class="chat-input-area">
            <input type="text" id="chat-input" placeholder="Say something..." style="flex:1; background:#222; border:none; color:white; padding:8px; border-radius:5px;">
            <button class="btn-primary" style="border:none; border-radius:5px; cursor:pointer; font-weight:bold;" onclick="sendChat()">SEND</button>
        </div>
    </div>
    <script>
        // ======================================================
        // YOUR FIREBASE CONFIG
        // ======================================================
        const firebaseConfig = {
            apiKey: "AIzaSyDkM7jUHKtHl6fAs7UQptOnKuWPpTKi_Fk",
            authDomain: "skibidi-game-7ea77.firebaseapp.com",
            databaseURL: "https://skibidi-game-7ea77-default-rtdb.firebaseio.com",
            projectId: "skibidi-game-7ea77",
            storageBucket: "skibidi-game-7ea77.firebasestorage.app",
            messagingSenderId: "12246081750",
            appId: "1:12246081750:web:0f0c1fc54c7c8add252977",
            measurementId: "G-9L5KRLQ5T6"
        };
        // ======================================================
        let db;
        let dbConnected = false;
        try {
            firebase.initializeApp(firebaseConfig);
            db = firebase.database();
            dbConnected = true;
            console.log("Connected to Firebase!");
        } catch(e) {
            console.error("Firebase Error (HTML ONLY MODE):", e);
            dbConnected = false;
        }
        let currentUser = null;
        let p = { money:2500, gems:0, lvl:1, xp:0, power:1, auto:0, owned:[], pets:[], skins:[], shooterStats:{speed:1, multi:1, shield:false}, portfolio: { 'SkibiCoin':0, 'G-Coin':0, 'TitanEth':0 }, lastLogin: 0, achievements: { clicker5: false, rich: false, mineWin: false } };
        let userDataRef = null;
        let GLOBAL_MULTI = 1;
        const ITEMS = {
            power: [ 
                {id:'p1', name:'Plunger', price:50, val:2, icon:'🪠'}, 
                {id:'p2', name:'Camera', price:500, val:15, icon:'📷'}, 
                {id:'p3', name:'Speaker', price:3000, val:50, icon:'🔊'}, 
                {id:'p4', name:'Titan Fist', price:15000, val:250, icon:'✊'}, 
                {id:'p5', name:'Laser Eye', price:100000, val:1500, icon:'🧿'},
                {id:'p6', name:'Infinity Gauntlet', price:500, val:10000, icon:'🧤', currency:'gems'} 
            ],
            auto: [ 
                {id:'a1', name:'Mini Bot', price:100, val:1, icon:'🤖'}, 
                {id:'a2', name:'Cameraman', price:1200, val:12, icon:'🎥'}, 
                {id:'a3', name:'Speakerman', price:10000, val:90, icon:'📻'}, 
                {id:'a4', name:'TV Man', price:50000, val:400, icon:'📺'}, 
                {id:'a5', name:'G-Squad', price:250000, val:2000, icon:'🚀'},
                {id:'a6', name:'Titan TV Man', price:1000, val:50000, icon:'👿', currency:'gems'}
            ],
            pet: [ 
                {id:'pet1', name:'Drone', price:5000, val:60, icon:'🚁'}, 
                {id:'pet2', name:'Spider', price:30000, val:300, icon:'🕷️'}, 
                {id:'pet3', name:'Mini Titan', price:150000, val:1200, icon:'👺'},
                {id:'pet4', name:'G-Toilet 2.0', price:2000, val:100000, icon:'💀', currency:'gems'}
            ],
            skin: [ 
                {id:'s1', name:'Golden', price:20000, val:0, icon:'👑'}, 
                {id:'s2', name:'Diamond', price:100000, val:0, icon:'💎'}, 
                {id:'s3', name:'Radioactive', price:500000, val:0, icon:'☣️'}, 
                {id:'s4', name:'Glitch', price:2000000, val:0, icon:'👾'},
                {id:'s5', name:'Dark Matter', price:5000, val:0, icon:'🌌', currency:'gems'}
            ]
        };
        const ACHIEVEMENTS_LIST = [ 
            { id: 'clicker5', name: 'LEVEL 5 CLICKER', rewardMoney: 5000, rewardGems: 10, check: () => p.lvl >= 5 }, 
            { id: 'rich', name: 'RICH ($50k)', rewardMoney: 10000, rewardGems: 50, check: () => p.money >= 50000 }, 
            { id: 'mineWin', name: 'MINER (Win Mines)', rewardMoney: 2000, rewardGems: 5, check: () => p.achievements && p.achievements.mineWinClaimable } 
        ];
        function auth(type) {
            const u = document.getElementById('user').value.trim();
            const pw = document.getElementById('pass').value.trim();
            if(!u || !pw) return;
            if(u === 'arbel_1' && pw === 'arbel1234@') {
                currentUser = "ADMIN ARBEL";
                document.getElementById('admin-btn').style.display = 'block';
                enterHub();
                return;
            }
            if(!dbConnected) {
                // FALLBACK FOR HTML ONLY MODE (LOCAL)
                alert("OFFLINE MODE: Database not connected. Playing locally.");
                currentUser = u;
                initChat(); // Will use local simulation
                enterHub();
                return;
            }
            const ref = db.ref('users/' + u);
            ref.once('value', (snapshot) => {
                const val = snapshot.val();
                if(type === 'sign') {
                    if(val) alert("Username taken!");
                    else {
                        ref.set({ pass: pw, data: p }).then(() => alert("Registered! Now Login."));
                    }
                } else {
                    if(val && val.pass === pw) {
                        currentUser = u;
                        p = val.data; 
                        
                        if(!p.owned) p.owned = [];
                        if(!p.pets) p.pets = [];
                        if(!p.skins) p.skins = [];
                        if(!p.achievements) p.achievements = {}; 
                        userDataRef = ref.child('data');
                        listenToUpdates();
                        listenForActions();
                        listenForGlobal();
                        initChat();
                        enterHub();
                    } else alert("Wrong credentials");
                }
            });
        }
        
        document.getElementById('user').addEventListener('keydown', function(e) { if(e.key === 'Enter') auth('login'); });
        document.getElementById('pass').addEventListener('keydown', function(e) { if(e.key === 'Enter') auth('login'); });
        function listenToUpdates() {
            if(!userDataRef) return;
            userDataRef.on('value', (snapshot) => {
                if(snapshot.exists()) {
                    p = snapshot.val();
                    if(!p.owned) p.owned = [];
                    if(!p.pets) p.pets = [];
                    if(!p.skins) p.skins = [];
                    if(!p.achievements) p.achievements = {};
                    sync();
                }
            });
        }
        function listenForGlobal() {
            if(!dbConnected) return;
            db.ref('system/event').on('value', s => {
                const val = s.val();
                if(val && val.active) {
                    GLOBAL_MULTI = 2;
                    document.getElementById('event-banner').style.display = 'block';
                } else {
                    GLOBAL_MULTI = 1;
                    document.getElementById('event-banner').style.display = 'none';
                }
            });
            db.ref('system/broadcast').on('value', s => {
                const v = s.val();
                if(v && v.time > Date.now()-10000) { 
                    document.getElementById('broadcast-text').innerText = v.text;
                    document.getElementById('broadcast-modal').style.display = 'flex';
                }
            });
        }
        function listenForActions() {
            if(!dbConnected) return;
            db.ref('users/'+currentUser+'/action').on('child_added', snap => {
                const act = snap.val();
                snap.ref.remove(); 
                if(act.type === 'KICK') { alert("KICKED BY ADMIN"); location.reload(); }
                if(act.type === 'FREEZE') { document.getElementById('freeze-overlay').style.display = 'block'; }
                if(act.type === 'UNFREEZE') { document.getElementById('freeze-overlay').style.display = 'none'; }
                
                if(act.type === 'JUMPSCARE') { 
                    const j = document.getElementById('jumpscare-overlay'); 
                    const aud = document.getElementById('scream-sound');
                    j.innerHTML = '<div style="font-size:150px; text-shadow:0 0 50px red;">🤡</div>';
                    j.style.display='flex'; 
                    if(aud) aud.play().catch(e=>console.log("Audio block"));
                    setTimeout(()=>{ j.style.display='none'; }, 5000); 
                }
                
                if(act.type === 'DM') {
                    document.getElementById('dm-text').innerText = act.payload;
                    document.getElementById('dm-modal').style.display = 'flex';
                }
                if(act.type === 'RELOAD') {
                    location.reload();
                }
            });
        }
        function enterHub() {
            document.getElementById('auth-screen').style.display='none'; document.getElementById('site-hub').style.display='flex';
            document.getElementById('hub-user').innerText = currentUser;
            document.getElementById('chat-btn').style.display = 'block';
            if(currentUser === "ADMIN ARBEL") initAdminPanel();
            checkDailyLogin(); sync();
        }
        function save() { if(userDataRef && currentUser !== "ADMIN ARBEL") userDataRef.set(p); }
        setInterval(() => { if(currentUser) save(); }, 2000);
        function sync() {
            document.querySelectorAll('[id$="-money"]').forEach(el=>el.innerText=Math.floor(p.money).toLocaleString());
            document.querySelectorAll('[id$="-gems"]').forEach(el=>el.innerText=Math.floor(p.gems).toLocaleString());
            document.getElementById('c-lvl').innerText=p.lvl;
            document.getElementById('c-dps').innerText=Math.floor(p.auto).toLocaleString();
            checkAchievements();
            renderAllShops();
        }
        function toggleAdmin() { document.getElementById('admin-panel').style.display = document.getElementById('admin-panel').style.display==='grid'?'none':'grid'; }
        
        function switchTab(t) { 
            document.querySelectorAll('.adm-content').forEach(e=>e.classList.remove('active')); 
            document.querySelectorAll('.adm-tab').forEach(e=>e.classList.remove('active'));
            document.getElementById('adm-'+t).classList.add('active'); 
            event.target.classList.add('active');
            if(t==='USERS') loadUsersTab();
            if(t==='CODES') loadCodes();
        }
        // --- NEW GOD MODE CHEAT FUNCTION ---
        function cheat(type) {
            if(type === 'money') {
                p.money = 999999999999999; 
                showNotif("INFINITE MONEY!");
            }
            if(type === 'speed2') {
                GLOBAL_MULTI = 2;
                showNotif("GAME SPEED X2");
            }
            if(type === 'speed5') {
                GLOBAL_MULTI = 5;
                showNotif("GAME SPEED X5");
            }
            if(type === 'god') {
                shooter.god = true;
                showNotif("GOD MODE ON");
            }
            if(type === 'unlock') {
                // Give all items
                const allPower = ITEMS.power.map(x=>x.id);
                const allAuto = ITEMS.auto.map(x=>x.id);
                const allPets = ITEMS.pet; 
                const allSkins = ITEMS.skin.map(x=>x.id);
                p.owned = [...allPower, ...allAuto, ...ITEMS.pet.map(x=>x.id), ...allSkins];
                p.pets = allPets;
                p.skins = allSkins;
                showNotif("UNLOCKED EVERYTHING");
            }
            save(); sync();
        }
        function initAdminPanel() { loadUsersTab(); }
        window.admActionAll = function(type) {
            if(!dbConnected) return alert("Offline Mode: Cannot affect others.");
            if(!confirm("EXECUTE " + type + " ON EVERYONE?")) return;
            db.ref('users').once('value', snap => {
                snap.forEach(child => {
                    if(child.key === 'arbel_1') return; 
                    db.ref('users/' + child.key + '/action').push({ type: type });
                });
            });
            alert("SENT TO ALL!");
        }
        
        window.admClearChat = function() {
            if(!dbConnected) return;
            if(confirm("⚠ WARNING: THIS WILL DELETE ALL CHAT MESSAGES FOREVER.\nAre you sure?")) {
                db.ref('chat').remove()
                    .then(() => alert("CHAT CLEARED!"))
                    .catch(e => alert("Error: " + e.message));
            }
        }
        function loadUsersTab() {
            if(!dbConnected) return;
            const div = document.getElementById('adm-user-list');
            if(!div) return;
            db.ref('users').once('value', snapshot => {
                div.innerHTML = '';
                snapshot.forEach(child => {
                    if(child.key === 'arbel_1') return;
                    const u = child.key; const d = child.val();
                    div.innerHTML += `
                    <div class="adm-user-row">
                        <div>
                            <span style="color:cyan; font-weight:bold">${u}</span>
                            <span style="color:#555; font-size:10px"> | ${d.pass}</span><br>
                            <span style="color:gold; font-size:12px">$${d.data.money.toLocaleString()}</span>
                        </div>
                        <div style="display:flex; gap:5px;">
                            <button class="adm-action-btn" style="background:orange; color:black" onclick="admEdit('${u}', ${d.data.money}, ${d.data.gems}, ${d.data.lvl})">✏️ EDIT</button>
                            <button class="adm-action-btn" style="background:var(--toxic); color:black" onclick="admUnlockAll('${u}')">🎁 GIVE ALL</button>
                            <button class="adm-action-btn" style="background:#555; color:white" onclick="admMenu('${u}')">😈 / 💬</button>
                            <button class="adm-action-btn" style="background:red; color:white" onclick="admBan('${u}')">🚫 BAN</button>
                        </div>
                    </div>`;
                });
            });
        }
        window.admMenu = function(u) {
            let choice = prompt(`ACTION FOR ${u}:\n1. DM (Private Message)\n2. FREEZE (10s)\n3. JUMPSCARE\n4. KICK`);
            let type = ''; let payload = '';
            if(choice === '1') { type = 'DM'; payload = prompt("Enter Message:"); }
            if(choice === '2') type = 'FREEZE';
            if(choice === '3') type = 'JUMPSCARE';
            if(choice === '4') type = 'KICK';
            
            if(type) {
                db.ref('users/'+u+'/action').push({ type: type, payload: payload });
                alert("Action Sent!");
            }
        }
        window.admEdit = function(u, currM, currG, currL) {
            let m = prompt(`💰 MONEY for ${u}:`, currM);
            let g = prompt(`💎 GEMS for ${u}:`, currG);
            let l = prompt(`⚡ LEVEL for ${u}:`, currL);
            
            if(m !== null && g !== null && l !== null) {
                db.ref('users/' + u + '/data').update({ money: Number(m), gems: Number(g), lvl: Number(l) });
                alert("Profile Updated!");
                setTimeout(loadUsersTab, 500);
            }
        };
        window.admUnlockAll = function(u) {
            if(confirm("Give ALL items, pets, and skins to " + u + "?")) {
                const allPower = ITEMS.power.map(x=>x.id);
                const allAuto = ITEMS.auto.map(x=>x.id);
                const allPets = ITEMS.pet; 
                const allSkins = ITEMS.skin.map(x=>x.id);
                const allOwned = [...allPower, ...allAuto, ...ITEMS.pet.map(x=>x.id), ...allSkins];
                db.ref('users/' + u + '/data').update({ owned: allOwned, pets: allPets, skins: allSkins });
                alert("Player MAXED OUT!");
            }
        }
        window.admBan = function(u) {
            if(confirm("Ban user " + u + "?")) { db.ref('users/'+u).remove(); setTimeout(loadUsersTab, 500); }
        };
        window.toggleGlobalEvent = function(state) {
            if(!dbConnected) return;
            db.ref('system/event').set({ active: state });
            alert(state ? "EVENT STARTED!" : "EVENT STOPPED");
        }
        window.sendBroadcast = function() {
            if(!dbConnected) return;
            let t = prompt("Message:");
            if(t) db.ref('system/broadcast').set({ text: t, time: Date.now() });
        }
        function loadCodes() {
            if(!dbConnected) return;
            const div = document.getElementById('active-codes-list');
            db.ref('system/codes').once('value', s => {
                div.innerHTML = '<h3>ACTIVE CODES:</h3>';
                s.forEach(c => {
                    div.innerHTML += `<div>${c.key} ($${c.val().toLocaleString()}) <button onclick="delCode('${c.key}')" style="color:red">X</button></div>`;
                });
            });
        }
        window.createCode = function() {
            let n = document.getElementById('new-code-name').value;
            let v = Number(document.getElementById('new-code-val').value);
            if(n && v) { db.ref('system/codes/'+n).set(v); loadCodes(); alert("Code Created"); }
        }
        window.delCode = function(n) { db.ref('system/codes/'+n).remove(); loadCodes(); }
        window.redeemCode = function() {
            if(!dbConnected) return alert("Codes not available in offline mode.");
            let c = document.getElementById('code-input').value;
            db.ref('system/codes/'+c).once('value', s => {
                if(s.exists()) {
                    p.money += s.val(); save(); sync(); alert("CODE REDEEMED! +$"+s.val());
                } else alert("INVALID CODE");
            });
        }
        function checkDailyLogin() { if(Date.now() - p.lastLogin > 86400000) document.getElementById('daily-popup').style.display = 'flex'; }
        function claimDaily() { p.money += 5000; p.gems += 50; p.lastLogin = Date.now(); document.getElementById('daily-popup').style.display = 'none'; showNotif("RECEIVED BONUS!"); save(); sync(); }
        
        function checkAchievements() {
            let hasNew = false;
            ACHIEVEMENTS_LIST.forEach(ac => {
                let claimed = p.achievements[ac.id];
                if (!claimed) {
                    if (ac.check()) hasNew = true;
                }
            });
            document.getElementById('trophy-dot').style.display = hasNew ? 'block' : 'none';
        }
        function openRewards() {
            const list = document.getElementById('achievements-list'); list.innerHTML = '';
            ACHIEVEMENTS_LIST.forEach(ac => {
                let claimed = p.achievements[ac.id]; 
                let canClaim = !claimed && ac.check();
                
                let row = document.createElement('div'); 
                row.className = `reward-row ${claimed ? 'completed' : ''}`;
                row.style.cssText = "display:flex; justify-content:space-between; align-items:center; background:#222; margin-bottom:10px; padding:10px; border-radius:5px;";
                
                row.innerHTML = `
                    <div style="text-align:left;">
                        <div style="color:white; font-family:'Black Ops One';">${ac.name}</div>
                        <div style="color:#aaa; font-size:12px;">Reward: $${ac.rewardMoney} + ${ac.rewardGems}💎</div>
                    </div>
                    <button class="btn" style="background:${claimed?'#444':(canClaim?'lime':'#333')}; color:${claimed?'#888':'black'};" 
                        ${claimed ? 'disabled' : (canClaim ? '' : 'disabled')} 
                        onclick="claimAchievement('${ac.id}')">
                        ${claimed ? 'CLAIMED' : (canClaim ? 'CLAIM' : 'LOCKED')}
                    </button>`;
                list.appendChild(row);
            });
            document.getElementById('rewards-modal').style.display = 'flex';
        }
        function claimAchievement(id) { 
            let ac = ACHIEVEMENTS_LIST.find(x => x.id === id); 
            if(ac && !p.achievements[id] && ac.check()) { 
                p.money += ac.rewardMoney; 
                p.gems += ac.rewardGems; 
                p.achievements[id] = true; 
                showNotif("CLAIMED PRIZE!"); 
                openRewards(); 
                save(); 
                sync(); 
            } 
        }
        
        // --- CHAT SYSTEM (UPDATED FOR HTML/OFFLINE SUPPORT) ---
        function toggleChat() {
            let c = document.getElementById('chat-modal');
            c.style.display = c.style.display === 'flex' ? 'none' : 'flex';
            if(c.style.display === 'flex') {
                let feed = document.getElementById('chat-feed');
                feed.scrollTop = feed.scrollHeight;
            }
        }
        
        function initChat() {
            if(!dbConnected) {
                // FAKE CHAT IF OFFLINE
                let feed = document.getElementById('chat-feed');
                feed.innerHTML = '<div class="chat-msg"><span class="msg-user">SYSTEM</span>Offline Mode Active. Chat is local only.</div>';
                return;
            }
            const ONE_DAY_MS = 24 * 60 * 60 * 1000; 
            // Handle New Messages
            db.ref('chat').limitToLast(50).on('child_added', snapshot => {
                let msg = snapshot.val();
                let key = snapshot.key;
                
                if (Date.now() - msg.time > ONE_DAY_MS) return;
                let div = document.createElement('div');
                div.id = 'msg-' + key;
                let isMe = msg.user === currentUser;
                div.className = `chat-msg ${isMe ? 'mine' : ''}`;
                
                let displayUser = msg.user;
                if(msg.user === 'ADMIN ARBEL') {
                    displayUser = '<span style="color:red; font-weight:bold; text-shadow:0 0 5px red;">[OWNER]</span> ' + msg.user;
                }
                // Delete Button Logic
                let canDelete = (currentUser === 'ADMIN ARBEL') || (isMe);
                let delBtn = canDelete ? `<button class="chat-del-btn" onclick="deleteMsg('${key}')">✕</button>` : '';
                div.innerHTML = `<span class="msg-user">${displayUser}${delBtn}</span>${msg.text}<span class="msg-time">${new Date(msg.time).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>`;
                let feed = document.getElementById('chat-feed');
                feed.appendChild(div);
                feed.scrollTop = feed.scrollHeight;
            });
            // Handle Removed Messages (Real-time sync)
            db.ref('chat').on('child_removed', snapshot => {
                let el = document.getElementById('msg-' + snapshot.key);
                if(el) el.remove();
            });
        }
        
        window.deleteMsg = function(key) {
            if(confirm("Delete this message?")) {
                db.ref('chat').child(key).remove();
            }
        }
        
        document.getElementById('chat-input').addEventListener('keydown', function(e) { if(e.key === 'Enter') sendChat(); });
        
        function sendChat() {
            let input = document.getElementById('chat-input');
            let text = input.value.trim();
            if(!text) return;
            
            text = filterMessage(text);
            
            if(dbConnected) {
                db.ref('chat').push({
                    user: currentUser,
                    text: text,
                    time: firebase.database.ServerValue.TIMESTAMP
                });
            } else {
                // LOCAL CHAT SIMULATION
                let div = document.createElement('div');
                div.className = 'chat-msg mine';
                div.innerHTML = `<span class="msg-user">${currentUser}</span>${text}<span class="msg-time">Now</span>`;
                document.getElementById('chat-feed').appendChild(div);
                document.getElementById('chat-feed').scrollTop = document.getElementById('chat-feed').scrollHeight;
                
                // Bot reply simulation
                setTimeout(() => {
                    let b = document.createElement('div');
                    b.className = 'chat-msg';
                    b.innerHTML = `<span class="msg-user">SkibidiBot</span>Dop Dop Yes Yes!`;
                    document.getElementById('chat-feed').appendChild(b);
                    document.getElementById('chat-feed').scrollTop = document.getElementById('chat-feed').scrollHeight;
                }, 1000);
            }
            input.value = '';
        }
        
        function filterMessage(text) {
            const badWords = ['fuck', 'shit', 'bitch', 'ass', 'dick', 'pussy', 'whore', 'זונה', 'שרמוטה', 'מניאק', 'חרא', 'כושי', 'הומו', 'קוקסינל', 'בן זונה', 'nigger', 'nigga', 'faggot', 'retard'];
            const replacements = ['skibidi', 'toilet', 'dop dop', 'camera', 'tv man', 'flush', '🚽', '💩', 'skibidi bop', 'ohio'];
            
            let words = text.split(' ');
            let filtered = words.map(word => {
                if(badWords.some(bad => word.toLowerCase().includes(bad))) {
                    return replacements[Math.floor(Math.random() * replacements.length)];
                }
                return word;
            });
            return filtered.join(' ');
        }
        function openGame(g) {
            document.getElementById('site-hub').style.display='none';
            document.getElementById('chat-btn').style.display = 'none'; // Hide chat in game
            document.getElementById('chat-modal').style.display = 'none';
            
            if(g==='clicker') { document.getElementById('game-clicker').style.display='grid'; renderAllShops(); updatePets(); }
            else if(g==='guess') { document.getElementById('game-guess').style.display='flex'; resetGuess(); }
            else if(g==='shooter') { document.getElementById('game-shooter').style.display='block'; startShooter(); }
            else if(g==='slots') document.getElementById('game-slots').style.display='flex';
            else if(g==='crate') { document.getElementById('game-crate').style.display='flex'; initCrate(); }
            else if(g==='crypto') { startCrypto(); }
            else if(g==='mines') { document.getElementById('game-mines').style.display='flex'; initMinesUI(); }
            else if(g==='plinko') { document.getElementById('game-plinko').style.display='flex'; initPlinko(); }
            else if(g==='roulette') { document.getElementById('game-roulette').style.display='flex'; initRoulette(); }
            else if(g==='flip') { document.getElementById('game-flip').style.display='flex'; }
            else if(g==='flappy') { document.getElementById('game-flappy').style.display='flex'; initFlappy(); }
            else if(g==='memory') { document.getElementById('game-memory').style.display='flex'; initMemory(); }
            sync();
        }
        function exitGame() { if(mines.active) cashoutMines(); if(flappy.active) flappy.active=false; document.querySelectorAll('[id^="game-"]').forEach(e=>e.style.display='none'); document.getElementById('site-hub').style.display='flex'; document.getElementById('chat-btn').style.display='block'; save(); }
        function clickerAction(e) { p.money += (p.power * GLOBAL_MULTI); p.xp += p.power * 0.1; if(p.xp>=p.lvl*150){p.xp=0;p.lvl++;p.gems+=10;showNotif("LEVEL UP!");} document.getElementById('c-xp').style.width = (p.xp/(p.lvl*150)*100)+'%'; let f=document.createElement('div'); f.innerText="+"+(p.power * GLOBAL_MULTI).toLocaleString(); f.style.cssText=`position:fixed;left:${e.clientX}px;top:${e.clientY}px;color:lime;font-weight:bold;font-size:30px;pointer-events:none;transition:1s;z-index:9000`; document.body.appendChild(f); setTimeout(()=>{f.style.transform='translateY(-80px)';f.style.opacity=0;},10); setTimeout(()=>f.remove(),800); let btn=document.getElementById('main-btn'); btn.style.transform='scale(0.95)'; setTimeout(()=>btn.style.transform='scale(1)',50); sync(); }
        
        // --- RESTORED ECONOMY BUY FUNCTION ---
        function renderAllShops() { renderSection('power', ITEMS.power); renderSection('auto', ITEMS.auto); renderSection('pet', ITEMS.pet); renderSection('skin', ITEMS.skin); }
        function renderSection(type, items) { 
            let container = document.getElementById('shop-'+type); 
            container.innerHTML = ''; 
            items.forEach(i => { 
                let owned = p.owned.includes(i.id) || p.pets.includes(i.id) || p.skins.includes(i.id); 
                let btnTxt = "BUY"; 
                if(type === 'skin' && owned) btnTxt = "EQUIP"; 
                
                let priceText = '$' + i.price.toLocaleString();
                let bgStyle = '';
                if(i.currency === 'gems') {
                    priceText = i.price.toLocaleString() + ' 💎';
                    bgStyle = 'border:1px solid var(--secondary);';
                }
                container.innerHTML += `<div class="shop-card ${type}" style="${bgStyle}"><div class="card-icon">${i.icon}</div><div class="card-info"><span class="card-title">${i.name}</span><span class="card-stats">+${i.val.toLocaleString()} ${type==='auto'?'DPS':'PWR'}</span></div><button class="card-btn can-buy" onclick="buy('${i.id}','${type}')">${owned && type!=='power' && type!=='auto' ? 'OWNED' : priceText}</button></div>`; 
            }); 
        }
        
        function buy(id, type) { 
            let item = ITEMS[type].find(x=>x.id===id); 
            if(type === 'skin' && p.skins.includes(id)) { document.getElementById('main-btn').innerText = item.icon; return; } 
            
            let canAfford = false;
            if(item.currency === 'gems') {
                if(p.gems >= item.price) canAfford = true;
            } else {
                if(p.money >= item.price) canAfford = true;
            }
            if(canAfford) {
                if(item.currency === 'gems') p.gems -= item.price;
                else p.money -= item.price;
                if(type==='power') p.power += item.val; 
                if(type==='auto') p.auto += item.val; 
                if(type==='pet') { p.pets.push(item); p.auto += item.val; updatePets(); } 
                if(type==='skin') { p.skins.push(id); document.getElementById('main-btn').innerText = item.icon; } 
                p.owned.push(id); 
                
                save(); sync(); renderAllShops(); 
            } else {
                showNotif("NO " + (item.currency==='gems'?'GEMS':'MONEY'));
            }
        }
        function updatePets() { let c=document.getElementById('pet-orbit-container'); c.innerHTML=''; p.pets.forEach((pt,i)=>{ let d=document.createElement('div'); d.className='pet-slot'; d.innerText=pt.icon; d.style.animationDelay=(i*(-5/p.pets.length))+'s'; c.appendChild(d); }); }
        
        // --- MINIGAMES ---
        const plinkoAdmin={forcedMult:null,force:function(m){this.forcedMult=m;showNotif(m?'FORCE EDGE':'RESET');}}; function initPlinko(){const b=document.getElementById('plinko-board');b.innerHTML='';for(let r=0;r<10;r++){for(let c=0;c<=r;c++){let peg=document.createElement('div');peg.className='plinko-peg';peg.style.top=(50+r*40)+'px';peg.style.left=(300-(r*20)+(c*40))+'px';b.appendChild(peg);}}const mults=[100,25,5,2,0.5,0.2,0.5,2,5,25,100];for(let i=0;i<11;i++){let s=document.createElement('div');s.className='plinko-slot';s.style.left=(i*(600/11))+'px';s.innerText='x'+mults[i];s.style.background=mults[i]>=10?'gold':(mults[i]<1?'darkred':'white');b.appendChild(s);}} function dropPlinko(){let bet=parseFloat(document.getElementById('plinko-bet').value);if(p.money<bet)return showNotif("NO MONEY");p.money-=bet;sync();let ball=document.createElement('div');ball.className='plinko-ball';document.getElementById('plinko-board').appendChild(ball);let row=0;let col=0;let path=[];for(let i=0;i<10;i++)path.push(Math.random()>0.5?1:0);if(plinkoAdmin.forcedMult){if(plinkoAdmin.forcedMult===100)path=[0,0,0,0,0,0,0,0,0,0];if(plinkoAdmin.forcedMult===0.2)path=[1,0,1,0,1,0,1,0,1,0];plinkoAdmin.forcedMult=null;}let interval=setInterval(()=>{if(row>=10){clearInterval(interval);let finalCol=col;let mults=[100,25,5,2,0.5,0.2,0.5,2,5,25,100];let win=bet*mults[finalCol];p.money+=win;showNotif(win>bet?"BIG WIN!":"...");setTimeout(()=>ball.remove(),1000);sync();save();return;}if(path[row]===1)col++;ball.style.top=(50+row*40)+'px';ball.style.left=(300-(row*20)+(col*40))+'px';row++;},100);}
        const rouletteAdmin={force:null}; function initRoulette(){const t=document.getElementById('roulette-track');const pattern=[{n:0,c:'r-green'},{n:1,c:'r-red'},{n:8,c:'r-black'},{n:2,c:'r-red'},{n:9,c:'r-black'},{n:3,c:'r-red'},{n:10,c:'r-black'},{n:4,c:'r-red'},{n:11,c:'r-black'},{n:5,c:'r-red'},{n:12,c:'r-black'},{n:6,c:'r-red'},{n:13,c:'r-black'},{n:7,c:'r-red'},{n:14,c:'r-black'}];let html='';for(let i=0;i<10;i++){pattern.forEach(p=>html+=`<div class="roulette-tile ${p.c}">${p.n}</div>`);}t.innerHTML=html;} function spinRoulette(choice){let bet=parseFloat(document.getElementById('rul-bet').value);if(p.money<bet)return showNotif("NO MONEY");p.money-=bet;sync();let res=Math.floor(Math.random()*15);if(rouletteAdmin.force==='green')res=0;if(rouletteAdmin.force==='red')res=1;if(rouletteAdmin.force==='black')res=8;rouletteAdmin.force=null;let color='green';if(res>=1&&res<=7)color='red';if(res>=8&&res<=14)color='black';const patternOrder=[0,1,8,2,9,3,10,4,11,5,12,6,13,7,14];let idxInPattern=patternOrder.indexOf(res);let offset=-(2320+(idxInPattern*100));document.getElementById('roulette-track').style.transform=`translateX(${offset}px)`;setTimeout(()=>{document.getElementById('roulette-track').style.transition='none';document.getElementById('roulette-track').style.transform='translateX(0)';setTimeout(()=>{document.getElementById('roulette-track').style.transition='transform 5s cubic-bezier(0.1, 0.9, 0.3, 1)';},50);let win=0;if(choice===color){if(color==='green')win=bet*14;else win=bet*2;p.money+=win;showNotif(`WON $${win.toLocaleString()}`);}else showNotif("LOST");sync();save();},5000);}
        const flipAdmin={forceWin:false,forceLoss:false}; function flipCoin(choice){let bet=parseFloat(document.getElementById('flip-bet').value);if(p.money<bet)return showNotif("NO MONEY");p.money-=bet;sync();const coin=document.getElementById('coin-el');coin.style.animation='none';coin.offsetHeight;coin.style.animation='coinFlip 3s ease-out forwards';let result=Math.random()>0.5?'toilet':'cam';if(flipAdmin.forceWin)result=choice;if(flipAdmin.forceLoss)result=(choice==='toilet'?'cam':'toilet');flipAdmin.forceWin=false;flipAdmin.forceLoss=false;setTimeout(()=>{let front=document.querySelector('.coin-front');let back=document.querySelector('.coin-back');if(result==='toilet'){front.innerText='🚽';back.innerText='📷';}else{front.innerText='📷';back.innerText='🚽';}if(choice===result){let win=bet*2;p.money+=win;showNotif("YOU WON!");}else{showNotif("YOU LOST!");}sync();save();},3000);}
        let mines={active:false,bet:0,minesCount:3,grid:[],revealed:0,multiplier:1.0,forceFail:false};const MINES_GRID_SIZE=25; function initMinesUI(){const grid=document.getElementById('mines-grid');grid.innerHTML='';for(let i=0;i<MINES_GRID_SIZE;i++)grid.innerHTML+=`<div class="mine-tile" id="tile-${i}" onclick="mineClick(${i})"></div>`;document.getElementById('mn-start').disabled=false;document.getElementById('mn-cashout').disabled=true;document.getElementById('mn-bet').disabled=false;document.getElementById('mn-count').disabled=false;} function startMines(){let bet=parseFloat(document.getElementById('mn-bet').value);let count=parseInt(document.getElementById('mn-count').value);if(p.money<bet)return showNotif("NO MONEY");if(bet<=0)return showNotif("INVALID BET");if(count<1||count>24)return showNotif("MINES 1-24");p.money-=bet;sync();mines={active:true,bet:bet,minesCount:count,grid:[],revealed:0,multiplier:1.0,forceFail:false};let arr=new Array(MINES_GRID_SIZE).fill(false);for(let i=0;i<count;i++){let idx;do{idx=Math.floor(Math.random()*MINES_GRID_SIZE);}while(arr[idx]);arr[idx]=true;}mines.grid=arr;document.getElementById('mn-start').disabled=true;document.getElementById('mn-cashout').disabled=false;document.getElementById('mn-bet').disabled=true;document.getElementById('mn-count').disabled=true;updateMinesStats();} function mineClick(i){if(!mines.active)return;let tile=document.getElementById(`tile-${i}`);if(tile.classList.contains('revealed'))return;tile.classList.add('revealed');if(mines.grid[i]||mines.forceFail){tile.classList.add('exploded');tile.innerHTML='🚽';endMines(false);}else{tile.classList.add('safe');tile.innerText='💎';mines.revealed++;let prob=(MINES_GRID_SIZE-mines.minesCount-mines.revealed+1)/(MINES_GRID_SIZE-mines.revealed+1);mines.multiplier*=(1/prob)*0.99;updateMinesStats();if(mines.revealed===(MINES_GRID_SIZE-mines.minesCount)){ p.achievements.mineWinClaimable = true; cashoutMines(); }}} function cashoutMines(){if(!mines.active)return;let win=Math.floor(mines.bet*mines.multiplier);p.money+=win;showNotif(`WON $${win.toLocaleString()}`);endMines(true);if(win>0){ p.achievements.mineWinClaimable = true; };save();sync();} function endMines(won){mines.active=false;document.getElementById('mn-start').disabled=false;document.getElementById('mn-cashout').disabled=true;document.getElementById('mn-bet').disabled=false;document.getElementById('mn-count').disabled=false;mines.grid.forEach((isMine,i)=>{let t=document.getElementById(`tile-${i}`);if(!t.classList.contains('revealed')){t.classList.add('revealed');if(isMine){t.innerHTML='🚽';t.style.opacity='0.5';}else{t.innerHTML='💎';t.style.opacity='0.2';}}});sync();} function updateMinesStats(){document.getElementById('mn-multi').innerText=mines.multiplier.toFixed(2)+'x';}
        let guess={locked:false,rigged:null,reveal:false,allKings:false,perks:{peek:false,insure:false}}; function resetGuess(){document.getElementById('cards-area').innerHTML=new Array(5).fill(0).map(()=>`<div class="guess-card"><div class="card-face card-front">?</div></div>`).join('');guess.locked=true;document.querySelectorAll('.perk-btn').forEach(b=>b.classList.remove('active'));} function buyPerk(t){let cost=t==='peek'?5000:2000;if(p.money>=cost&&!guess.perks[t]){p.money-=cost;guess.perks[t]=true;event.currentTarget.classList.add('active');showNotif(t.toUpperCase()+" ON");}sync();} function startGuess(){let bet=parseInt(document.getElementById('bet-val').value);if(p.money<bet||bet<=0)return showNotif("INVALID BET");p.money-=bet;sync();guess.locked=false;let winIdx=Math.floor(Math.random()*5);if(guess.rigged==='win')winIdx=0;let html='';for(let i=0;i<5;i++){let isKing=(i===winIdx)||guess.allKings;let border=(guess.reveal||(guess.perks.peek&&isKing))?'border:3px solid gold':'';html+=`<div class="guess-card" onclick="cardClick(this,${i},${winIdx},${bet})"><div class="card-face card-front" style="${border}">?</div><div class="card-face card-back"></div></div>`;}document.getElementById('cards-area').innerHTML=html;guess.perks.peek=false;} function cardClick(el,i,winIdx,bet){if(guess.locked)return;guess.locked=true;let isWin=(i===winIdx)||guess.allKings;if(guess.rigged==='lose')isWin=false;Array.from(document.querySelectorAll('.guess-card')).forEach((c,idx)=>{c.classList.add('flipped');let back=c.querySelector('.card-back');if(idx===i){back.innerText=isWin?'👑':'💩';back.className=`card-face card-back ${isWin?'win':'lose'}`;}else{back.innerText=(idx===winIdx)?'👑':'💩';back.className='card-face card-back';}});setTimeout(()=>{if(isWin){let w=bet*5;p.money+=w;showNotif(`WON $${w.toLocaleString()}`);}else{if(guess.perks.insure){p.money+=bet/2;showNotif("INSURANCE");}else showNotif("LOST");}guess.perks.insure=false;guess.rigged=null;guess.reveal=false;guess.allKings=false;sync();save();},1200);}
        let shooter={active:false,score:0,hp:100,enemies:[],bullets:[],god:false,ammo:50}; function startShooter(){shooter.active=true;shooter.score=0;shooter.hp=100;shooter.enemies=[];shooter.bullets=[];document.querySelectorAll('.enemy,.bullet').forEach(e=>e.remove());requestAnimationFrame(shooterLoop);} function stopShooter(){shooter.active=false;exitGame();} function toggleShooterShop(){let e=document.getElementById('shooter-shop-modal');e.style.display=e.style.display==='flex'?'none':'flex';} function buyShooter(t,c){if(p.money>=c){p.money-=c;if(t==='speed')p.shooterStats.speed++;if(t==='multi')p.shooterStats.multi++;if(t==='heal')shooter.hp=100;if(t==='shield')p.shooterStats.shield=true;if(t==='nuke'){shooter.enemies.forEach(e=>e.el.remove());shooter.enemies=[];}sync();showNotif("UPGRADED");}else showNotif("NO MONEY");} function spawnShooterBoss(){showNotif("BOSS COMING!");let e=document.createElement('div');e.className='enemy';e.innerText='👺';e.style.left='50%';e.style.top='50px';e.style.fontSize='100px';document.getElementById('game-shooter').appendChild(e);shooter.enemies.push({el:e,speed:1,hp:50});} function shooterLoop(){if(!shooter.active)return;if(Math.random()<0.03){let e=document.createElement('div');e.className='enemy';e.innerText=Math.random()>0.9?'👺':'🚽';e.style.left=Math.random()*(window.innerWidth-50)+'px';e.style.top='-50px';document.getElementById('game-shooter').appendChild(e);shooter.enemies.push({el:e,speed:4+Math.random()});}if(Date.now()%(35-p.shooterStats.speed*3)<2){for(let i=0;i<p.shooterStats.multi;i++){let b=document.createElement('div');b.className='bullet';let r=document.getElementById('player').getBoundingClientRect();b.style.left=(r.left+30+(i*10)-(p.shooterStats.multi*5))+'px';b.style.top=(r.top-20)+'px';document.getElementById('game-shooter').appendChild(b);shooter.bullets.push(b);}}shooter.bullets.forEach((b,i)=>{let t=parseFloat(b.style.top);b.style.top=(t-20)+'px';if(t<-50){b.remove();shooter.bullets.splice(i,1);}});shooter.enemies.forEach((en,i)=>{let t=parseFloat(en.el.style.top);en.el.style.top=(t+en.speed)+'px';let r1=en.el.getBoundingClientRect();shooter.bullets.forEach((b,bi)=>{let r2=b.getBoundingClientRect();if(!(r1.right<r2.left||r1.left>r2.right||r1.bottom<r2.top||r1.top>r2.bottom)){en.el.remove();b.remove();shooter.enemies.splice(i,1);shooter.bullets.splice(bi,1);shooter.score++;document.getElementById('sh-score').innerText=shooter.score;}});if(t>window.innerHeight){en.el.remove();shooter.enemies.splice(i,1);if(!shooter.god)alert("GAME OVER! Score: "+shooter.score);if(!shooter.god)stopShooter();}});requestAnimationFrame(shooterLoop);}
        let slots={spinning:false,forceJackpot:false,forceLoss:false};function spinSlots(){if(p.money<5000)return showNotif("NEED $5,000");p.money-=5000;sync();const reels=[document.getElementById('r1'),document.getElementById('r2'),document.getElementById('r3')];reels.forEach(r=>{r.innerText='?';r.style.animation='spinOrbit 0.2s infinite'});let res=['🚽','👺','💎','💰'].sort(()=>0.5-Math.random()).slice(0,3);if(slots.forceJackpot){res=['💎','💎','💎'];slots.forceJackpot=false;}if(slots.forceLoss){res=['🚽','💎','👺'];slots.forceLoss=false;}setTimeout(()=>{reels.forEach((r,i)=>{r.style.animation='none';r.innerText=res[i];});if(res[0]==res[1]&&res[1]==res[2]){p.money+=100000;showNotif("JACKPOT!");}else showNotif("NO LUCK");sync();save();},1000);}
        let crate={spinning:false,forceGold:false,forcePoop:false};const CRATE_ITEMS=[{val:500,type:'common',em:'💩'},{val:5000,type:'rare',em:'📷'},{val:50000,type:'epic',em:'📺'},{val:1000000,type:'legendary',em:'👺'}];function initCrate(){document.getElementById('crate-track').innerHTML='';for(let i=0;i<10;i++)document.getElementById('crate-track').appendChild(createCrateItem(CRATE_ITEMS[0]));}function createCrateItem(d){let el=document.createElement('div');el.className=`crate-item ${d.type}`;el.innerHTML=`<div class="item-icon">${d.em}</div><div class="item-val">$${d.val.toLocaleString()}</div>`;return el;}function spinCrate(){if(crate.spinning||p.money<5000)return showNotif("NEED $5,000");p.money-=5000;sync();crate.spinning=true;document.getElementById('crate-btn').disabled=true;const t=document.getElementById('crate-track');t.innerHTML='';let win=CRATE_ITEMS[Math.floor(Math.random()*CRATE_ITEMS.length)];if(crate.forceGold){win=CRATE_ITEMS[3];crate.forceGold=false;}if(crate.forcePoop){win=CRATE_ITEMS[0];crate.forcePoop=false;}for(let i=0;i<60;i++)t.appendChild(createCrateItem(CRATE_ITEMS[Math.floor(Math.random()*CRATE_ITEMS.length)]));t.appendChild(createCrateItem(win));for(let i=0;i<10;i++)t.appendChild(createCrateItem(CRATE_ITEMS[0]));t.style.transition='none';t.style.transform='translateX(0)';setTimeout(()=>{t.style.transition='transform 5s cubic-bezier(0.1,1,0.3,1)';t.style.transform='translateX(-10980px)';},50);setTimeout(()=>{crate.spinning=false;document.getElementById('crate-btn').disabled=false;p.money+=win.val;showNotif(`WON $${win.val.toLocaleString()}!`);sync();save();},5500);}
        
        let crypto = {
            active: false,
            coins: [
                { name: 'SkibiCoin', price: 100, trend: 0, vol: 3, history: [], color: '#00f2ff' },
                { name: 'G-Coin', price: 500, trend: 0, vol: 8, history: [], color: '#ffd700' },
                { name: 'TitanEth', price: 2500, trend: 0, vol: 20, history: [], color: '#ff00ea' },
                { name: 'DopDop', price: 10, trend: 0, vol: 1, history: [], color: '#39ff14' } 
            ],
            int: null,
            newsInt: null
        };
        const CRYPTO_NEWS = ["G-Man announces new laser eyes!", "Titans are fighting!", "Camerahead glitch detected.", "SkibiCoin mooning! 🚀", "Market flushed...", "Dop Dop Yes Yes!", "Elon tweet about Toilets."];
        function startCrypto() {
            document.getElementById('game-crypto').style.display = 'flex';
            crypto.active = true;
            crypto.coins.forEach(c => { if (c.history.length === 0) c.history = new Array(20).fill(c.price); });
            renderCrypto(); updateStats();
            if (crypto.int) clearInterval(crypto.int); crypto.int = setInterval(updateCrypto, 1500); 
            if (crypto.newsInt) clearInterval(crypto.newsInt);
            crypto.newsInt = setInterval(() => {
                let msg = CRYPTO_NEWS[Math.floor(Math.random() * CRYPTO_NEWS.length)];
                document.getElementById('crypto-news').innerText = "📢 " + msg;
                if(Math.random() < 0.3) triggerMarketEvent();
            }, 10000);
        }
        function triggerMarketEvent() {
            let luckyCoin = crypto.coins[Math.floor(Math.random() * crypto.coins.length)];
            let type = Math.random() > 0.5 ? 'PUMP' : 'DUMP';
            luckyCoin.price *= (type === 'PUMP' ? 1.3 : 0.7);
            showNotif(`${type === 'PUMP' ? '🚀' : '🔻'} ${luckyCoin.name} ${type}!`);
        }
        function updateCrypto() {
            if(!crypto.active) return;
            crypto.coins.forEach(c => {
                let volatility = c.price * (c.vol / 100);
                let change = (Math.random() - 0.5) * volatility + (c.trend * 0.1); 
                c.price += change; if (c.price < 0.1) c.price = 0.1; 
                c.trend = (change / c.price) * 100;
                c.history.push(c.price); if (c.history.length > 20) c.history.shift(); 
            });
            renderCryptoCharts(); updateStats();
        }
        function updateStats() {
            document.getElementById('cry-money').innerText = Math.floor(p.money).toLocaleString();
            let net = 0;
            crypto.coins.forEach(c => { net += (p.portfolio[c.name] || 0) * c.price; });
            document.getElementById('cry-networth').innerText = Math.floor(net).toLocaleString();
        }
        function renderCrypto() {
            const container = document.getElementById('coin-container'); container.innerHTML = '';
            crypto.coins.forEach((c, idx) => {
                let owned = p.portfolio[c.name] || 0;
                container.innerHTML += `<div class="coin-card"><div class="coin-top"><div class="coin-name">${c.name}</div><div class="coin-price" id="price-${idx}">$${c.price.toFixed(2)}</div></div><canvas id="chart-${idx}" class="coin-chart" width="280" height="60"></canvas><div class="coin-stats"><span>OWNED: <span id="owned-${idx}" style="color:white">${owned}</span></span><span id="trend-${idx}" class="${c.trend >= 0 ? 'trend-up' : 'trend-down'}">${c.trend >= 0 ? '▲' : '▼'} ${c.trend.toFixed(2)}%</span></div><div class="trade-actions"><button class="trade-btn btn-buy" onclick="tradeCrypto('${c.name}', 'buy', 1)">BUY 1</button><button class="trade-btn btn-sell" onclick="tradeCrypto('${c.name}', 'sell', 1)">SELL 1</button><button class="trade-btn btn-buy" onclick="tradeCrypto('${c.name}', 'buy', 10)">BUY 10</button><button class="trade-btn btn-sell" onclick="tradeCrypto('${c.name}', 'sell', 'all')">SELL ALL</button></div></div>`;
            });
            renderCryptoCharts();
        }
        function renderCryptoCharts() {
            crypto.coins.forEach((c, idx) => {
                let priceEl = document.getElementById(`price-${idx}`); if(priceEl) priceEl.innerText = '$' + c.price.toFixed(2);
                let trendEl = document.getElementById(`trend-${idx}`); if(trendEl) { trendEl.className = c.trend >= 0 ? 'trend-up' : 'trend-down'; trendEl.innerText = (c.trend >= 0 ? '▲ ' : '▼ ') + Math.abs(c.trend).toFixed(2) + '%'; }
                let ownedEl = document.getElementById(`owned-${idx}`); if(ownedEl) ownedEl.innerText = p.portfolio[c.name] || 0;
                let cvs = document.getElementById(`chart-${idx}`); if(!cvs) return;
                let ctx = cvs.getContext('2d'); let w = cvs.width; let h = cvs.height;
                ctx.clearRect(0, 0, w, h); ctx.beginPath();
                let max = Math.max(...c.history) * 1.1; let min = Math.min(...c.history) * 0.9; let range = max - min;
                c.history.forEach((val, i) => { let x = (i / (c.history.length - 1)) * w; let y = h - ((val - min) / range) * h; if(i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y); });
                ctx.strokeStyle = c.trend >= 0 ? c.color : '#ff3333'; ctx.lineWidth = 2; ctx.stroke();
                ctx.lineTo(w, h); ctx.lineTo(0, h); let grad = ctx.createLinearGradient(0, 0, 0, h); grad.addColorStop(0, c.trend >= 0 ? c.color : '#ff3333'); grad.addColorStop(1, 'rgba(0,0,0,0)'); ctx.fillStyle = grad; ctx.globalAlpha = 0.2; ctx.fill(); ctx.globalAlpha = 1.0;
            });
        }
        function tradeCrypto(name, action, amount) {
            let c = crypto.coins.find(x => x.name === name);
            if(!p.portfolio[name]) p.portfolio[name] = 0;
            if (action === 'buy') {
                let cost = c.price * amount;
                if (p.money >= cost) { p.money -= cost; p.portfolio[name] += amount; showNotif(`BOUGHT ${amount} ${name}`); } else { showNotif("NO MONEY!"); }
            } else if (action === 'sell') {
                let count = (amount === 'all') ? p.portfolio[name] : amount;
                if (p.portfolio[name] >= count && count > 0) { p.portfolio[name] -= count; let gain = c.price * count; p.money += gain; showNotif(`SOLD ${count} ${name}`); } else { showNotif("NO COINS!"); }
            }
            updateStats(); renderCryptoCharts(); save(); sync();
        }
        let flappy = { active: false, birds: [], pipes: [], score: 0, frame: 0 };
        function initFlappy() { flappy = { active: true, birds: [{y:200, v:0}], pipes: [], score: 0, frame: 0 }; document.getElementById('fp-score').innerText = 0; requestAnimationFrame(flappyLoop); document.addEventListener('keydown', flappyJump); document.getElementById('flappy-canvas').addEventListener('mousedown', flappyJump); }
        function flappyJump(e) { if(e.code==='Space'||e.type==='mousedown') flappy.birds[0].v = -8; }
        function flappyLoop() {
            if(!flappy.active) return;
            let ctx = document.getElementById('flappy-canvas').getContext('2d'); ctx.clearRect(0,0,400,600);
            let b = flappy.birds[0]; b.v += 0.5; b.y += b.v;
            if(flappy.frame % 100 === 0) { let h = Math.random() * 300 + 50; flappy.pipes.push({x:400, y:0, w:50, h:h, passed:false}); flappy.pipes.push({x:400, y:h+150, w:50, h:600-(h+150), type:'bot'}); }
            flappy.pipes.forEach((p, i) => { p.x -= 3; if(b.x < p.x+p.w && b.x+30 > p.x && b.y < p.y+p.h && b.y+30 > p.y) { flappy.active = false; alert("GAME OVER! Score: "+flappy.score); p.money += flappy.score * 100; sync(); exitGame(); } });
            flappy.pipes.forEach(p => { if(p.x + p.w < 50 && !p.passed && p.type!=='bot') { p.passed = true; flappy.score++; document.getElementById('fp-score').innerText = flappy.score; } });
            ctx.fillStyle = 'white'; ctx.beginPath(); ctx.arc(50+15, b.y+15, 15, 0, Math.PI*2); ctx.fill(); ctx.fillStyle = 'green'; flappy.pipes.forEach(p => ctx.fillRect(p.x, p.y, p.w, p.h));
            if(b.y > 600) { flappy.active=false; alert("CRASHED!"); exitGame(); }
            flappy.frame++; if(flappy.active) requestAnimationFrame(flappyLoop);
        }
        let memory = { cards: [], flipped: [], locked: false, matches: 0 };
        const MEM_ICONS = ['🚽','📷','🔊','📺','👺','👾','🚁','🚀'];
        function initMemory() { memory = { cards: [], flipped: [], locked: false, matches: 0 }; let grid = document.getElementById('mem-grid'); grid.innerHTML = ''; let deck = [...MEM_ICONS, ...MEM_ICONS].sort(()=>0.5-Math.random()); deck.forEach((icon, i) => { let card = document.createElement('div'); card.className = 'mem-card'; card.innerHTML = `<div class="mem-face mem-front">?</div><div class="mem-face mem-back">${icon}</div>`; card.onclick = () => flipCard(card, icon); grid.appendChild(card); }); }
        function flipCard(card, icon) { if(memory.locked || card.classList.contains('flipped') || card.querySelector('.mem-back').classList.contains('matched')) return; card.classList.add('flipped'); memory.flipped.push({el:card, val:icon}); if(memory.flipped.length === 2) { memory.locked = true; let c1 = memory.flipped[0]; let c2 = memory.flipped[1]; if(c1.val === c2.val) { setTimeout(() => { c1.el.querySelector('.mem-back').classList.add('matched'); c2.el.querySelector('.mem-back').classList.add('matched'); memory.flipped = []; memory.locked = false; memory.matches++; if(memory.matches === 8) { p.money+=50000; showNotif("CLEARED! +$50k"); sync(); } }, 500); } else { setTimeout(() => { c1.el.classList.remove('flipped'); c2.el.classList.remove('flipped'); memory.flipped = []; memory.locked = false; }, 1000); } } }
        function showNotif(msg) { let n=document.getElementById('notif'); n.innerText=msg; n.style.display='block'; setTimeout(()=>n.style.display='none',2000); }
        document.addEventListener('mousemove', e => { document.getElementById('cat').style.left=e.clientX+'px'; document.getElementById('cat').style.top=e.clientY+'px'; if(shooter.active) document.getElementById('player').style.left=e.clientX+'px'; });
    </script>
</body>
</html>