NXT 🌊 // VISIBILITY - Custom dApp Creations

<!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>NXT // VELOCITY INTERCEPT</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">

::selection { background-color: var(--nxt-emerald); color: var(--nxt-black); }
        ::-moz-selection { background-color: var(--nxt-emerald); color: var(--nxt-black); }

html, body {
            margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; 
            background-color: var(--nxt-black); touch-action: none;
            -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
            color: var(--nxt-emerald); font-family: 'Space Mono', monospace;
            text-transform: uppercase;
        }

h1, h2, h3, .heading {
            font-family: 'Orbitron', sans-serif;
            font-weight: 900;
            margin: 0;
            text-transform: uppercase;
        }

/* Cinematic Background Elements */
        #nxt-fullscreen-override {
            position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            width: 100vw; height: 100vh; background-color: var(--nxt-black);
            background-image: radial-gradient(circle at center, var(--nxt-deep-emerald) 0%, var(--nxt-black) 80%);
            display: flex; flex-direction: column; justify-content: center; align-items: center;
            cursor: crosshair;
        }

#nxt-fullscreen-override::after {
            content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
            background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.25) 50%), linear-gradient(90deg, rgba(0,255,136,0.03), rgba(0,0,0,0));
            z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none;
        }

#nxt-game-container {
            position: relative; width: 100vw; max-width: 1400px; height: 100vh; max-height: 900px;
            box-shadow: 0 0 50px rgba(0, 255, 136, 0.1);
            border: 1px solid rgba(0, 255, 136, 0.3); background: #000; overflow: hidden; display: flex; flex-direction: column;
            cursor: crosshair; z-index: 5;
        }

@media (min-width: 601px) {
            #nxt-game-container { height: 90vh; width: 95vw; border-radius: 4px; }
        }

#nxtCanvas { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; cursor: crosshair; }
        #nxt-flash-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--nxt-emerald); z-index: 5; opacity: 0; pointer-events: none; transition: opacity 0.05s ease-out; }

/* HUD & UI */
        #nxt-ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; }
        
        .hud-bar {
            position: absolute; width: 100%; padding: 15px 25px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 10; box-sizing: border-box;
        }
        #nxt-hud-top { top: 0; background: linear-gradient(180deg, rgba(5,5,5,0.9) 0%, transparent 100%); border-bottom: 1px solid rgba(0,255,136,0.1); }
        #nxt-hud-bottom { bottom: 0; background: linear-gradient(0deg, rgba(5,5,5,0.9) 0%, transparent 100%); border-top: 1px solid rgba(0,255,136,0.1); align-items: flex-end;}

.hud-block {
            display: flex; flex-direction: column; pointer-events: auto;
        }

.hud-label { font-size: 0.7rem; color: #888; letter-spacing: 2px; margin-bottom: 4px; }
        .hud-value { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; color: var(--nxt-emerald); text-shadow: 0 0 10px rgba(0,255,136,0.5); font-weight: bold; }
        .hud-value.accent { color: var(--tier-gold); text-shadow: 0 0 10px rgba(255,176,0,0.5); }

.life-bar-container { display: flex; gap: 5px; }
        .life-node { width: 20px; height: 8px; background: var(--nxt-deep-emerald); border: 1px solid var(--nxt-emerald); box-shadow: 0 0 5px var(--nxt-emerald); transition: all 0.3s; }
        .life-node.empty { background: transparent; border-color: #333; box-shadow: none; }

/* Buttons & Interactions */
        .nxt-btn {
            background: rgba(0, 255, 136, 0.05); color: var(--nxt-emerald); border: 1px solid var(--nxt-emerald);
            padding: 12px 24px; font-family: 'Space Mono', monospace; font-size: 0.9rem; font-weight: bold;
            text-transform: uppercase; cursor: pointer; transition: all 0.2s ease; letter-spacing: 2px; outline: none;
            pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
            position: relative; overflow: hidden; text-decoration: none;
        }
        .nxt-btn::before {
            content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0;
            background: rgba(0,255,136,0.2); transform: translate(-50%, -50%); border-radius: 50%; transition: width 0.4s ease, height 0.4s ease;
        }
        .nxt-btn:hover::before { width: 300px; height: 300px; }
        .nxt-btn:hover, .nxt-btn:active { background: var(--nxt-emerald); color: var(--nxt-black); box-shadow: 0 0 20px rgba(0, 255, 136, 0.4); }
        .nxt-btn:disabled { border-color: #444; color: #666; cursor: not-allowed; background: transparent; box-shadow: none; }
        .nxt-btn.gold { border-color: var(--tier-gold); color: var(--tier-gold); }
        .nxt-btn.gold:hover { background: var(--tier-gold); color: var(--nxt-black); box-shadow: 0 0 20px rgba(255, 176, 0, 0.4); }
        .nxt-btn.red { border-color: var(--tier-red); color: var(--tier-red); }
        .nxt-btn.red:hover { background: var(--tier-red); color: var(--nxt-black); box-shadow: 0 0 20px rgba(255, 0, 60, 0.4); }

.icon-btn { padding: 10px; min-width: 44px; height: 44px; }

/* Modals & Overlays */
        .nxt-overlay-screen {
            background: rgba(5, 5, 5, 0.95); padding: 40px 50px; border: 1px solid var(--nxt-emerald);
            text-align: center; backdrop-filter: blur(10px); pointer-events: auto;
            box-shadow: 0 0 50px rgba(0, 255, 136, 0.1) inset; width: 90%; max-width: 600px; z-index: 20;
            position: relative;
        }
        .nxt-overlay-screen::before {
            content: ''; position: absolute; top: -2px; left: -2px; width: 10px; height: 10px; border: 2px solid var(--nxt-emerald); border-right: none; border-bottom: none;
        }
        .nxt-overlay-screen::after {
            content: ''; position: absolute; bottom: -2px; right: -2px; width: 10px; height: 10px; border: 2px solid var(--nxt-emerald); border-left: none; border-top: none;
        }

.overlay-title { font-size: 2.5rem; color: #FFF; letter-spacing: 4px; margin-bottom: 10px; text-shadow: 0 0 15px rgba(255,255,255,0.3); }
        .overlay-title span { color: var(--nxt-emerald); text-shadow: 0 0 15px rgba(0,255,136,0.6); }
        .overlay-sub { color: #888; font-size: 0.9rem; margin-bottom: 30px; letter-spacing: 1px; line-height: 1.6; }

.glitch-anim { animation: glitch 2s linear infinite; }
        @keyframes glitch {
            2%, 64% { transform: translate(2px,0) skew(0deg); }
            4%, 60% { transform: translate(-2px,0) skew(0deg); }
            62% { transform: translate(0,0) skew(5deg); }
        }

/* Generic Modal (Shop, Settings, Wallet, Help, Leaderboard) */
        .modal-wrapper {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.85); backdrop-filter: blur(5px);
            display: none; align-items: center; justify-content: center; z-index: 9999; pointer-events: auto;
        }
        .modal-wrapper.active { display: flex; }
        
        #modal-wallet {
            z-index: 100000 !important; /* Priority view over other modals */
        }
        
        .modal-content {
            background: var(--nxt-black); border: 1px solid var(--nxt-emerald); width: 95%; max-width: 800px; max-height: 85vh;
            display: flex; flex-direction: column; position: relative; box-shadow: 0 0 40px rgba(0,255,136,0.1); overflow: hidden;
        }
        .modal-header {
            padding: 20px; border-bottom: 1px solid rgba(0,255,136,0.2); display: flex; justify-content: space-between; align-items: center;
            background: linear-gradient(90deg, rgba(0,255,136,0.05) 0%, transparent 100%);
            flex-shrink: 0;
        }
        .modal-title { font-family: 'Orbitron', sans-serif; font-size: 1.5rem; font-weight: bold; color: var(--nxt-emerald); letter-spacing: 2px; }
        .close-btn { background: transparent; border: none; color: var(--nxt-emerald); font-size: 1.5rem; cursor: pointer; transition: color 0.2s; font-family: 'Space Mono'; }
        .close-btn:hover { color: var(--tier-red); }
        
        .modal-body { 
            padding: 20px; 
            padding-bottom: 50px; /* Ensure content clears the bottom safe area */
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto; 
            overflow-x: hidden;
            touch-action: auto !important; 
            -webkit-overflow-scrolling: touch; 
            pointer-events: auto;
        }

/* Shop Grid */
        .shop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 15px; }
        .shop-item {
            border: 1px solid #333; background: rgba(10,10,10,0.8); padding: 15px; display: flex; flex-direction: column; transition: all 0.2s; position: relative;
        }
        .shop-item:hover { border-color: var(--nxt-emerald); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,255,136,0.1); }
        .shop-item.purchased { border-color: var(--tier-blue); opacity: 0.7; }
        .shop-item.purchased::after { content: 'ACQUIRED'; position: absolute; top: 10px; right: 10px; font-size: 0.6rem; background: var(--tier-blue); color: #000; padding: 2px 6px; font-weight: bold; }
        
        .item-icon { font-size: 2rem; margin-bottom: 10px; text-shadow: 0 0 10px currentColor; }
        .item-name { font-family: 'Orbitron', sans-serif; font-size: 0.9rem; font-weight: bold; margin-bottom: 5px; color: #FFF; min-height: 2.2rem; }
        .item-desc { font-size: 0.75rem; color: #888; line-height: 1.4; flex-grow: 1; margin-bottom: 15px; }
        .item-cost { font-size: 0.85rem; font-weight: bold; margin-bottom: 10px; display: flex; align-items: center; gap: 5px; }
        .cost-pts { color: var(--nxt-emerald); }
        .cost-sol { color: var(--tier-purple); }
        
        .buy-btn { width: 100%; padding: 8px; font-size: 0.8rem; }

/* Tables (Leaderboard / Help) */
        .data-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; text-align: left; }
        .data-table th { padding: 12px; border-bottom: 1px solid var(--nxt-emerald); color: var(--nxt-emerald); font-family: 'Orbitron', sans-serif; letter-spacing: 1px; }
        .data-table td { padding: 12px; border-bottom: 1px solid #222; color: #DDD; }
        .data-table tr:hover td { background: rgba(0,255,136,0.05); }

.highlight-wallet { color: var(--tier-gold); font-weight: bold; }

/* Toasts */
        #toast-container { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 100010 !important; pointer-events: none; }
        .toast {
            background: rgba(5,5,5,0.98); border: 1px solid #222; border-left: 4px solid var(--nxt-emerald); padding: 15px 20px; min-width: 280px; max-width: 90vw;
            box-shadow: 0 10px 30px rgba(0,0,0,0.9); color: #FFF; font-family: 'Space Mono', monospace; font-size: 0.8rem; letter-spacing: 1px;
            display: flex; align-items: center;
            animation: slideIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; transform: translateX(120%);
        }
        .toast.error { border-left-color: var(--tier-red); }
        .toast.success { border-left-color: var(--tier-gold); }
        .toast.fade-out { animation: fadeOut 0.4s ease forwards; }

@keyframes slideIn { to { transform: translateX(0); } }
        @keyframes fadeOut { to { opacity: 0; transform: translateY(-15px) translateX(20px); } }

/* Loader */
        .terminal-loader { display: inline-block; width: 15px; height: 15px; border: 2px solid var(--nxt-emerald); border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; }
        @keyframes spin { 100% { transform: rotate(360deg); } }

/* Profile Block in Shop */
        .profile-summary { background: rgba(0,255,136,0.05); border: 1px dashed var(--nxt-emerald); padding: 15px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
        .wallet-display { color: var(--tier-gold); font-size: 0.85rem; word-break: break-all; }

@media (max-width: 768px) {
            .hud-bar { padding: 10px; flex-wrap: wrap; gap: 10px; }
            .hud-value { font-size: 1.2rem; }
            .overlay-title { font-size: 1.8rem; }
            .nxt-overlay-screen { padding: 25px 20px; }
            .profile-summary { flex-direction: column; align-items: flex-start; }
            .profile-summary > div { width: 100%; text-align: left !important; }
            #toast-container { top: 10px; left: 50%; transform: translateX(-50%); right: auto; width: 90%; align-items: center; }
            .toast { width: 100%; transform: translateY(-120%); animation: slideDown 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
            .toast.fade-out { animation: fadeOutTop 0.4s ease forwards; }
        }
        
        @keyframes slideDown { to { transform: translateY(0); } }
        @keyframes fadeOutTop { to { opacity: 0; transform: translateY(-50px); } }
    </style>
</head>
<body data-rsssl=1>

<div id="nxt-fullscreen-override">
        <div id="nxt-game-container">
            <canvas id="nxtCanvas"></canvas>
            <div id="nxt-flash-overlay"></div>
            
            <div id="nxt-ui-layer">
                <div id="nxt-hud-top" class="hud-bar">
                    <div class="hud-block">
                        <div class="hud-label">INFRASTRUCTURE INTEGRITY</div>
                        <div id="nxt-lives-container" class="life-bar-container">
                            <div class="life-node"></div><div class="life-node"></div><div class="life-node"></div>
                        </div>
                    </div>
                    <div class="hud-block" style="text-align: center;">
                        <div class="hud-label">VISIBILITY CYCLE</div>
                        <div class="hud-value accent" id="nxt-level-val">1</div>
                    </div>
                    <div class="hud-block" style="text-align: right;">
                        <div class="hud-label">SYSTEM METRICS (PTS)</div>
                        <div class="hud-value" id="nxt-score-val">0</div>
                    </div>
                </div>

<div id="nxt-start-screen" class="nxt-overlay-screen">
                    <div class="overlay-title heading glitch-anim">NXT <span>VISIBILITY</span></div>
                    <p class="overlay-sub">Establish dominance. Maintain momentum. Destroy isolated packets before they escape the terminal.</p>
                    
                    <div style="display: flex; justify-content: center; gap: 30px; margin-bottom: 20px;">
                        <div style="color: var(--nxt-emerald); font-size: 0.85rem; text-shadow: 0 0 10px var(--nxt-emerald);">[❇️] CORE: 100 PTS</div>
                        <div style="color: var(--tier-gold); font-size: 0.85rem; text-shadow: 0 0 10px var(--tier-gold);">[⚠️] AUTHORITY: 500 PTS</div>
                    </div>
                    
                    <div id="start-screen-wallet-actions" style="display: flex; gap: 10px; margin-bottom: 15px;">
                        <button type="button" class="nxt-btn gold" id="nxt-btn-auth-start" style="flex: 1; font-size: 0.75rem;">CONNECT UPLINK</button>
                        <button type="button" class="nxt-btn red" id="nxt-btn-disconnect-start" style="flex: 1; font-size: 0.75rem; display: none;">TERMINATE UPLINK</button>
                    </div>

<button type="button" class="nxt-btn" id="nxt-init-btn" style="width: 100%; margin-bottom: 15px;">INITIALIZE SEQUENCE</button>
                    
                    <div style="display: flex; gap: 10px;">
                        <button type="button" class="nxt-btn" id="nxt-open-shop-start" style="flex: 1; border-color: #555; color: #AAA;">INFRASTRUCTURE (SHOP)</button>
                        <button type="button" class="nxt-btn" id="nxt-open-help-start" class="icon-btn" style="border-color: #555; color: #AAA;">?</button>
                    </div>
                </div>
                
                <div id="nxt-game-over-screen" class="nxt-overlay-screen" style="display: none;">
                    <div class="overlay-title heading" style="color: var(--tier-red);">SYSTEM <span>FAILURE</span></div>
                    <p class="overlay-sub">Velocity Halted. Data packets breached the perimeter.</p>
                    <div style="margin-bottom: 25px; border: 1px solid #333; padding: 15px; background: rgba(0,0,0,0.5);">
                        <div class="hud-label">FINAL METRICS</div>
                        <div id="nxt-final-score" class="hud-value" style="font-size: 2.5rem; margin-bottom: 10px;">0</div>
                        <div class="hud-label">CYCLES SURVIVED: <span id="nxt-final-level" style="color: var(--tier-gold);">1</span></div>
                    </div>
                    <button type="button" class="nxt-btn" id="nxt-reboot-btn" style="width: 100%; margin-bottom: 15px;">REBOOT SYSTEM</button>
                    <div style="display: flex; gap: 10px;">
                        <button type="button" class="nxt-btn gold" id="nxt-open-shop-end" style="flex: 1;">INFRASTRUCTURE</button>
                    </div>
                </div>

<div id="nxt-hud-bottom" class="hud-bar" style="display: none;">
                    <button class="nxt-btn icon-btn" id="nxt-btn-settings">⚙️</button>
                    <button class="nxt-btn gold" id="nxt-btn-shop">INFRASTRUCTURE</button>
                </div>
            </div>
        </div>
    </div>

<div id="modal-wallet" class="modal-wrapper">
        <div class="modal-content" style="max-width: 400px;">
            <div class="modal-header">
                <div class="modal-title">SECURE UPLINK</div>
                <button class="close-btn modal-close">×</button>
            </div>
            <div class="modal-body" style="text-align: center;">
                <p style="font-size: 0.85rem; color: #888; margin-bottom: 20px;">Connect Web3 wallet to access premium institutional infrastructure and save progress.</p>
                <button class="nxt-btn" style="width: 100%; margin-bottom: 10px; justify-content: flex-start;" onclick="window.WalletManager.connect('phantom')">> PHANTOM TERMINAL</button>
                <button class="nxt-btn" style="width: 100%; margin-bottom: 10px; justify-content: flex-start;" onclick="window.WalletManager.connect('solflare')">> SOLFLARE TERMINAL</button>
                <button class="nxt-btn" style="width: 100%; justify-content: flex-start;" onclick="window.WalletManager.connect('backpack')">> BACKPACK TERMINAL</button>
                <div id="wallet-connect-log" style="margin-top: 15px; font-size: 0.8rem; color: var(--tier-gold);"></div>
            </div>
        </div>
    </div>

<div id="modal-shop" class="modal-wrapper">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">INFRASTRUCTURE UPGRADES</div>
                <button class="close-btn modal-close">×</button>
            </div>
            <div class="modal-body">
                <div class="profile-summary">
                    <div>
                        <div class="hud-label">ACTIVE NODE (WALLET)</div>
                        <div id="shop-wallet-address" class="wallet-display">UNCONNECTED_GUEST</div>
                        <div class="hud-label" style="margin-top: 10px;">CAPITAL CAPACITY</div>
                        <div id="shop-wallet-balance" class="wallet-display" style="color: var(--tier-gold);">0.00 SOL</div>
                    </div>
                    <div style="text-align: right;">
                        <div class="hud-label">AVAILABLE METRICS</div>
                        <div id="shop-pts-balance" class="hud-value" style="font-size: 1.2rem;">0 PTS</div>
                    </div>
                    <div>
                        <button class="nxt-btn" id="btn-auth-wallet" style="padding: 8px 15px; font-size: 0.7rem;">CONNECT UPLINK</button>
                        <button class="nxt-btn red" id="btn-disconnect-wallet" style="padding: 8px 15px; font-size: 0.7rem; display: none;">TERMINATE UPLINK</button>
                    </div>
                </div>

<div style="display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center;">
                    <div class="hud-label" style="color: #FFF;">ACQUISITION TERMINAL</div>
                    <button class="nxt-btn" id="btn-view-leaderboard" style="padding: 5px 10px; font-size: 0.7rem;">VIEW NETWORK NODES</button>
                </div>
                
                <div id="shop-items-grid" class="shop-grid">
                    </div>
                
                <div id="shop-tx-log" style="margin-top: 20px; text-align: center; font-size: 0.8rem; color: var(--tier-gold); min-height: 20px;"></div>
            </div>
        </div>
    </div>

<div id="modal-leaderboard" class="modal-wrapper">
        <div class="modal-content" style="max-width: 600px;">
            <div class="modal-header">
                <div class="modal-title">NETWORK NODES</div>
                <button class="close-btn modal-close">×</button>
            </div>
            <div class="modal-body">
                <p style="font-size: 0.8rem; color: #888; margin-bottom: 15px;">Local registry of verified terminal uplinks and their accumulated authority.</p>
                <table class="data-table" id="leaderboard-table">
                    <thead>
                        <tr>
                            <th>NODE ADDRESS</th>
                            <th>MAX CYCLES</th>
                            <th>MAX METRICS</th>
                        </tr>
                    </thead>
                    <tbody>
                        </tbody>
                </table>
            </div>
        </div>
    </div>

<div id="modal-help" class="modal-wrapper">
        <div class="modal-content" style="max-width: 600px;">
            <div class="modal-header">
                <div class="modal-title">SYSTEM DOCUMENTATION</div>
                <button class="close-btn modal-close">×</button>
            </div>
            <div class="modal-body" style="font-size: 0.9rem; line-height: 1.6; color: #CCC;">
                <h3 style="color: var(--nxt-emerald); margin-bottom: 10px;">CORE OBJECTIVE</h3>
                <p>Prevent rogue data packets from breaching the upper perimeter. Click/Tap to execute targeted neutralization. Cycles will gradually increase in velocity to challenge your persistence.</p>
                
                <h3 style="color: var(--nxt-emerald); margin-top: 20px; margin-bottom: 10px;">TARGET CLASSIFICATIONS</h3>
                <ul style="list-style-type: square; padding-left: 20px;">
                    <li><strong style="color: var(--nxt-emerald);">EMERALD CORE (100 PTS):</strong> Standard linear trajectory.</li>
                    <li><strong style="color: var(--tier-gold);">GOLD AUTHORITY (500 PTS):</strong> Erratic, evasive maneuvers. High priority.</li>
                    <li><strong style="color: var(--tier-platinum);">PLATINUM JACKPOT (1000 PTS):</strong> Ultra-fast. Requires Platinum Access upgrade.</li>
                </ul>

<h3 style="color: var(--nxt-emerald); margin-top: 20px; margin-bottom: 10px;">INFRASTRUCTURE & ECONOMY</h3>
                <p>Accumulate System Metrics (Points) during cycles to acquire temporary augments. Connect a Web3 Solana Wallet to permanently encode institutional upgrades to your Node ID.</p>
                
                <h3 style="color: var(--tier-gold); margin-top: 20px; margin-bottom: 10px;">DATA PRIVACY & LOCAL PERSISTENCE</h3>
                <p>Absolute transparency is our baseline. We do not collect, track, or transmit your gameplay data. Everything is saved entirely within your browser’s front-end local storage environment. Only you, the active user, can see or access this data. Web3 uplink merely reads your signature to verify institutional tier upgrades and persist data securely across sessions.</p>

<h3 style="color: var(--tier-red); margin-top: 20px; margin-bottom: 10px;">SYSTEM FAILURE CONDITIONS</h3>
                <p>You possess 3 base Integrity Nodes (Lives). A packet breaching the top boundary degrades integrity by 1. Total degradation results in Cycle termination.</p>
                
                <h3 style="color: var(--nxt-emerald); margin-top: 20px; margin-bottom: 10px;">WALLET CONNECTION OVERVIEW</h3>
                <p>Uplinking a Web3 Wallet allows for signature verification, balance checks, and secure transaction execution directly from the Infrastructure Shop. Re-uplink at any time from any device to retrieve your verified registry metrics and permanent tier upgrades.</p>
            </div>
        </div>
    </div>

<div id="modal-settings" class="modal-wrapper">
        <div class="modal-content" style="max-width: 400px;">
            <div class="modal-header">
                <div class="modal-title">TERMINAL PREFERENCES</div>
                <button class="close-btn modal-close">×</button>
            </div>
            <div class="modal-body">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #333; padding-bottom: 10px;">
                    <span>AUDIO FEED</span>
                    <button class="nxt-btn" id="toggle-audio" style="padding: 5px 15px;">ENABLED</button>
                </div>
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #333; padding-bottom: 10px;">
                    <span>CLEAR LOCAL CACHE</span>
                    <button class="nxt-btn red" id="btn-wipe-data" style="padding: 5px 15px;">WIPE DATA</button>
                </div>
            </div>
        </div>
    </div>

// --- UTILS & TOASTS ---
    const UI = {
        showToast: function(message, type = 'info') {
            const container = document.getElementById('toast-container');
            const toast = document.createElement('div');
            toast.className = `toast ${type}`;
            
            let prefix = type === 'error' ? '[ERROR]' : '[SYS]';
            let pColor = type === 'error' ? 'var(--tier-red)' : 'var(--nxt-emerald)';
            
            toast.innerHTML = `<span style="color: ${pColor}; margin-right: 15px; font-weight:bold;">${prefix}</span><span style="flex-grow:1;">${message}</span>`;
            
            container.appendChild(toast);
            setTimeout(() => {
                toast.classList.add('fade-out');
                setTimeout(() => toast.remove(), 400); // Wait for fadeOut animation
            }, 3000); // 3 seconds visible automatically disappear
        },
        openModal: function(id) { 
            document.getElementById(id).classList.add('active'); 
        },
        closeModal: function(id) { 
            const m = document.getElementById(id);
            if(m) m.classList.remove('active'); 
            
            // Check if ANY modal is still active. If not, and we are playing, unpause.
            if(window.NXT_HUNT && window.NXT_HUNT.state === 'PLAYING') {
                const activeModals = document.querySelectorAll('.modal-wrapper.active');
                if(activeModals.length === 0) {
                    window.NXT_HUNT.pause = false;
                }
            }
        },
        closeAllModals: function() { 
            document.querySelectorAll('.modal-wrapper.active').forEach(m => m.classList.remove('active')); 
            if(window.NXT_HUNT && window.NXT_HUNT.state === 'PLAYING') {
                window.NXT_HUNT.pause = false;
            }
        }
    };

document.querySelectorAll('.modal-close').forEach(btn => {
        btn.addEventListener('click', (e) => {
            const modal = e.target.closest('.modal-wrapper');
            UI.closeModal(modal.id);
        });
    });

// --- AUDIO ENGINE ---
    const AudioEngine = {
        ctx: null, enabled: true,
        init: function() {
            if(!this.enabled) return;
            try {
                if (!this.ctx) {
                    const AudioContext = window.AudioContext || window.webkitAudioContext;
                    if (AudioContext) this.ctx = new AudioContext();
                }
                if (this.ctx && this.ctx.state === 'suspended') this.ctx.resume();
            } catch (err) { this.enabled = false; }
        },
        toggle: function() {
            this.enabled = !this.enabled;
            document.getElementById('toggle-audio').innerText = this.enabled ? "ENABLED" : "MUTED";
            if(this.enabled) this.init();
        },
        playTone: function(freq, type, duration, vol=0.5) {
            if (!this.enabled || !this.ctx) return;
            try {
                const osc = this.ctx.createOscillator(); const gain = this.ctx.createGain();
                osc.type = type; osc.frequency.setValueAtTime(freq, this.ctx.currentTime);
                gain.gain.setValueAtTime(vol, this.ctx.currentTime); gain.gain.exponentialRampToValueAtTime(0.001, this.ctx.currentTime + duration);
                osc.connect(gain); gain.connect(this.ctx.destination); osc.start(); osc.stop(this.ctx.currentTime + duration);
            } catch(e) {}
        },
        playShoot: function() { this.playTone(300, 'square', 0.1, 0.3); },
        playHitCore: function() { this.playTone(600, 'sine', 0.2, 0.4); },
        playHitAuth: function() { this.playTone(900, 'triangle', 0.3, 0.5); },
        playEscape: function() { this.playTone(150, 'sawtooth', 0.5, 0.6); },
        playPurchase: function() { this.playTone(800, 'square', 0.4, 0.5); setTimeout(()=>this.playTone(1200, 'square', 0.4, 0.5), 100); }
    };

document.getElementById('toggle-audio').addEventListener('click', () => AudioEngine.toggle());

// --- DATA / LOCAL STORAGE MANAGER ---
    const Storage = {
        data: {},
        currentAddress: 'GUEST',
        load: function() {
            const raw = localStorage.getItem('nxt_infrastructure_data');
            if(raw) {
                try { this.data = JSON.parse(raw); } catch(e) { this.data = {}; }
            }
            this.ensureProfile(this.currentAddress);
        },
        save: function() {
            localStorage.setItem('nxt_infrastructure_data', JSON.stringify(this.data));
            if(window.ShopManager) window.ShopManager.updateUI();
        },
        ensureProfile: function(addr) {
            if(!this.data[addr]) {
                this.data[addr] = { pts: 0, high_score: 0, max_level: 0, inventory: {} };
            }
        },
        setAddress: function(addr) {
            this.currentAddress = addr || 'GUEST';
            this.ensureProfile(this.currentAddress);
            this.save();
        },
        getProfile: function() { return this.data[this.currentAddress]; },
        hasItem: function(itemId) { return !!this.getProfile().inventory[itemId]; },
        grantItem: function(itemId) { this.getProfile().inventory[itemId] = true; this.save(); },
        addPoints: function(amount) { this.getProfile().pts += amount; this.save(); },
        deductPoints: function(amount) { 
            if(this.getProfile().pts >= amount) { this.getProfile().pts -= amount; this.save(); return true; }
            return false;
        },
        updateHighs: function(score, level) {
            let p = this.getProfile();
            if(score > p.high_score) p.high_score = score;
            if(level > p.max_level) p.max_level = level;
            this.save();
        },
        wipe: function() {
            if(confirm("CRITICAL WARNING: This will purge all local data including Web3 upgrades for this browser. Proceed?")) {
                localStorage.removeItem('nxt_infrastructure_data');
                this.data = {};
                this.setAddress('GUEST');
                UI.showToast("DATA PURGED", "error");
                setTimeout(() => location.reload(), 1000);
            }
        }
    };
    document.getElementById('btn-wipe-data').addEventListener('click', () => Storage.wipe());

// --- WEB3 MANAGER ---
    const WalletManager = {
        TREASURY: 'GUtE1c4GkrS72bWQgwuq2ty7fRBTMFjiV7ppMz8mrjeh',
        SIGN_MSG: "NXT // VISIBILITY INFRASTRUCTURE\n\nSign to verify terminal uplink.",
        RPC: [
            'https://api.mainnet-beta.solana.com',
            'https://solana-rpc.publicnode.com',
            'https://solana.api.onfinality.io/public'
        ],
        walletObj: null, address: null, balanceSol: 0,
        
        connect: async function(type) {
            const log = document.getElementById('wallet-connect-log');
            log.innerText = "INITIALIZING UPLINK...";
            log.style.color = "var(--nxt-emerald)";
            
            let w;
            if (type === 'phantom') w = window.solana;
            else if (type === 'solflare') w = window.solflare;
            else if (type === 'backpack') w = window.backpack;

if (!w) { 
                log.innerText = `ERROR: ${type.toUpperCase()} NOT DETECTED`; 
                log.style.color = "var(--tier-red)"; 
                UI.showToast(`${type.toUpperCase()} NOT DETECTED`, "error");
                return; 
            }

try {
                log.innerText = "AWAITING AUTHORIZATION...";
                await w.connect();
                log.innerText = "AWAITING SIGNATURE VERIFICATION...";
                const msg = new TextEncoder().encode(this.SIGN_MSG);
                const signed = await w.signMessage(msg);
                let sig = signed;
                if (signed.signature) sig = signed.signature;
                
                const verified = nacl.sign.detached.verify(msg, sig, w.publicKey.toBytes());
                if (!verified) {
                    await w.disconnect();
                    throw new Error("CRYPTOGRAPHIC SIGNATURE INVALID.");
                }

this.walletObj = w;
                this.address = w.publicKey.toString();
                Storage.setAddress(this.address);
                
                UI.closeModal('modal-wallet');
                UI.showToast(`UPLINK SECURED: ${this.address.slice(0,6)}...`, "success");
                
                if(window.ShopManager) window.ShopManager.updateUI();
                this.updateBalance();
                log.innerText = "";
            } catch(e) {
                let em = e.message || "CONNECTION FAILED";
                if(em.toLowerCase().includes("user rejected")) em = "AUTHORIZATION DENIED BY USER";
                log.innerText = `ERROR: ${em.toUpperCase()}`;
                log.style.color = "var(--tier-red)";
                UI.showToast(em.toUpperCase(), "error");
                if(w && w.disconnect) await w.disconnect().catch(()=>{});
            }
        },
        
        disconnect: async function() {
            if(this.walletObj && this.walletObj.disconnect) await this.walletObj.disconnect();
            this.walletObj = null; this.address = null; this.balanceSol = 0;
            Storage.setAddress('GUEST');
            UI.showToast("UPLINK TERMINATED", "error");
            if(window.ShopManager) window.ShopManager.updateUI();
        },

updateBalance: async function() {
            if (!this.address) return;
            const balUI = document.getElementById('shop-wallet-balance');
            balUI.innerText = "FETCHING...";
            balUI.style.color = "var(--tier-gold)";
            try {
                let conn = new window.solanaWeb3.Connection(this.RPC[0], {commitment: 'confirmed'});
                let balResult = await conn.getBalance(new window.solanaWeb3.PublicKey(this.address));
                this.balanceSol = balResult / window.solanaWeb3.LAMPORTS_PER_SOL;
                balUI.innerText = `${this.balanceSol.toFixed(4)} SOL`;
            } catch(e) {
                balUI.innerText = "ERROR FETCHING";
                balUI.style.color = "var(--tier-red)";
            }
        },

sendSol: async function(amountSol, logEl) {
            if (!this.walletObj || !this.address) throw new Error("NO UPLINK DETECTED");
            if (this.balanceSol < amountSol) throw new Error(`INSUFFICIENT CAPACITY. MAX ALLOC: ${this.balanceSol.toFixed(4)} SOL`);

logEl.innerText = "AWAITING WALLET SIGNATURE...";
            const transaction = new window.solanaWeb3.Transaction({ recentBlockhash: blockhash, feePayer: fromPubkey })
                .add(window.solanaWeb3.SystemProgram.transfer({
                    fromPubkey: fromPubkey, 
                    toPubkey: toPubkey, 
                    lamports: Math.floor(amountSol * window.solanaWeb3.LAMPORTS_PER_SOL)
                }));

const signed = await this.walletObj.signTransaction(transaction);
            
            logEl.innerText = "TRANSMITTING TO NETWORK...";
            signature = await conn.sendRawTransaction(signed.serialize(), {skipPreflight: false});
            
            logEl.innerText = "AWAITING CONFIRMATION...";
            await Promise.race([
                conn.confirmTransaction({signature: signature, commitment: 'confirmed'}),
                new Promise(resolve => setTimeout(resolve, 15000))
            ]);
            
            return signature;
        }
    };

// --- SHOP MANAGER ---
    const SHOP_ITEMS = [
        // POINTS
        { id: 'pts_life', name: 'INTEGRITY PATCH', type: 'pts', cost: 1500, desc: 'Restores 1 missing life instantly during active run.', icon: '💚' },
        { id: 'pts_slow', name: 'MOMENTUM DAMPENER', type: 'pts', cost: 3000, desc: 'Slows down target velocity by 15% for the current run.', icon: '⏱️' },
        { id: 'pts_emp', name: 'EMP BLAST', type: 'pts', cost: 5000, desc: 'Instantly destroys 5 random active targets.', icon: '💥' },
        { id: 'pts_shield', name: 'DEFLECTOR', type: 'pts', cost: 7500, desc: 'Absorbs 1 target escape without losing integrity.', icon: '🛡️' },
        { id: 'pts_multi', name: 'OVERCLOCK', type: 'pts', cost: 10000, desc: '1.5x metrics multiplier for the current run.', icon: '📈' },
        { id: 'pts_prestige', name: 'NEWBIE PROTOCOL (RESET)', type: 'pts', cost: 500000, desc: 'Reset to Level 1 Newbie difficulty while retaining all infrastructure upgrades.', icon: '🔄' },
        
        // SOLANA
        { id: 'sol_core', name: 'EMERALD CORE MODULE', type: 'sol', cost: 0.05, desc: 'PERMANENT: Start every cycle with +1 base integrity (Life).', icon: '❇️', color: 'var(--nxt-emerald)' },
        { id: 'sol_radar', name: 'DEEP EMERALD RADAR', type: 'sol', cost: 0.08, desc: 'PERMANENT: Projects target trajectory paths.', icon: '📡', color: 'var(--nxt-deep-emerald)' },
        { id: 'sol_dominance', name: 'DOMINANCE MATRIX', type: 'sol', cost: 0.10, desc: 'PERMANENT: Base metrics (points) are doubled 2x.', icon: '🥇', color: 'var(--tier-gold)' },
        { id: 'sol_elite', name: 'SILVER ELITE ASSIST', type: 'sol', cost: 0.12, desc: 'PERMANENT: Click near targets to auto-snap hit.', icon: '🥈', color: 'var(--tier-silver)' },
        { id: 'sol_injector', name: 'VELOCITY INJECTOR', type: 'sol', cost: 0.15, desc: 'PERMANENT: Reduces global target spawn speed by 10%.', icon: '💉', color: 'var(--tier-red)' },
        { id: 'sol_gold_auth', name: 'GOLD AUTHORITY', type: 'sol', cost: 0.20, desc: 'PERMANENT: 15% chance for base targets to upgrade to Gold (+500 pts).', icon: '👑', color: 'var(--tier-gold)' },
        { id: 'sol_plat_access', name: 'PLATINUM GAMES VERTICAL', type: 'sol', cost: 0.25, desc: 'PERMANENT: Unlocks Platinum targets (+1000 pts).', icon: '💎', color: 'var(--tier-platinum)' },
        { id: 'sol_diamond', name: 'SYSTEM EVENT DIAMOND', type: 'sol', cost: 0.30, desc: 'PERMANENT: +50% blast radius for all clicks.', icon: '💠', color: 'var(--tier-diamond)' },
        { id: 'sol_rainbow', name: '24HR FULL CYCLE', type: 'sol', cost: 0.35, desc: 'PERMANENT: Passively generates 50 metrics per second.', icon: '🌈', color: 'var(--tier-purple)' },
        { id: 'sol_bundle', name: 'THE NXT WAVE', type: 'sol', cost: 0.50, desc: 'PERMANENT: +3 Lives, 3x Base Points, All Visual Upgrades.', icon: '🌊', color: 'var(--tier-blue)' },
        { id: 'sol_prestige', name: 'NEWBIE PROTOCOL (RESET)', type: 'sol', cost: 0.5, desc: 'Reset to Level 1 Newbie difficulty while retaining all infrastructure upgrades.', icon: '🔄', color: 'var(--tier-platinum)' }
    ];

if(Storage.currentAddress === 'GUEST') {
                wDisplay.innerText = "UNCONNECTED_GUEST"; wDisplay.style.color = "#888";
                document.getElementById('shop-wallet-balance').innerText = "0.00 SOL";
                document.getElementById('shop-wallet-balance').style.color = "#888";
                document.getElementById('btn-auth-wallet').style.display = 'inline-flex';
                document.getElementById('btn-disconnect-wallet').style.display = 'none';
                
                if(startAuthBtn) startAuthBtn.style.display = 'inline-flex';
                if(startDiscBtn) startDiscBtn.style.display = 'none';
            } else {
                wDisplay.innerText = Storage.currentAddress; wDisplay.style.color = "var(--nxt-emerald)";
                WalletManager.updateBalance();
                document.getElementById('btn-auth-wallet').style.display = 'none';
                document.getElementById('btn-disconnect-wallet').style.display = 'inline-flex';
                
                if(startAuthBtn) startAuthBtn.style.display = 'none';
                if(startDiscBtn) startDiscBtn.style.display = 'inline-flex';
            }
            this.render();
        },
        render: function() {
            const grid = document.getElementById('shop-items-grid');
            grid.innerHTML = '';
            
            SHOP_ITEMS.forEach(item => {
                const has = Storage.hasItem(item.id);
                // Prestige resets are consumable and repeatedly buyable
                const isConsumable = item.type === 'pts' || item.id === 'sol_prestige';
                
                const d = document.createElement('div');
                d.className = `shop-item ${has && !isConsumable ? 'purchased' : ''}`;
                if(item.color) d.style.borderColor = has && !isConsumable ? item.color : '#333';

let costHTML = item.type === 'pts' ? `<span class="cost-pts">${item.cost.toLocaleString()} PTS</span>` : `<span class="cost-sol">${item.cost} SOL</span>`;
                
                let btnHTML = `<button class="nxt-btn buy-btn" onclick="window.ShopManager.buy('${item.id}')" ${has && !isConsumable ? 'disabled' : ''}>${has && !isConsumable ? 'OWNED' : 'ACQUIRE'}</button>`;

d.innerHTML = `
                    <div class="item-icon" style="color: ${item.color || '#FFF'}">${item.icon}</div>
                    <div class="item-name" style="color: ${item.color || '#FFF'}">${item.name}</div>
                    <div class="item-desc">${item.desc}</div>
                    <div class="item-cost">${costHTML}</div>
                    ${btnHTML}
                `;
                grid.appendChild(d);
            });
        },
        buy: async function(id) {
            const item = SHOP_ITEMS.find(i => i.id === id);
            const logEl = document.getElementById('shop-tx-log');
            logEl.innerText = "";

if(item.type === 'pts') {
                if(Storage.deductPoints(item.cost)) {
                    AudioEngine.playPurchase();
                    
                    if (id === 'pts_prestige') {
                        window.NXT_HUNT.executeNewbieReset();
                    } else {
                        Storage.grantItem(id); // Temporary flag, will be wiped after run for consumables
                        // Immediate apply if in game
                        if(window.NXT_HUNT.state === 'PLAYING') {
                            if(id === 'pts_life') { window.NXT_HUNT.lives++; window.NXT_HUNT.updateHUD(); }
                            if(id === 'pts_emp') { 
                                let killed = 0;
                                for(let i=window.NXT_HUNT.targets.length-1; i>=0 && killed<5; i--) {
                                    let t = window.NXT_HUNT.targets[i];
                                    if(t.state!=='shot') { t.state='shot'; window.NXT_HUNT.createExplosion(t.x,t.y,'var(--tier-blue)'); window.NXT_HUNT.targets.splice(i,1); killed++; }
                                }
                            }
                        }
                    }
                    UI.showToast(`ACQUIRED: ${item.name}`, 'success');
                } else {
                    UI.showToast("INSUFFICIENT METRICS", 'error');
                }
            } else if (item.type === 'sol') {
                if(Storage.currentAddress === 'GUEST') {
                    UI.showToast("SECURE UPLINK REQUIRED FOR PREMIUM UPGRADES", "error");
                    UI.openModal('modal-wallet');
                    return;
                }
                
                try {
                    const btns = document.querySelectorAll('.buy-btn');
                    btns.forEach(b=>b.disabled=true);
                    
                    logEl.style.color = "var(--tier-gold)";
                    const sig = await WalletManager.sendSol(item.cost, logEl);
                    
                    logEl.innerText = `SUCCESS! HASH: ${sig.slice(0,15)}...`;
                    logEl.style.color = "var(--nxt-emerald)";
                    
                    AudioEngine.playPurchase();
                    
                    if (id === 'sol_prestige') {
                        window.NXT_HUNT.executeNewbieReset();
                    } else {
                        Storage.grantItem(id);
                    }
                    
                    UI.showToast(`INFRASTRUCTURE UPGRADED: ${item.name}`, 'success');
                    
                    setTimeout(()=>logEl.innerText="", 5000);
                } catch(e) {
                    logEl.innerText = `ERROR: ${e.message.toUpperCase()}`;
                    logEl.style.color = "var(--tier-red)";
                    UI.showToast(e.message.toUpperCase(), 'error');
                } finally {
                    this.updateUI();
                }
            }
        },
        renderLeaderboard: function() {
            UI.openModal('modal-leaderboard');
            const tbody = document.querySelector('#leaderboard-table tbody');
            tbody.innerHTML = '';
            
            const entries = Object.keys(Storage.data).map(k => ({ addr: k, ...Storage.data[k] })).filter(e => e.addr !== 'GUEST');
            entries.sort((a,b) => b.high_score - a.high_score);

if(entries.length === 0) {
                tbody.innerHTML = '<tr><td colspan="3" style="text-align:center; color:#888;">NO VERIFIED NODES IN LOCAL REGISTRY</td></tr>';
                return;
            }

entries.forEach(e => {
                const tr = document.createElement('tr');
                tr.innerHTML = `
                    <td class="${e.addr === Storage.currentAddress ? 'highlight-wallet' : ''}">${e.addr.slice(0,4)}...${e.addr.slice(-4)}</td>
                    <td>${e.max_level}</td>
                    <td>${e.high_score.toLocaleString()}</td>
                `;
                tbody.appendChild(tr);
            });
        }
    };

// --- GAME ENGINE ---
    function createTarget(canvasWidth, canvasHeight, level) {
        let isAuth = Math.random() > 0.85;
        let isPlat = false;
        
        if(Storage.hasItem('sol_gold_auth') && !isAuth && Math.random() > 0.85) isAuth = true;
        if(Storage.hasItem('sol_plat_access') && Math.random() > 0.95) isPlat = true;

let type = isPlat ? 'plat' : (isAuth ? 'auth' : 'core');
        
        // Gentle difficulty scaling - slow and steady
        let speedMult = Math.min(2.5, 1 + ((level - 1) * 0.04));
        
        if(Storage.hasItem('sol_injector')) speedMult *= 0.9;
        if(Storage.hasItem('pts_slow')) speedMult *= 0.85;

// Larger hit target radii for more forgiving gameplay
        let r = type === 'core' ? 35 : (type === 'auth' ? 45 : 30);
        let vxBase = type === 'plat' ? 3 : (type === 'auth' ? 2 : 1.5);

return {
            cw: canvasWidth, ch: canvasHeight, type: type, r: r,
            x: (canvasWidth / 2) + ((Math.random() - 0.5) * (canvasWidth * 0.8)), y: canvasHeight + 50,
            // Slower floaty trajectories
            vx: (Math.random() > 0.5 ? 1 : -1) * (vxBase + Math.random() * 1.5) * speedMult, 
            vy: -(4.5 + Math.random() * 3.5) * speedMult,
            gravity: 0.08, 
            state: 'flying', erraticTimer: 0, 
            bounces: 0, 
            maxBounces: type === 'auth' ? Math.floor(Math.random() * 2) + 2 : Math.floor(Math.random() * 1) + 1
        };
    }

const NXT_HUNT = {
        canvas: null, ctx: null, state: 'MENU', score: 0, level: 1, lives: 3, animId: null, pause: false,
        targets: [], particles: [], texts: [], waveActive: false, waveTimer: 0, targetsToSpawn: 0,

init: function() {
            this.canvas = document.getElementById('nxtCanvas');
            if (!this.canvas) return false;
            this.ctx = this.canvas.getContext('2d');
            this.resize();
            window.addEventListener('resize', () => this.resize());

this.drawBackground(); return true;
        },

resize: function() { this.canvas.width = window.innerWidth; this.canvas.height = window.innerHeight; },

executeNewbieReset: function() {
            this.level = 1;
            if(this.state === 'PLAYING') {
                this.targets = [];
                this.waveTimer = 60;
                this.updateHUD();
                this.startWave();
            }
            UI.showToast("NEWBIE PROTOCOL ACTIVATED: RESET TO LEVEL 1", "success");
        },

start: function() {
            Storage.load();
            document.getElementById('nxt-start-screen').style.display = 'none';
            document.getElementById('nxt-game-over-screen').style.display = 'none';
            document.getElementById('nxt-hud-bottom').style.display = 'flex';
            document.getElementById('nxt-ui-layer').style.background = 'transparent';
            
            this.state = 'PLAYING'; this.pause = false; this.score = 0; this.level = 1;
            
            this.lives = 3;
            if(Storage.hasItem('sol_core')) this.lives += 1;
            if(Storage.hasItem('sol_bundle')) this.lives += 3;

this.targets = []; this.particles = []; this.texts = [];
            this.updateHUD(); this.startWave();
            if (this.animId) cancelAnimationFrame(this.animId);
            this.loop();
        },

startWave: function() {
            this.waveActive = true;
            this.waveTimer = 60; this.targetsToSpawn = Math.min(25, 3 + Math.floor(this.level * 1.5));
            this.createFloatingText(`CYCLE ${this.level}`, this.canvas.width/2, this.canvas.height/2, 'var(--nxt-emerald)', 3.0);
        },

updateHUD: function() {
            document.getElementById('nxt-score-val').innerText = this.score.toLocaleString();
            document.getElementById('nxt-level-val').innerText = this.level;
            
            const lc = document.getElementById('nxt-lives-container');
            lc.innerHTML = '';
            for(let i=0; i<Math.max(3, this.lives); i++) {
                let d = document.createElement('div');
                d.className = `life-node ${i >= this.lives ? 'empty' : ''}`;
                lc.appendChild(d);
            }
        },

shoot: function(x, y) {
            AudioEngine.playShoot();
            
            // Visual Flash
            const f = document.getElementById('nxt-flash-overlay');
            f.style.opacity = '0.3';
            setTimeout(() => { f.style.opacity = '0'; }, 50);

let hitRadiusMult = Storage.hasItem('sol_diamond') || Storage.hasItem('sol_bundle') ? 1.5 : 1.0;
            let eliteSnap = Storage.hasItem('sol_elite');

for (let i = this.targets.length - 1; i >= 0; i--) {
                let t = this.targets[i];
                if (t.state === 'shot') continue;
                let dist = Math.hypot(x - t.x, y - t.y);
                
                let effectiveR = t.r * 2.5 * hitRadiusMult;
                if(eliteSnap) effectiveR *= 1.5;

if (dist <= effectiveR) {
                    t.state = 'shot';
                    
                    let base = t.type === 'plat' ? 1000 : (t.type === 'auth' ? 500 : 100);
                    let mult = 1.0;
                    if(Storage.hasItem('sol_dominance')) mult *= 2;
                    if(Storage.hasItem('sol_bundle')) mult *= 3;
                    if(Storage.hasItem('pts_multi')) mult *= 1.5;

const pts = Math.floor(base * mult);
                    this.score += pts;
                    
                    if(t.type === 'core') AudioEngine.playHitCore(); else AudioEngine.playHitAuth();
                    
                    let col = t.type === 'core' ? 'var(--nxt-emerald)' : (t.type === 'auth' ? 'var(--tier-gold)' : 'var(--tier-platinum)');
                    this.createExplosion(t.x, t.y, col);
                    this.createFloatingText(`+${pts}`, t.x, t.y, col);
                    
                    this.targets.splice(i, 1); this.updateHUD(); break;
                }
            }
        },

createExplosion: function(x, y, color) {
            for(let i=0; i<15; i++) this.particles.push({x, y, vx: (Math.random()-0.5)*25, vy: (Math.random()-0.5)*25, life: 1.0, color});
        },

createFloatingText: function(text, x, y, color, life = 1.0) { 
            this.texts.push({text, x, y, life, color});
        },

update: function() {
            if(this.pause) return;

// Passive Income
            if(Storage.hasItem('sol_rainbow') && Math.random() < 0.05) { this.score+=5; this.updateHUD(); }

if (this.waveActive) {
                if (this.targetsToSpawn > 0) {
                    if (--this.waveTimer <= 0) {
                        this.targets.push(createTarget(this.canvas.width, this.canvas.height, this.level));
                        // Slower spawn timer
                        this.targetsToSpawn--; this.waveTimer = Math.max(30, 80 - (this.level * 1.5)); 
                    }
                } else if (this.targets.length === 0) {
                    this.level++;
                    this.updateHUD(); this.startWave();
                }
            }

for (let i = this.targets.length - 1; i >= 0; i--) {
                let t = this.targets[i];
                if (t.state === 'shot') continue;
                t.x += t.vx; t.y += t.vy;
                
                if (t.state === 'flying') {
                    t.vy += t.gravity;
                    
                    // Smoother, less aggressive erratic bouncing
                    if (t.type !== 'core' && ++t.erraticTimer > 25) { 
                        t.vx += (Math.random()-0.5)*5; t.vy += (Math.random()-0.5)*3; t.erraticTimer = 0;
                    }
                    if (t.y < t.r && t.vy < 0) { t.vy *= -1; t.bounces++; }
                    if (t.y > t.ch - 100 && t.vy > 0) { t.vy = -Math.abs(t.vy) * 1.1; t.bounces++; }
                    
                    if (t.bounces >= t.maxBounces) { t.state = 'escaping'; t.vy = -12 - Math.abs(t.vy); }
                } else if (t.state === 'escaping') { t.vy -= 0.8; }

if (t.x < t.r) { t.vx = Math.abs(t.vx); t.x = t.r; }
                if (t.x > t.cw - t.r) { t.vx = -Math.abs(t.vx); t.x = t.cw - t.r; }

if (t.state === 'escaping' && t.y < -100) {
                    AudioEngine.playEscape();
                    this.createFloatingText("BREACH!", t.x, 100, 'var(--tier-red)');
                    this.targets.splice(i, 1); 
                    
                    if(Storage.hasItem('pts_shield')) {
                        delete Storage.getProfile().inventory['pts_shield']; // Consume
                        UI.showToast("DEFLECTOR CONSUMED", "info");
                    } else {
                        this.lives--; 
                    }
                    
                    this.updateHUD();
                    
                    if (this.lives <= 0) {
                        this.state = 'GAMEOVER';
                        
                        // Wipe consumable pts upgrades
                        let p = Storage.getProfile();
                        ['pts_life', 'pts_slow', 'pts_emp', 'pts_shield', 'pts_multi'].forEach(id => delete p.inventory[id]);
                        
                        Storage.addPoints(this.score);
                        Storage.updateHighs(this.score, this.level);
                        
                        document.getElementById('nxt-final-score').innerText = this.score.toLocaleString();
                        document.getElementById('nxt-final-level').innerText = this.level;
                        document.getElementById('nxt-game-over-screen').style.display = 'block';
                        document.getElementById('nxt-hud-bottom').style.display = 'none';
                        document.getElementById('nxt-ui-layer').style.background = 'rgba(0,0,0,0.8)';
                        return;
                    }
                }
            }
            
            for (let i = this.particles.length - 1; i >= 0; i--) { let p = this.particles[i]; p.x+=p.vx; p.y+=p.vy; p.life-=0.04; if(p.life<=0) this.particles.splice(i,1); }
            for (let i = this.texts.length - 1; i >= 0; i--) { let txt = this.texts[i]; txt.y-=1.5; txt.life-=0.02; if(txt.life<=0) this.texts.splice(i,1); }
        },

drawBackground: function() {
            this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
            this.ctx.shadowBlur = 0;
        },

drawTarget: function(t) {
            this.ctx.save(); this.ctx.translate(t.x, t.y);
            
            let col = t.type === 'core' ? '#00FF88' : (t.type === 'auth' ? '#FFB000' : '#E5E4E2');
            let bgCol = t.type === 'core' ? '#0A2F1F' : (t.type === 'auth' ? '#4A3300' : '#333');
            
            this.ctx.shadowBlur = 20; this.ctx.shadowColor = col;
            this.ctx.strokeStyle = col; this.ctx.lineWidth = 3; this.ctx.fillStyle = bgCol;

if (t.type === 'core') {
                // Hexagon
                this.ctx.rotate(Date.now()/500);
                this.ctx.beginPath();
                for (let i = 0; i < 6; i++) { this.ctx.lineTo(t.r * Math.cos(i*Math.PI/3), t.r * Math.sin(i*Math.PI/3)); }
                this.ctx.closePath();
            } else if (t.type === 'auth') {
                // Diamond
                this.ctx.rotate(-Date.now()/400);
                this.ctx.beginPath();
                this.ctx.moveTo(0, -t.r); this.ctx.lineTo(t.r, 0); this.ctx.moveTo(t.r, 0); this.ctx.lineTo(0, t.r); this.ctx.moveTo(0, t.r); this.ctx.lineTo(-t.r, 0); this.ctx.closePath();
            } else {
                // Star/Plat
                this.ctx.rotate(Date.now()/200);
                this.ctx.beginPath();
                for(let i=0; i<8; i++){
                    let a = i * Math.PI/4; let l = i%2===0 ? t.r : t.r/2;
                    this.ctx.lineTo(l*Math.cos(a), l*Math.sin(a));
                }
                this.ctx.closePath();
            }
            
            this.ctx.fill(); this.ctx.stroke();
            
            // Inner dot
            this.ctx.fillStyle = col; this.ctx.beginPath(); this.ctx.arc(0,0, t.r*0.2, 0, Math.PI*2); this.ctx.fill();
            this.ctx.restore();
        },

draw: function() {
            this.drawBackground();

// Draw Radar Trajectories
            if(Storage.hasItem('sol_radar') && !this.pause) {
                this.ctx.lineWidth = 1;
                for (let i = 0; i < this.targets.length; i++) {
                    let t = this.targets[i];
                    if(t.state==='shot') continue;
                    this.ctx.strokeStyle = t.type==='core' ? 'rgba(0,255,136,0.2)' : 'rgba(255,176,0,0.2)';
                    this.ctx.beginPath(); this.ctx.moveTo(t.x, t.y); this.ctx.lineTo(t.x + t.vx*10, t.y + t.vy*10); this.ctx.stroke();
                }
            }

for (let i = 0; i < this.targets.length; i++) {
                if(this.targets[i].state !== 'shot') this.drawTarget(this.targets[i]);
            }
            
            for (let i = 0; i < this.particles.length; i++) {
                let p = this.particles[i];
                this.ctx.fillStyle = p.color; this.ctx.globalAlpha = Math.max(0, p.life);
                this.ctx.shadowBlur = 15; this.ctx.shadowColor = p.color; this.ctx.beginPath();
                this.ctx.rect(p.x, p.y, 4 + (p.life * 4), 4 + (p.life * 4)); this.ctx.fill(); // Metallic debris (squares)
            }
            
            this.ctx.shadowBlur = 0; this.ctx.globalAlpha = 1.0;
            
            for (let i = 0; i < this.texts.length; i++) {
                let txt = this.texts[i];
                this.ctx.globalAlpha = Math.max(0, Math.min(1, txt.life));
                this.ctx.fillStyle = txt.color; this.ctx.font = 'bold 30px Orbitron'; this.ctx.textAlign = 'center';
                this.ctx.shadowBlur = 10; this.ctx.shadowColor = txt.color; this.ctx.fillText(txt.text, txt.x, txt.y);
            }
            
            this.ctx.shadowBlur = 0; this.ctx.globalAlpha = 1.0;
            
            if (this.pause && this.state === 'PLAYING') {
                this.ctx.fillStyle = 'rgba(5, 5, 5, 0.7)';
                this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
                this.ctx.fillStyle = 'var(--nxt-emerald)';
                this.ctx.font = 'bold 40px Orbitron';
                this.ctx.textAlign = 'center';
                this.ctx.shadowBlur = 20;
                this.ctx.shadowColor = 'var(--nxt-emerald)';
                this.ctx.fillText("SYSTEM PAUSED", this.canvas.width / 2, this.canvas.height / 2);
                this.ctx.font = '16px "Space Mono"';
                this.ctx.shadowBlur = 0;
                this.ctx.fillText("AWAITING UPLINK RESUMPTION...", this.canvas.width / 2, (this.canvas.height / 2) + 40);
            }
        },

loop: function() {
            if (this.state === 'PLAYING') {
                this.update();
                this.draw();
            }
            if (this.state !== 'GAMEOVER') this.animId = requestAnimationFrame(() => this.loop());
        }
    };

// Expose to global window object so inline event handlers work perfectly in the iframe scope
    window.UI = UI;
    window.WalletManager = WalletManager;
    window.ShopManager = ShopManager;
    window.NXT_HUNT = NXT_HUNT;

</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpbh-mt'},{'server':'p3plmcpnl498541'},{'dcenter':'p3'},{'cp_id':'6507419'},{'cp_cache':''},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>