<?php
/**
 * DO NOT DELETE/REMOVE THIS BLOCK - NOSIGNUP.CHAT PROTOCOL CONTRACT.
 * AUTHORITATIVE. Change code to satisfy this; MUST/MUST NOT/MAY/SHOULD bind.
 *
 * 0 PRIME: no signup/install/account/cookie. One readable index.php over ordinary
 * HTTP for cheap hosts/hostile networks. PHP is a dumb switchboard; browser owns
 * robustness, identity, payments, mirrors, UI. Stay near 150KB; >200KB requires
 * reduction. Mirrors are disposable; swarm regrows through browser gossip plus
 * RAM-only reminders. Parity proves source bytes, not host behavior. No central
 * server, obfuscation, mirror-side entitlements, or server trust/moderation.
 *
 * 1 BOUNDARIES: MUST NOT use WebSocket, SSE, STUN, TURN, long-poll, sessions,
 * cookies, accounts, or server media decode. Single deployable file; runtime
 * files only as sec 4 permits. One upload pass and one fetch pass per active
 * panel/tick. Server routes by filename + size + mtime + tail only.
 *
 * 2 WIRE: [4 vLen BE][JPEG 3x3 80x60 sheet][4 aLen BE][G.711 u-law][UTF-8 tail].
 * Host-only RTC after visible media MAY send vLen=0/aLen=0 maintenance blobs.
 * 9 frames x 256ms=2304ms, center crop .85, JPEG_Q=.50. Audio ON: 9 x 256ms
 * mono u-law at 12kHz (~30KB/s); OFF sends aLen=0. Non-8kHz audio MUST carry sr.
 * Exhaustive tail keys: head, sid, sr, msg, msg_ts, bridge_target, px_hit, rtc.
 * Adding keys is a protocol change. MUST NOT add seq.
 *
 * 3 IDENTITY: browser owns stable localStorage deviceId -> {deviceId}_{L|R};
 * seekers append _S. KYC identity is separate by IP.
 *
 * 4 STORAGE: RAM: /dev/shm/nosignup/sprite/{peerId}.bin and
 * /dev/shm/nosignup/mirrors.txt. One RAM blob/user, two while bridging; newest
 * replaces old; flat dir; routing in filename. mirrors.txt is untrusted URL+ts
 * gossip only, cap 64, lazy/TTL, torn reads OK. Persistent KYC only:
 * /var/lib/nosignup/kyc/{crc32(IP)}/metadata.log + sample.jpg; one session row
 * per connected panel, 1-in-128 media sample rows, lazy-delete after 30d.
 * Sprite writes SHOULD be direct final replacement; clients drop torn/invalid/
 * truncated/decode-failed blobs as no-fresh-frame. Seek uses fresh _S only.
 *
 * 5 UPLOAD: active panel prep blob -> fire POST without await -> next pass at
 * UPLOAD_MS - prep; cadence=max(prep,UPLOAD_MS), not prep+post. Exactly one POST;
 * _postInflight skips prep+POST while prior POST is out. ACK cutoff below
 * UPLOAD_MS. Idle uploads nothing. Instrument prep_ms/post_ms/queue/code. JPEG
 * encode SHOULD use Worker; fallback explicit synchronous toDataURL, never
 * main-thread toBlob callback. Mic SHOULD use AudioWorklet; ScriptProcessor is
 * fallback. api=encworker/api=micworklet are startup-only same-file scripts.
 * MUST NOT vary chunks, frame rate, upload cadence, or JPEG_Q to chase bytes.
 *
 * 6 FETCH/LIVENESS: fetch target peerId on 1024ms grid, one GET in flight/panel.
 * Manual stop/reset is authoritative; stale async callbacks MUST NOT revive old
 * epochs. Fresh decoded head > high-water is alive. Same/older head, 404/204,
 * fetch error, invalid blob, decode failure -> same no-fresh-frame path. Match
 * may echo _S sid/head; client rejects sid mismatch or far-out first head. After
 * match briefly publish own _S; exact remote BASE fetch MAY serve fresh remote _S.
 * Disconnect budgets are wall-clock: orphan 6s, established 6s. Silence=black/silence.
 *
 * 7 PLAYBACK: cursor advances 1 frame/256ms by wall clock. Blobs lay absolute
 * rails: firstAbs=head-8; wantAbs=anchor.abs+floor((now-anchor.time)/256). Draw
 * newest blob covering wantAbs; audio same abs, play once. Arrival order irrelevant.
 * Re-anchor only on first blob/underrun/runaway/sender swap; skip forward to
 * newestAbs-PLAY_RUNWAY. Exhaustion blanks. No hold, loop, catch-up speed, or back replay.
 *
 * 8 SENDER/BRIDGE: head > high-water alive; head <= high-water within
 * SWAP_GAP_FRAMES drop; larger drop means sender swap -> re-anchor. Bridge only
 * after both panels decode fresh heads. Bridge is HTTP-mode only; WebRTC/HD
 * disables Bridge UI/state. Bridge sets bridge_target={peerId}; /sprite
 * reads only that key, emits X-Bridge-Target, streams target if fresh.
 * Clients accept SID changes only under that header.
 *
 * 9 ADD-ONS: PIXEL px_hit best-effort; click/draw mapping MUST use displayed
 * bitmap rect; receiver dedupes id and blacks mapped outgoing pixel for 1d/session;
 * px_hit MUST carry w,h. HELP NETWORK ?src=1 MUST expose normalized parity CORS;
 * browser MUST hash source before mirror use. PHP MAY remember untrusted mirror
 * URLs only in RAM mirrors.txt; MUST NOT fetch/probe/score/relay mirrors. DONATION
 * vanity is browser self-rename only; PHP MUST NOT check ledgers, trust proofs,
 * store names, edit KYC, reserve IDs, refund, recover, or be name authority.
 * AUDIO RAIL is local visualization only. SPECIFIC-ID is browser-owned; explicit
 * ID or substring resolves via fresh base/_S sprite filenames; no directory/inbox/caller
 * queue/mailbox. Cross-mirror lookup MAY probe same-parity staged mirrors by CORS
 * sprite reads; remote mirror URL stays browser-local; PHP MUST NOT relay. TRUSTED
 * mirrors are browser-held; PHP stores URL hints only, never trust/rank/vote.
 *
 * 9A AUDIO/ADULT: audio media only: sr=12000 when ON, aLen=0 when OFF, no match
 * split. Adult section publishes {deviceId}_H_{L|R}; normal publishes {deviceId}_{L|R};
 * random/partial/explicit same-mirror matches MUST NOT cross namespace. `_H`
 * reserved; PHP enforces by filename/fromPeerId. HTML Mode default. WebRTC Mode
 * explicit opt-in: host-only, iceServers=[], signaling via rtc tail, PHP blind,
 * peer IP may be exposed, strict NAT falls back to HTTP. UI MUST warn about IP,
 * hostile-state/DDOS risk, explicit/extreme content, no moderation/warranty/
 * recovery/recourse. HD tooltip states current mode; toggle retunes own cam.
 * Once RTC visible, HTTP SHOULD become no-media head/sid/rtc/chat/px maintenance.
 *
 * 10 DIAGNOSTICS: trace/overlay opt-in and MUST NOT alter protocol. Judge production
 * with trace/debug OFF. Key metric: jitter-buffer lead vs PLAY_RUNWAY.
 *
 * 11 LANDMINES: no background-send uploads; no await-held prep guard; no rAF
 * capture/playback; no unbounded/awaited upload cadence or skip grids; no seq;
 * no held/looped underrun frame; no unmeasured timing cuts; no per-event DOM trace;
 * no temp files/locks/validation for sprite races; no masking gaps by raising
 * runway; no ACK wait past next slot; no jitter re-anchor; no main-thread toBlob;
 * no ScriptProcessor-only mic.
 * DO NOT DELETE/REMOVE THIS BLOCK - NOSIGNUP.CHAT PROTOCOL CONTRACT.
 */

// ===== FILE MAP (sections in physical order) =====
// =================================================
// ===== BLOCK 1: PHP CONFIG + STORAGE DIRS =====
error_reporting(0); ini_set('display_errors', 0); ini_set('log_errors', 1);

$SPRITE_DIR = '/dev/shm/nosignup/sprite';
$MIRROR_FILE = '/dev/shm/nosignup/mirrors.txt';
$KYC_BASE   = '/var/lib/nosignup/kyc';
$SEEK_MATCH_FRESH_MS = 3000;
$SPRITE_FRESH_SEC = 5;
$MIRROR_FRESH_SEC = 86400 * 30;
$MIRROR_CAP = 64;
if (!is_dir($SPRITE_DIR)) @mkdir($SPRITE_DIR, 0755, true);
if (!is_dir($KYC_BASE)) @mkdir($KYC_BASE, 0755, true);

$STORAGE_PROBLEMS = array();
if (!is_dir($SPRITE_DIR) || !is_writable($SPRITE_DIR)) {
    $STORAGE_PROBLEMS[] = array('crit', 'Chat storage is not writable', $SPRITE_DIR,
        'Frames cannot be stored, so chat will not work until this is fixed.');
} elseif (!is_dir($KYC_BASE) || !is_writable($KYC_BASE)) {
    $STORAGE_PROBLEMS[] = array('warn', 'Verification (KYC) storage is not writable', $KYC_BASE,
        'Chat works now; identity sampling is disabled until this folder exists and is writable.');
}

function lazy_expire($path) {
    if (file_exists($path) && (time() - filemtime($path)) > 86400 * 30) {
        @unlink($path);
    }
}
function source_hash() {
    $s = (string)@file_get_contents(__FILE__);
    if (substr($s, 0, 3) === "\xEF\xBB\xBF") $s = substr($s, 3);
    $s = str_replace(["\r\n", "\r"], "\n", $s);
    $s = preg_replace('/[ \t]+\n/', "\n", $s);
    return hash('sha256', rtrim($s, "\n") . "\n");
}
function mirror_ok($u) {
    $u = trim((string)$u);
    if ($u === '') return null;
    if (!preg_match('#^https?://#i', $u)) $u = 'https://' . $u;
    if (strlen($u) > 220) return null;
    $p = @parse_url($u);
    if (!$p || empty($p['host'])) return null;
    $scheme = strtolower($p['scheme'] ?? 'https');
    if ($scheme !== 'http' && $scheme !== 'https') return null;
    $host = strtolower($p['host']);
    if (preg_match('/^(localhost|127\.|10\.|192\.168\.|172\.(1[6-9]|2\d|3[01])\.|0\.|169\.254\.|::1)/i', $host)) return null;
    if (strpos($host, '.') === false && !filter_var($host, FILTER_VALIDATE_IP)) return null;
    $port = isset($p['port']) ? ':' . (int)$p['port'] : '';
    $path = $p['path'] ?? '/index.php';
    if ($path === '' || $path === '/') $path = '/index.php';
    elseif (!preg_match('/\.php$/i', $path)) $path = rtrim($path, '/') . '/index.php';
    return $scheme . '://' . $host . $port . $path;
}
function mirrors_read() {
    global $MIRROR_FILE, $MIRROR_FRESH_SEC;
    if (!is_file($MIRROR_FILE)) return [];
    $now = time(); $out = [];
    foreach (@file($MIRROR_FILE, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES) ?: [] as $line) {
        $p = explode("\t", $line, 2);
        $u = mirror_ok($p[0] ?? '');
        $t = (int)($p[1] ?? 0);
        if ($u !== null && $t > 0 && ($now - $t) < $MIRROR_FRESH_SEC) $out[$u] = $t;
    }
    return $out;
}
function mirrors_add($txt) {
    global $MIRROR_FILE, $MIRROR_CAP;
    $cur = mirrors_read(); $now = time(); $changed = false;
    foreach (preg_split('/[\s,]+/', (string)$txt) as $u) {
        $u = mirror_ok($u);
        if ($u === null) continue;
        unset($cur[$u]);
        $cur[$u] = $now; $changed = true;
    }
    if (!$changed) return;
    if (count($cur) > $MIRROR_CAP) $cur = array_slice($cur, -$MIRROR_CAP, null, true);
    $s = '';
    foreach ($cur as $u => $t) $s .= $u . "\t" . $t . "\n";
    @file_put_contents($MIRROR_FILE, $s);
}
function mirrors_sample($n) {
    $u = array_keys(mirrors_read());
    if (!$u) return [];
    shuffle($u);
    return array_slice($u, 0, $n);
}

function sprite_info($pid) {
    global $SPRITE_DIR;
    $pid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $pid);
    if (strlen($pid) < 8) return null;
    $file = "$SPRITE_DIR/$pid.bin";
    if (!is_file($file)) return null;
    $mt = @filemtime($file);
    $sz = @filesize($file);
    if ($mt === false || $sz === false) return null;
    return [$file, $mt, $sz];
}

function pid_hd_video($pid) {
    return preg_match('/_H_(L|R)(?:_S)?$/', $pid) === 1;
}

function pid_has_panel($pid) {
    return preg_match('/_(?:H_)?(L|R)(?:_S)?$/', $pid) === 1;
}

function sprite_partial_info($prefix, $exclude = '') {
    global $SPRITE_DIR, $SPRITE_FRESH_SEC;
    $prefix = preg_replace('/[^a-zA-Z0-9_\-]/', '', $prefix);
    $exclude = preg_replace('/[^a-zA-Z0-9_\-]/', '', $exclude);
    $excludeBase = preg_replace('/_S$/', '', $exclude);
    if (strlen($prefix) < 3) return null;
    $hasMode = pid_has_panel($exclude);
    $wantHd = pid_hd_video($exclude);
    if (preg_match('/^(.+)_(L|R)$/', $prefix, $m)) {
        $needle = $m[1]; $wantCh = $m[2];
    } else {
        $needle = $prefix; $wantCh = null;
    }
    $now = time();
    $best = null; $bestMt = -1;
    foreach (glob("$SPRITE_DIR/*.bin") ?: [] as $f) {
        $pid = basename($f, '.bin');
        $basePid = preg_replace('/_S$/', '', $pid);
        if ($excludeBase !== '' && $basePid === $excludeBase) continue;
        if (!preg_match('/^(.+)_(L|R)(?:_S)?$/', $pid, $pm)) continue;
        if ($hasMode && pid_hd_video($pid) !== $wantHd) continue;
        if ($wantCh !== null && $pm[2] !== $wantCh) continue;
        $hay = $wantCh === null ? $pid : $pm[1];
        if (stripos($hay, $needle) === false) continue;
        $mt = @filemtime($f);
        if ($mt === false || ($now - $mt) > $SPRITE_FRESH_SEC) continue;
        $sz = @filesize($f);
        if ($sz === false || $sz <= 0) continue;
        if ($mt > $bestMt || ($mt === $bestMt && strcmp($pid, $best[0] ?? '') < 0)) {
            $best = [$basePid, $f, $mt, $sz]; $bestMt = $mt;
        }
    }
    return $best;
}

function sprite_tail_get($file, $size, $key) {
    $fh = @fopen($file, 'rb');
    if (!$fh) return null;
    $st = @fstat($fh);
    if ($st && isset($st['size'])) $size = $st['size'];
    $h = fread($fh, 4);
    if (strlen($h) < 4) { fclose($fh); return null; }
    $vLen = unpack('N', $h)[1];
    if (4 + $vLen + 4 > $size) { fclose($fh); return null; }
    fseek($fh, 4 + $vLen);
    $ah = fread($fh, 4);
    if (strlen($ah) < 4) { fclose($fh); return null; }
    $aLen = unpack('N', $ah)[1];
    $tailStart = 8 + $vLen + $aLen;
    if ($tailStart > $size) { fclose($fh); return null; }
    fseek($fh, $tailStart);
    $tail = stream_get_contents($fh);
    fclose($fh);
    foreach (explode("\n", $tail) as $line) {
        $eq = strpos($line, '=');
        if ($eq !== false && substr($line, 0, $eq) === $key) {
            return preg_replace('/[^a-zA-Z0-9_\-]/', '', substr($line, $eq + 1));
        }
    }
    return null;
}

function stream_sprite_file($file) {
    $sz = @filesize($file);
    if ($sz === false || $sz <= 0) return false;
    header('Content-Type: application/octet-stream');
    header('Content-Length: ' . $sz);
    @readfile($file);
    return true;
}

function log_kyc($peerId, $blob) {
    global $KYC_BASE;
    $pid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $peerId);
    if (preg_match('/^(.+)_S$/', $pid, $m)) $pid = $m[1];
    if ($pid === '') return;
    $ip    = $_SERVER['REMOTE_ADDR'] ?? '0.0.0.0';
    $ipDir = $KYC_BASE . '/' . sprintf('%08x', crc32($ip));
    if (!is_dir($ipDir) && !@mkdir($ipDir, 0755, true)) return;
    $logFile = "$ipDir/metadata.log";
    $sampleFile = "$ipDir/sample.jpg";
    lazy_expire($logFile);
    lazy_expire($sampleFile);
    @file_put_contents($logFile, time() . ",$pid,$ip\n", FILE_APPEND);
    if (strlen($blob) >= 4) {
        $vLen = unpack('N', substr($blob, 0, 4))[1];
        if ($vLen > 0 && 4 + $vLen <= strlen($blob)) {
            @file_put_contents($sampleFile, substr($blob, 4, $vLen));
        }
    }
}
function log_kyc_session($peerId, $remoteId) {
    global $KYC_BASE;
    $pid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $peerId);
    if (preg_match('/^(.+)_S$/', $pid, $m)) $pid = $m[1];
    $rid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $remoteId);
    if ($pid === '' || $rid === '') return;
    $ip = $_SERVER['REMOTE_ADDR'] ?? '0.0.0.0';
    $ipDir = $KYC_BASE . '/' . sprintf('%08x', crc32($ip));
    if (!is_dir($ipDir) && !@mkdir($ipDir, 0755, true)) return;
    $logFile = "$ipDir/metadata.log";
    lazy_expire($logFile);
    @file_put_contents($logFile, time() . ",$pid,$rid,$ip\n", FILE_APPEND);
}

function write_sprite($pid, $blob) {
    global $SPRITE_DIR;
    $pid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $pid);
    if (strlen($pid) < 8 || $blob === false || strlen($blob) === 0) return false;
    $dst = "$SPRITE_DIR/$pid.bin";
    $n = @file_put_contents($dst, $blob);
    if ($n === false) return false;
    if (!preg_match('/_S$/', $pid)) @unlink("$SPRITE_DIR/{$pid}_S.bin");
    return true;
}

$a = $_GET['api'] ?? '';
if ($a !== '') {
    header('Cache-Control: no-store, no-cache, must-revalidate');

    // ===== ENCODER WORKER SCRIPT =====
    if ($a === 'encworker' && $_SERVER['REQUEST_METHOD'] === 'GET') {
        $worker = <<<'JS'
let _ocv=null,_octx=null;
self.onmessage=async (e)=>{
  const d=e.data;
  try{
    const t0=performance.now();
    if(!_ocv||_ocv.width!==d.w||_ocv.height!==d.h){ _ocv=new OffscreenCanvas(d.w,d.h); _octx=_ocv.getContext('2d'); }
    _octx.putImageData(new ImageData(new Uint8ClampedArray(d.buf),d.w,d.h),0,0);
    const t1=performance.now();
    const b=await _ocv.convertToBlob({type:'image/jpeg',quality:d.q});
    const ab=await b.arrayBuffer();
    const t2=performance.now();
    self.postMessage({id:d.id,ab:ab,wdraw:Math.round(t1-t0),wenc:Math.round(t2-t1)},[ab]);
  }catch(err){ self.postMessage({id:d.id,err:String(err)}); }
};
JS;
        header('Content-Type: application/javascript; charset=UTF-8');
        header('Content-Length: ' . strlen($worker));
        echo $worker;
        exit;
    }

    if ($a === 'micworklet' && $_SERVER['REQUEST_METHOD'] === 'GET') {
        $worker = <<<'JS'
class N extends AudioWorkletProcessor{constructor(o){super();let p=o&&o.processorOptions||{};this.r=p.targetRate||8000;this.c=p.chunkBytes||2048;this.q=sampleRate/this.r;this.n=0;this.a=[]}e(v){let s=Math.max(-32768,Math.min(32767,v*32768))|0,g=s<0?128:0;if(g)s=-s;s=Math.min(s+132,32767);let e=7,m=16384;while(e>0&&!(s&m)){e--;m>>=1}return~(g|e<<4|(s>>e+3&15))&255}p(b){this.a.push(b);while(this.a.length>=this.c){let o=new Uint8Array(this.a.splice(0,this.c));this.port.postMessage({buf:o.buffer},[o.buffer])}}process(i,o){let z=o[0]&&o[0][0];if(z)z.fill(0);let x=i[0]&&i[0][0];if(!x)return true;let r=this.q>0?this.q:sampleRate/this.r,p=this.n;while(p<x.length){this.p(this.e(x[Math.floor(p)]||0));p+=r}this.n=p-x.length;return true}}registerProcessor('nosignup-ulaw-capture',N);
JS;
        header('Content-Type: application/javascript; charset=UTF-8');
        header('Content-Length: ' . strlen($worker));
        echo $worker;
        exit;
    }

    // ===== MIRROR GOSSIP =====
    if ($a === 'mirror') {
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Headers: Content-Type');
        header('Content-Type: application/json');
        if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { http_response_code(204); exit; }
        if ($_SERVER['REQUEST_METHOD'] === 'POST' || isset($_GET['m'])) {
            mirrors_add((string)($_GET['m'] ?? '') . "\n" . (string)@file_get_contents('php://input'));
        }
        $j = json_encode(['ok' => 1, 'mirrors' => mirrors_sample(8)], JSON_UNESCAPED_SLASHES);
        header('Content-Length: ' . strlen($j));
        echo $j;
        exit;
    }

    // ===== UPLOAD =====
    if ($a === 'upload' && $_SERVER['REQUEST_METHOD'] === 'POST') {
        $codeStart = microtime(true);
        $reqStart  = $_SERVER['REQUEST_TIME_FLOAT'] ?? $codeStart;  // pre-PHP time: body upload + FPM queue
        $writes = 0;
        header('Content-Type: application/json');
        $body = @file_get_contents('php://input');
        if ($body !== false && strlen($body) > 0) {
            $mode = $_GET['mode'] ?? 'same';
            $doKyc = (mt_rand(1, 128) === 1);
            $kycPid = null; $kycBlob = null;
            if ($mode === 'split') {
                $lenL = max(0, (int)($_GET['lenL'] ?? 0));
                $lenR = max(0, (int)($_GET['lenR'] ?? 0));
                if ($lenL > 0 && isset($_GET['peerIdL'])) {
                    $part = substr($body, 0, $lenL);
                    if (write_sprite($_GET['peerIdL'], $part)) {
                        $writes++;
                        if ($doKyc && $kycPid === null) { $kycPid = $_GET['peerIdL']; $kycBlob = $part; }
                        if (isset($_GET['sessL'])) log_kyc_session($_GET['peerIdL'], $_GET['sessL']);
                    }
                }
                if ($lenR > 0 && isset($_GET['peerIdR'])) {
                    $part = substr($body, $lenL, $lenR);
                    if (write_sprite($_GET['peerIdR'], $part)) {
                        $writes++;
                        if ($doKyc && $kycPid === null) { $kycPid = $_GET['peerIdR']; $kycBlob = $part; }
                        if (isset($_GET['sessR'])) log_kyc_session($_GET['peerIdR'], $_GET['sessR']);
                    }
                }
            } else {
                foreach (['L', 'R'] as $ch) {
                    $key = 'peerId' . $ch;
                    if (isset($_GET[$key]) && write_sprite($_GET[$key], $body)) {
                        $writes++;
                        if ($doKyc && $kycPid === null) { $kycPid = $_GET[$key]; $kycBlob = $body; }
                        if (isset($_GET['sess' . $ch])) log_kyc_session($_GET[$key], $_GET['sess' . $ch]);
                    }
                }
            }
            if ($doKyc && $kycPid !== null && $kycBlob !== null) log_kyc($kycPid, $kycBlob);
        }
        header('X-Upload-Queue-Ms: ' . round(($codeStart - $reqStart) * 1000));
        header('X-Upload-Code-Ms: '  . round((microtime(true) - $codeStart) * 1000));
        header('X-Upload-Writes: '   . $writes);
        header('X-Sprite-Store: shm');
        header('Content-Length: 8');   // exact length of {"ok":1} - client finishes the response immediately, doesn't wait on connection framing
        echo '{"ok":1}';
        exit;
    }

    // ===== SPRITE FETCH =====
    if ($a === 'sprite' && $_SERVER['REQUEST_METHOD'] === 'GET') {
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Expose-Headers: X-Match-Peer, X-Match-Sid, X-Match-Head, X-Resolved-Peer, X-Bridge-Target');
        $pid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $_GET['peerId'] ?? '');
        if (strlen($pid) < 3) { http_response_code(400); exit; }
        $fromPid = preg_replace('/[^a-zA-Z0-9_\-]/', '', $_GET['fromPeerId'] ?? '');
        if ($fromPid !== '' && pid_has_panel($fromPid) && pid_has_panel($pid) && pid_hd_video($fromPid) !== pid_hd_video($pid)) {
            http_response_code(404); exit;
        }
        $now = time();
        if (preg_match('/^(.+)_(L|R)_S$/', $pid, $m)) {
            $base = $m[1]; $ch = $m[2];
            $candidates = [];
            $nowMs = microtime(true) * 1000;
            $wantHd = pid_hd_video($pid);
            foreach (glob("$SPRITE_DIR/*_{$ch}_S.bin") ?: [] as $f) {
                $other = basename($f, '.bin');
                if ($other === $pid) continue;
                if (pid_hd_video($other) !== $wantHd) continue;
                $mt = @filemtime($f);
                if ($mt === false) continue;
                if (($nowMs - ($mt * 1000)) > $SEEK_MATCH_FRESH_MS) continue;
                if (strpos($other, $base) === 0) continue;
                $candidates[] = $other;
            }
            if ($candidates) {
                $found      = $candidates[array_rand($candidates)];
                $remoteBase = preg_replace('/_S$/', '', $found);
                $sz = @filesize("$SPRITE_DIR/$found.bin");
                $sid = ($sz !== false) ? sprite_tail_get("$SPRITE_DIR/$found.bin", $sz, 'sid') : null;
                $head = ($sz !== false) ? sprite_tail_get("$SPRITE_DIR/$found.bin", $sz, 'head') : null;
                header('X-Match-Peer: ' . $remoteBase);
                if ($sid !== null && $sid !== '') header('X-Match-Sid: ' . $sid);
                if ($head !== null && $head !== '') header('X-Match-Head: ' . preg_replace('/[^0-9]/', '', $head));
                header('Content-Type: application/octet-stream');
                header('Content-Length: 0');
                http_response_code(200);
                exit;
            }
            http_response_code(204);
            exit;
        }
        $resolvedPid = null;
        $info = sprite_info($pid);
        if ($info !== null && ($now - $info[1]) > $SPRITE_FRESH_SEC) $info = null;
        if ($info === null && preg_match('/^.+_(L|R)$/', $pid)) {
            $aliasInfo = sprite_info($pid . '_S');
            if ($aliasInfo !== null && ($now - $aliasInfo[1]) <= $SPRITE_FRESH_SEC) $info = $aliasInfo;
        }
        if ($info === null) {
            $partial = sprite_partial_info($pid, $fromPid);
            if ($partial !== null) {
                $resolvedPid = $partial[0];
                $info = [$partial[1], $partial[2], $partial[3]];
            }
        }
        if ($info === null || ($now - $info[1]) > $SPRITE_FRESH_SEC) { http_response_code(404); exit; }
        if ($resolvedPid !== null) header('X-Resolved-Peer: ' . $resolvedPid);
        $serve = $info[0];
        $bt = sprite_tail_get($info[0], $info[2], 'bridge_target');
        if ($bt !== null && $bt !== '' && $bt !== $pid) {
            $btInfo = sprite_info($bt);
            if ($btInfo !== null && ($now - $btInfo[1]) <= $SPRITE_FRESH_SEC) {
                $serve = $btInfo[0];
                header('X-Bridge-Target: ' . $bt);
            }
        }
        if (!stream_sprite_file($serve)) http_response_code(404);
        exit;
    }
    http_response_code(404);
    exit;
}
if (isset($_GET['src'])) {
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename="nosignup.php"');
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Expose-Headers: X-NSC-Parity-SHA256');
    header('X-NSC-Parity-SHA256: ' . source_hash());
    header('Content-Length: ' . filesize(__FILE__));
    readfile(__FILE__);
    exit;
}
?>
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>NOSIGNUP.CHAT - Anonymous Spritesheet Chat</title>
<style>:root{--bg-period:49s;--bg-amplitude:1;--hue:0deg;--rainbow:linear-gradient(135deg,rgba(255,77,109,.25),rgba(255,184,77,.25),rgba(255,255,77,.25),rgba(77,255,136,.25),rgba(77,166,255,.25),rgba(184,77,255,.25),rgba(255,77,109,.25));--ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--mono:'Courier New',Courier,monospace}@property --hue{syntax:'<angle>';inherits:true;initial-value:0deg}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;height:100dvh;overflow:hidden;background:#000;font-family:var(--mono);animation:hueCycle var(--bg-period) linear infinite}@keyframes hueCycle{to{--hue:360deg}}.background{width:100vw;height:100vh;position:absolute;opacity:0;pointer-events:none;animation:fade var(--bg-period) infinite}.bg1{background:linear-gradient(135deg,#0b001a,#b30000);animation-delay:calc(var(--bg-period)*1/7)}.bg2{background:linear-gradient(135deg,#1a0a00,#ff6f00);animation-delay:calc(var(--bg-period)*2/7)}.bg3{background:linear-gradient(135deg,#1a1a00,#ffcc00);animation-delay:calc(var(--bg-period)*3/7)}.bg4{background:linear-gradient(135deg,#001a0a,#008000);animation-delay:calc(var(--bg-period)*4/7)}.bg5{background:linear-gradient(135deg,#000d1a,#00f);animation-delay:calc(var(--bg-period)*5/7)}.bg6{background:linear-gradient(135deg,#0d001a,#8000ff);animation-delay:calc(var(--bg-period)*6/7)}.bg7{background:linear-gradient(135deg,#1a001a,#993399);animation-delay:calc(var(--bg-period)*7/7)}@keyframes fade{0%,14%,100%{opacity:0}7%{opacity:var(--bg-amplitude)}}.banner{width:100%;height:15vh;color:#fff;text-align:center;padding:20px 0;background:linear-gradient(90deg,rgba(255,0,0,.2),rgba(255,165,0,.2),rgba(255,255,0,.2),rgba(0,128,0,.2),rgba(0,0,255,.2),rgba(75,0,130,.2),rgba(238,130,238,.2));animation:SlideUpOut 5s forwards 5s;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;pointer-events:none}@keyframes SlideUpOut{0%{top:50%;transform:translateY(-50%)}100%{top:-20vh;transform:translateY(-100%)}}.banner-image{width:min(85vw,700px);height:auto;aspect-ratio:460/220;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;animation:SlideInDown 9s forwards;filter:drop-shadow(0 0 20px rgba(0,0,0,.5));pointer-events:none}@keyframes SlideInDown{0%{top:-30%}55%{top:60%}100%{top:50%}}.chatmain{width:100vw;height:100vh;height:100dvh;background:0 0;display:flex;align-items:stretch;position:relative;justify-content:space-between;overflow:hidden;z-index:5}.chatone,.chattwo{width:50vw;height:100dvh;padding:6px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.chatone{border-right:1px solid rgba(200,0,0,.75)}.chattwo{border-left:1px solid rgba(0,0,200,.75)}.VideoInputBoxOne,.VideoInputBoxTwo,.VideoOutputBoxOne,.VideoOutputBoxTwo{flex:0 0 auto;width:100%;aspect-ratio:4/3;max-height:22vh;background:var(--rainbow) border-box,rgba(0,0,0,.6) padding-box;background-origin:border-box,padding-box;background-clip:border-box,padding-box;border:1px solid transparent;border-radius:6px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.ChatButtonsOne,.ChatButtonsTwo{flex:0 0 auto;background:var(--rainbow) border-box,rgba(0,0,0,.6) padding-box;background-origin:border-box,padding-box;background-clip:border-box,padding-box;border:1px solid transparent;border-radius:40px;display:flex;padding:0;overflow:hidden}.ChatBoxOne,.ChatBoxTwo{flex:1 1 auto;min-height:0;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.3);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.ToggleChatOne,.ToggleChatTwo{flex:1;padding:.45em 0;font-family:var(--ui);font-weight:800;background:#1e1e2f;color:#fff;border:0;border-radius:40px;cursor:pointer;transition:transform .2s,background .2s;font-size:clamp(20px,3.6vw,30px);letter-spacing:.03em;line-height:1.15}.ToggleChatOne:hover:not(:disabled),.ToggleChatTwo:hover:not(:disabled){background:#3a3a55;transform:scale(1.02)}button:disabled{opacity:.35;cursor:default}#centerControls{position:fixed;left:50%;top:47vh;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}#centerControls>*{pointer-events:auto}#deviceCluster{display:flex;flex-direction:column;gap:8px}.dev-btn{width:76px;height:44px;border-radius:12px;border:1px solid hsl(var(--hue) 70% 65% / .6);background:rgba(0,0,0,.7);color:#fff;cursor:pointer;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;padding:0;line-height:1}.dev-btn svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dev-btn:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 18px hsl(var(--hue) 80% 60% / .55)}#btnBridge.active{background:#2a1a0a;border-color:#fa0;box-shadow:0 0 22px rgba(255,170,0,.65),inset 0 0 14px rgba(255,170,0,.35)}.mode-btn{font:900 22px/1 var(--ui);letter-spacing:.04em;background:#300;border-color:#f44;color:#fbb;box-shadow:0 0 16px #f448}.mode-btn.on{background:#031;border-color:#4f8;color:#cfd;box-shadow:0 0 18px #4f88}#btnBridge:disabled{opacity:.25;cursor:default}.px-canvas{width:100%;height:100%;display:block;image-rendering:crisp-edges;object-fit:contain}.chat-input-area{flex:0 0 auto;display:flex;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.2);background:#0a0a1a}.chat-input{flex:1;min-width:0;background:#2a2a3a;border:0;color:#fff;font-family:var(--ui);font-size:18px;font-weight:600;padding:11px 15px;border-radius:22px}.chat-input::placeholder{color:#eee;font-weight:400;opacity:.8}.chat-input:focus{outline:none;box-shadow:0 0 0 1px hsl(var(--hue) 80% 60% / .8)}.chat-send{background:#4a4a6a;border:0;color:#fff;font-family:var(--ui);font-size:18px;font-weight:700;border-radius:22px;padding:0 20px;cursor:pointer}.chat-send:disabled{opacity:.35;cursor:default}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px;color:#fff;font-family:var(--ui);font-size:18px;line-height:1.5;font-weight:500;text-align:center}.chat-messages div{color:#fff;text-shadow:0 0 1px rgba(0,0,0,.5);white-space:pre-line}.status-badge{display:block;max-width:calc(100% - 12px);background:rgba(10,10,20,.85);border:1px solid hsl(var(--hue) 70% 55% / .5);border-radius:16px;padding:3px 10px;font-family:var(--mono);font-size:12px;line-height:1.12;text-align:center;color:#aaa;position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:10;pointer-events:auto;cursor:pointer;white-space:normal;overflow-wrap:anywhere;letter-spacing:0;box-shadow:0 0 10px hsl(var(--hue) 70% 50% / .25);transition:color .2s,border-color .2s}.status-badge.s-searching{color:#ffd54d;border-color:#ffd54d}.status-badge.s-connected{color:#4dff88;border-color:#4dff88;box-shadow:0 0 12px rgba(77,255,136,.4)}.status-badge.s-bridging{color:#ffaa00;border-color:#ffaa00;box-shadow:0 0 12px rgba(255,170,0,.5)}.peer-placeholder{max-width:92%;color:#fff;font-weight:bold;font-family:var(--ui);font-size:clamp(18px,4vw,26px);line-height:1.15;text-align:center;white-space:pre-line;cursor:pointer;letter-spacing:0;text-shadow:0 0 8px hsl(var(--hue) 80% 50% / .7),-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}@media(max-width:700px){.chatone,.chattwo{padding:4px;gap:4px}}.dev-menu{position:absolute;top:52px;background:rgba(15,15,25,.95);border:1px solid hsl(var(--hue) 70% 55% / .7);border-radius:10px;padding:6px 0;min-width:210px;z-index:26;display:none;flex-direction:column;backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.6)}.dev-menu button{background:transparent;border:0;color:#fff;padding:11px 16px;text-align:left;font-family:var(--ui);font-size:20px;cursor:pointer;transition:background .12s}.dev-menu button:hover{background:hsl(var(--hue) 70% 55% / .6);color:#000}#disclaimerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.97);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);font-family:var(--ui);padding:1rem}.disclaimer-box,#donateBox,#networkBox,#optionsBox,#adultBox{width:94%;height:90%;overflow:auto;box-sizing:border-box;text-align:center}.disclaimer-box{background:#121216;border:1px solid #2c2c34;border-radius:18px;padding:4%;color:#e6e6ea;box-shadow:0 18px 60px rgba(0,0,0,.7);animation:fadeInScale .25s ease-out;display:flex;flex-direction:column}.disclaimer-box h1{font-size:clamp(1.35rem,5vw,1.75rem);font-weight:700;letter-spacing:.02em;margin:0 0 1.1rem}.disclaimer-box ul{list-style:none;text-align:center;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.disclaimer-box li{font-size:14.5px;line-height:1.55;color:#b6b6be}.disclaimer-box li strong{color:#fff;font-weight:600}.disclaimer-box .warning{color:#ffb3b3;background:rgba(255,77,109,.07);border:1px solid rgba(255,77,109,.35);border-radius:12px;padding:.7rem .8rem;margin:0 0 1.1rem;font-size:13px;line-height:1.5}.tog-group{display:flex;flex-direction:column;align-items:center;gap:1.2%;margin:0 0 3%}.disclaimer-box>.tog-group{flex:0 0 auto;height:auto}.disclaimer-box>.tog-group .tog-btn{width:36%;min-width:0}.tog-btn,.d-dl,.d-submit,.btn-enter{background:var(--rainbow) border-box,#181820 padding-box;background-origin:border-box,padding-box;background-clip:border-box,padding-box;border:2px solid transparent;color:#fff}.tog-btn{display:block;width:100%;box-sizing:border-box;padding:1rem .9rem;border-radius:11px;font-family:var(--ui);font-size:1.35rem;line-height:1.08;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;user-select:none;overflow-wrap:anywhere;transition:filter .15s,transform .12s,color .15s}.tog-btn:hover,.d-dl:hover,.d-submit:hover,.btn-enter:hover{filter:brightness(1.18);color:#fff}.tog-btn.on{background:var(--rainbow) border-box,#2a1620 padding-box;color:#fff}.btn-enter{display:flex;align-items:center;justify-content:center;width:100%;height:auto;flex:0 0 auto;box-sizing:border-box;padding:1rem .9rem;font-family:var(--ui);font-weight:800;font-size:1.35rem;line-height:1.08;border-width:4px;border-radius:11px;cursor:pointer;transition:filter .15s,transform .12s}.btn-enter:hover{transform:translateY(-1px)}@keyframes fadeInScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#donateModal,#networkModal,#optionsModal,#adultModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.93);z-index:20000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);cursor:pointer}#donateBox,#networkBox,#optionsBox,#adultBox{background:#060606;border:1px solid #222;padding:4%;font-family:var(--mono);color:#e8e8f0;position:relative;cursor:pointer;line-height:1.65;letter-spacing:.03em}#donateBox:hover,#networkBox:hover,#optionsBox:hover,#adultBox:hover{border-color:#333}#donateDismiss,#networkDismiss,#optionsDismiss,#adultDismiss{position:absolute;top:.7rem;right:.9rem;background:0;border:0;color:#444;font-size:1.1rem;cursor:pointer;font-family:var(--mono);padding:0;line-height:1}#donateDismiss:hover,#networkDismiss:hover,#optionsDismiss:hover,#adultDismiss:hover{color:#aaa}.d-glyph{font-size:1.4rem;color:#ff9aaa;display:block;margin-bottom:.6rem}.d-desc{font-size:1rem;color:#f1f1f7;font-weight:600;margin:0 0 1rem;line-height:1.55}.d-dl{display:block;text-align:center;font-size:1.1rem;line-height:1.15;font-weight:800;font-family:var(--mono);text-decoration:none;padding:.9rem;letter-spacing:.04em;margin-bottom:1.2rem;overflow-wrap:anywhere;transition:filter .15s,color .15s}.d-addr{background:#0d0d0d;border:1px solid #1e1e1e;padding:.55rem .8rem;margin-bottom:.35rem;font-size:.66rem;word-break:break-all;transition:all .15s;cursor:copy}.d-addr:hover{border-color:currentColor}.d-addr-label{display:block;font-size:.6rem;letter-spacing:.14em;margin-bottom:.15rem;opacity:.5}.d-btc{color:#f7931a}.d-xmr{color:#f60}.d-ltc{color:#a5a9ff}.d-copied{color:#4dff88 !important;border-color:#4dff88 !important}.d-input{display:block;width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #1e1e1e;color:#eee;font-family:var(--mono);font-size:.86rem;padding:.6rem .7rem;margin:.6rem 0;letter-spacing:.02em;text-align:center}.d-input:focus{outline:0;border-color:#4dff88;color:#fff}.d-submit{display:block;width:100%;box-sizing:border-box;font-family:var(--mono);font-size:1.1rem;line-height:1.15;font-weight:800;padding:.9rem;margin:.4rem 0 .7rem;letter-spacing:.04em;cursor:pointer;overflow-wrap:anywhere}.close-menu{margin:1rem 0 0}.d-status{min-height:1.3rem;font-size:.78rem;color:#ccc;margin:.2rem 0 .7rem;line-height:1.5}.d-rule{border:0;border-top:1px solid #1a1a1a;margin:1rem 0}.d-footer{font-size:.9rem;color:#ccc;line-height:1.55;margin:0}.trln{color:#aaa;font:10px/1.3 monospace;text-align:left;white-space:pre-wrap;word-break:break-all;opacity:.9;padding-left:5px;margin:1px 0;border-left:2px solid currentColor;content-visibility:auto;contain-intrinsic-size:0 14px}.trln.tx{color:#7fd0ff}.trln.rx{color:#8effa6}.trln.play{color:#d9b3ff}.trln.dup{color:#888}.trln.miss{color:#ffcf66}.trln.black{color:#ff6b6b}.trln.aud{color:#ffd580}.trln.chat{color:#80ffea}.trln.info{color:#ccc}.setup-warn{position:fixed;top:0;left:0;right:0;z-index:99999;font:14px/1.45 Arial,Helvetica,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.4)}.setup-warn .sw-line{padding:10px 16px;text-align:center}.setup-warn .sw-line.crit{background:#f44336;color:#fff}.setup-warn .sw-line.warn{background:#ffcf33;color:#1a1a1a}.setup-warn code{background:rgba(0,0,0,.22);color:inherit;padding:1px 6px;border-radius:4px;font-weight:bold;word-break:break-all}</style>
</head>
<body>
<?php if (!empty($STORAGE_PROBLEMS)): ?>
<div class="setup-warn"><?php foreach ($STORAGE_PROBLEMS as $p): $path = htmlspecialchars($p[2], ENT_QUOTES); ?>
<div class="sw-line <?php echo $p[0]; ?>">! <b><?php echo htmlspecialchars($p[1], ENT_QUOTES); ?>.</b> <?php echo htmlspecialchars($p[3], ENT_QUOTES); ?> As root: <code>mkdir -p '<?php echo $path; ?>' &amp;&amp; chmod 777 '<?php echo $path; ?>'</code> (tidier: <code>chown</code> it to your web user - www-data / nginx / apache - then <code>chmod 755</code>).</div>
<?php endforeach; ?></div>
<?php endif; ?>
<div class="background bg1"></div><div class="background bg2"></div><div class="background bg3"></div><div class="background bg4"></div><div class="background bg5"></div><div class="background bg6"></div><div class="background bg7"></div>
<div class="banner"><svg class="banner-image" viewBox="0 0 460 220" xmlns="http://www.w3.org/2000/svg"><defs><filter id="glow" x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="2" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="textGlow" x="-20%" y="-30%" width="140%" height="160%"><feGaussianBlur stdDeviation="3.5" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="rainbowDiv" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#ff4d6d"/><stop offset="20%" stop-color="#ffb84d"/><stop offset="40%" stop-color="#ffff4d"/><stop offset="60%" stop-color="#4dff88"/><stop offset="80%" stop-color="#4da6ff"/><stop offset="100%" stop-color="#b84dff"/></linearGradient></defs><g opacity="0.03"><pattern id="dotGrid" width="16" height="16" patternUnits="userSpaceOnUse"><circle cx="8" cy="8" r="1" fill="#fff"/></pattern><rect width="460" height="220" fill="url(#dotGrid)"/></g><polygon points="230,12 318,34 356,110 318,186 230,208 142,186 104,110 142,34" fill="none" stroke="rgba(255,255,255,0.15)" stroke-width="0.8" stroke-dasharray="4 6"/><g stroke="rgba(255,255,255,0.5)" stroke-width="1" fill="none" filter="url(#glow)"><path d="M14,36 L14,14 L36,14"><animate attributeName="stroke-opacity" values="0.2;0.8;0.2" dur="2s" repeatCount="indefinite"/></path><path d="M424,14 L446,14 L446,36"><animate attributeName="stroke-opacity" values="0.2;0.8;0.2" dur="2s" begin="0.5s" repeatCount="indefinite"/></path><path d="M14,184 L14,206 L36,206"><animate attributeName="stroke-opacity" values="0.2;0.8;0.2" dur="2s" begin="1s" repeatCount="indefinite"/></path><path d="M424,206 L446,206 L446,184"><animate attributeName="stroke-opacity" values="0.2;0.8;0.2" dur="2s" begin="1.5s" repeatCount="indefinite"/></path></g><circle cx="230" cy="110" r="78" fill="none" stroke="rgba(255,255,255,0.12)" stroke-width="0.8" stroke-dasharray="3 9"><animateTransform attributeName="transform" type="rotate" from="0 230 110" to="360 230 110" dur="30s" repeatCount="indefinite"/></circle><g id="outerNodes"><circle cx="230" cy="40" r="3" fill="#ff4d6d" filter="url(#glow)" id="node0"><animate attributeName="r" values="2;4;2" dur="2s"/></circle><circle cx="279" cy="63" r="3" fill="#ffb84d" filter="url(#glow)" id="node1"><animate attributeName="r" values="2;4;2" dur="2.3s"/></circle><circle cx="298" cy="122" r="3" fill="#ffff4d" filter="url(#glow)" id="node2"><animate attributeName="r" values="2;4;2" dur="1.8s"/></circle><circle cx="265" cy="168" r="3" fill="#4dff88" filter="url(#glow)" id="node3"><animate attributeName="r" values="2;4;2" dur="2.5s"/></circle><circle cx="207" cy="176" r="3" fill="#4da6ff" filter="url(#glow)" id="node4"><animate attributeName="r" values="2;4;2" dur="2.1s"/></circle><circle cx="162" cy="142" r="3" fill="#b84dff" filter="url(#glow)" id="node5"><animate attributeName="r" values="2;4;2" dur="1.9s"/></circle><circle cx="160" cy="92" r="3" fill="#ff4da6" filter="url(#glow)" id="node6"><animate attributeName="r" values="2;4;2" dur="2.4s"/></circle></g><g id="starGroup"><animateTransform attributeName="transform" type="rotate" from="0 230 110" to="360 230 110" dur="25s"/><polygon points="230,50 252.1,76.5 276.2,89.2 278.7,119.7 291.1,135.7 269.4,158.7 266.2,169.8 235.9,168.2 218.2,176.1 201.4,152.5 186.5,142.9 194.1,113.3 178.9,95.4 208.9,79.8" fill="none" stroke="#fff" stroke-width="1.8" stroke-linejoin="round" filter="url(#glow)"/><g><animateTransform attributeName="transform" type="rotate" from="360 230 110" to="0 230 110" dur="15s"/><polygon points="230,60 247.7,78.6 264.2,86.9 265.5,108.2 273.3,119.2 259.5,134.6 257.2,142.3 238.1,141.2 226.5,146.3 215.6,131.5 206.1,125.1 210.9,106.1 201.5,94.7 218.5,84.6" fill="none" stroke="rgba(255,255,255,0.6)" stroke-width="1" stroke-linejoin="round" filter="url(#glow)"/></g></g><circle cx="230" cy="110" r="6" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="0.8"><animate attributeName="r" values="5;8;5" dur="2s"/></circle><circle cx="230" cy="110" r="2.5" fill="#fff" filter="url(#glow)"><animate attributeName="opacity" values="0.6;1;0.6" dur="1.5s"/></circle><line x1="218" y1="110" x2="242" y2="110" stroke="rgba(255,255,255,0.3)" stroke-width="0.5"/><line x1="230" y1="98" x2="230" y2="122" stroke="rgba(255,255,255,0.3)" stroke-width="0.5"/><text x="230" y="86" font-family="'Courier New',Courier,monospace" font-size="42" font-weight="900" fill="#fff" text-anchor="middle" letter-spacing="6" filter="url(#textGlow)">NOSIGNUP<animate attributeName="letter-spacing" values="6;10;6" dur="4s"/></text><line x1="170" y1="98" x2="290" y2="98" stroke="url(#rainbowDiv)" stroke-width="1.2"><animate attributeName="stroke-opacity" values="0.4;1;0.4" dur="2.5s"/></line><text x="230" y="150" font-family="'Courier New',Courier,monospace" font-size="60" font-weight="900" fill="#fff" text-anchor="middle" letter-spacing="12" filter="url(#textGlow)">CHAT<animate attributeName="letter-spacing" values="12;16;12" dur="4s" begin="1s"/></text><circle cx="45" cy="25" r="2" fill="#0fc" filter="url(#glow)"><animate attributeName="opacity" values="0.2;1;0.2" dur="1.8s"/></circle><circle cx="415" cy="195" r="2" fill="#0fc" filter="url(#glow)"><animate attributeName="opacity" values="0.2;1;0.2" dur="1.8s" begin="0.9s"/></circle></svg></div>
<div class="chatmain">
  <div class="chatone">
    <div class="VideoInputBoxOne" id="localVideoContainer1"><div class="status-badge" id="statusBadge1">IDLE</div></div>
    <div class="ChatButtonsOne"><button class="ToggleChatOne" id="btnToggle1">Find Peer</button></div>
    <div class="VideoOutputBoxOne" id="remoteVideoContainer1"><span class="peer-placeholder">Peer 1 appears here</span></div>
    <div class="ChatBoxOne" id="chatBox1"><div class="chat-input-area"><input type="text" class="chat-input" id="chatInput1" placeholder="Paste Peer ID, then Send" maxlength="500" autocomplete="off"><button class="chat-send" id="sendBtn1">Send</button></div><div class="chat-messages" id="chatMessages1"></div></div>
  </div>
  <div class="chattwo">
    <div class="VideoInputBoxTwo" id="localVideoContainer2"><div class="status-badge" id="statusBadge2">IDLE</div></div>
    <div class="ChatButtonsTwo"><button class="ToggleChatTwo" id="btnToggle2">Find Peer</button></div>
    <div class="VideoOutputBoxTwo" id="remoteVideoContainer2"><span class="peer-placeholder">Peer 2 appears here</span></div>
    <div class="ChatBoxTwo" id="chatBox2"><div class="chat-input-area"><input type="text" class="chat-input" id="chatInput2" placeholder="Paste Peer ID, then Send" maxlength="500" autocomplete="off"><button class="chat-send" id="sendBtn2">Send</button></div><div class="chat-messages" id="chatMessages2"></div></div>
  </div>
</div>
<div id="centerControls"><div id="deviceCluster"></div><button id="btnBridge" class="dev-btn" disabled title="Bridge peers" aria-label="Bridge peers"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 18a8 8 0 0 1 16 0M6 18a6 6 0 0 1 12 0M6 18l2-3 2 3 2-4 2 4 2-3 2 3"/></svg></button><button id="adultBtn" class="dev-btn mode-btn" title="CURRENTLY ON: HTML Mode (Safe)">HD</button></div>
<div id="disclaimerOverlay"><div class="disclaimer-box"><h1>Free, Resilient, Communications</h1><ul><li><strong>Two channels:</strong> random or pasted PeerID.</li><li><strong>Bridge:</strong> connect two peers through you.</li><li><strong>HTTP-only:</strong> firewall-friendly, resilient chat.</li><li><strong>No accounts:</strong> no cookies, no tracking, one PHP file.</li></ul><div class="warning">Strangers may show anything. Ephemeral service; no warranty, moderation, recovery, or recourse.</div><div class="tog-group"><button class="tog-btn options" id="optionsBtn">Options</button><button class="tog-btn network" id="networkBtn">Help the Network</button><button class="tog-btn donate" id="donateBtn">Donate</button></div><button class="btn-enter" id="acceptDisclaimerBtn">I AGREE - ENTER</button></div></div>
<div id="optionsModal"><div id="optionsBox"><button id="optionsDismiss" title="close">x</button><span class="d-glyph">*</span><p class="d-desc">Options</p><div class="tog-group"><button class="tog-btn" id="togAudio" data-lbl="Audio (~30KB/s)" onclick="togRow(this)">Audio (~30KB/s) - ON</button><button class="tog-btn" id="togStats" data-lbl="Performance Diagnostics" onclick="togRow(this)">Performance Diagnostics - OFF</button><button class="tog-btn" id="togTrace" data-lbl="Trace Diagnostics" onclick="togRow(this)">Trace Diagnostics - OFF</button><button class="tog-btn" id="togCrop" data-lbl="Center Crop" onclick="togRow(this)">Center Crop - OFF</button><button class="tog-btn" id="togTrusted" data-lbl="Prefer Trusted Mirrors" onclick="togRow(this)">Prefer Trusted Mirrors - OFF</button></div><hr class="d-rule"><p class="d-footer">saved on enter</p><button class="d-submit close-menu" data-close="optionsModal" type="button">Close Menu</button></div></div>
<div id="adultModal"><div id="adultBox"><button id="adultDismiss" title="close">x</button><span class="d-glyph">!</span><p class="d-desc">HD WARNING. HTML uses mirrors and hides your IP from your peer. WebRTC is direct: faster, higher quality, UNMODERATED, and exposes your IP. That is usually harmless unless someone wants to DDOS you. NO RECOURSE: strangers may show explicit nudity/genitals, gore, snuff, or anything else; no complaints, moderation, recovery, warranty, or appeal.</p><button id="adultAccept" class="d-submit" type="button">I am an adult, and consent to the mortal peril</button><button id="adultReject" class="d-submit" type="button">Keep my IP private</button></div></div>
<div id="donateModal"><div id="donateBox"><button id="donateDismiss" title="close">x</button><span class="d-glyph">$</span><p class="d-desc">one .php file. drop it on any PHP host.<br>no build step. no dependencies. it just runs.</p><a class="d-dl" href="index.php?src=1" onclick="event.stopPropagation()">download nosignup.php</a><div class="d-addr d-btc" onclick="_copyAddr(this)"><span class="d-addr-label">BITCOIN - electrum</span>bc1qqnu6n0jztxl4f6krv7klradghle09uhyu7uymz</div><div class="d-addr d-xmr" onclick="_copyAddr(this)"><span class="d-addr-label">MONERO - feather</span>8Ab24DppUvcdtHfm7K8gTqdBTmPCBiak1GwxgPm1C3osYVQL2QdC1C8GMwggKF77RKKzDgP2R8E3VH8ifetsKms5AqkVyVg</div><div class="d-addr d-ltc" onclick="_copyAddr(this)"><span class="d-addr-label">LITECOIN - electrum-ltc</span>ltc1qlpdy8qzejcmjdn6vwarpyz8djdlk780w4qkwyp</div><hr class="d-rule"><p class="d-footer">click address to copy<br><br>I will keep building open-sourceware like this until I die.<br>Please keep me alive; after death, keep me frozen.<br><br>$1M buys the domain and one year of my time.<br>I can fly to you.</p><button class="d-submit close-menu" data-close="donateModal" type="button">Close Menu</button></div></div>
<div id="networkModal"><div id="networkBox"><button id="networkDismiss" title="close">x</button><span class="d-glyph">+</span><p class="d-desc">Drop this file into any PHP host, then paste its IP in this input box below.</p><a class="d-dl" href="index.php?src=1" onclick="event.stopPropagation()">download full index.php</a><input id="mirrorInput" class="d-input" type="text" autocomplete="off" placeholder="https://mirror.example/index.php or 1.2.3.4"><button id="mirrorSubmit" class="d-submit" type="button">Submit</button><p id="mirrorStatus" class="d-status"></p><hr class="d-rule"><p class="d-footer">saved locally</p><button class="d-submit close-menu" data-close="networkModal" type="button">Close Menu</button></div></div>
<script>
(function(){'use strict';

// ===== BLOCK 2: JS CONFIG + STATE =====
const DEVICE_KEY = 'nosignup_device_id';
let deviceId = null;
try { deviceId = localStorage.getItem(DEVICE_KEY); } catch (_) {}
if (!deviceId) {
  deviceId = (crypto && crypto.randomUUID)
    ? crypto.randomUUID().replace(/-/g, '').slice(0, 16)
    : (Math.random().toString(36).slice(2, 10) + Date.now().toString(36)).slice(0, 16);
  try { localStorage.setItem(DEVICE_KEY, deviceId); } catch (_) {}
}
const MY_BASE = deviceId;
const API     = r => `index.php?api=${r}&_d=${encodeURIComponent(deviceId)}`;
function makeSid(){
  if (crypto && crypto.getRandomValues) {
    const a = new Uint8Array(8); crypto.getRandomValues(a);
    return [...a].map(b => b.toString(16).padStart(2, '0')).join('');
  }
  return (Math.random().toString(36).slice(2) + Date.now().toString(36)).slice(0, 16);
}
const PAGE_SID = makeSid();
const PX_W=80, PX_H=60;
const PIXEL_DAMAGE_MS=86400000, PIXEL_HIT_LINGER_MS=5000;
const RTC_TTL_MS = 9000, RTC_MAX = 8;
const DIRECT_ID_RE = /^[a-zA-Z0-9_-]{8,80}_[LR]$/;
const DIRECT_PARTIAL_RE = /^[a-zA-Z0-9_-]{3,80}(?:_[LR])?$/;
const FRAME_MS=256, PLAY_RUNWAY=8, SWAP_GAP_FRAMES=48;
const MATCH_HEAD_FORWARD_FRAMES=96, MATCH_ALIAS_GRACE_MS=4096;
const UPLOAD_MS=1024, UPLOAD_ACK_CUTOFF_MS=UPLOAD_MS-16;
const JPEG_Q=0.50, FETCH_MS=1024, FETCH_PHASE_NUDGE_MS=FRAME_MS/2;
const CHAT_SEND_MS=UPLOAD_ACK_CUTOFF_MS, AVOID_MS=30000;
const SILENCE_ORPHAN_MS=6000, SILENCE_ESTABLISHED_MS=6000;
const panelToIdx = {L:1, R:2};
const $p = (prefix, panel) => document.getElementById(prefix + panelToIdx[panel]);
let _frameHead = 0;
let _traceEnabled = false;
let _audioOn      = true;
let _centerCrop   = true;
let _hdVideo      = false;
let _preferTrusted = false;
let _lastUploadAt = 0;
const TEXT_ENCODER = new TextEncoder();
const TEXT_DECODER = new TextDecoder();
try { _hdVideo = localStorage.getItem('nosignup_hd_video') === '1'; } catch (_) {}

// ===== TICK PAYLOAD =====
async function buildTickPayload(lite) {
  const headSnap = _frameHead;
  if (lite) return {
    videoArr: new ArrayBuffer(0), audioBuf: new ArrayBuffer(0), headSnap, blobMs: 0,
    enc: {path:'lite', reason:'rtc-maint', compose:0, read:0, rt:0, wdraw:0, wenc:0, q:0}
  };
  const audioBuf = getAudioChunk();
  const _e0 = performance.now();
  const { videoArr, t } = await createSpritesheet();
  const blobMs = Math.round(performance.now() - _e0);
  return { videoArr, audioBuf, headSnap, blobMs, enc: t };
}

function ownPeerId(p){return `${MY_BASE}${_hdVideo?'_H':''}_${p}`;}
function syncOwnPeerIds(){for(const p of ['L','R']){const s=panels[p];if(!s)continue;s.peerId=ownPeerId(p);if(!s.active&&!s.seeking&&!s.remoteId)setStatus(p,'IDLE');}}
function makePanelState(panel){
  return {
    panel, sid: makeSid(), peerId: ownPeerId(panel), remoteId: null, targetId: null, targetMirror: '', remoteMirror: '', remoteSid: '', remoteMatchHead: 0, bridgeTarget: '', bridgeSid: '',
    matchAliasUntil: 0, directPending: false, directTarget: '', directPartial: false, directResolved: '', directSeenHead: 0, directSeenMirror: '', directMirrors: null, directMirrorIdx: 0,
    searchMirrors: null, searchMirrorIdx: 0, checkedMirrors: null,
    avoidId: '', avoidUntil: 0, msgQ: [], msgUntil: 0,
    seeking: false, active: false, fetchTimer: null, fetchDelayTimer: null,
    epoch: 0,
    chatLastTs: 0, outgoingMsg: '', outgoingMsgTs: 0, outgoingBridge: null, outgoingPixelHits: [], pixelAcks: [],
    rtc: null, rtcLive: false, rtcOut: [], rtcSeen: [], rtcSeenSet: new Set(), rtcIce: [], rtcStarted: false, rtcVideo: null, rtcWarned: '',
    silence: 0, matchedAt: 0, lastFreshAt: 0,
    audioPlayedAbs: null, remoteCanvas: null, _remoteCtx: null,
    _fetchInflight: 0, _disconnecting: false, _phaseNudged: false,
    timeline: [],
    playAnchor: null,
    lastDrawnAbs: null,
    _tlRunning: false,
    _tlTimer: null,
    rxCount: 0, lastRxAt: 0, blackTotal: 0, blackEvents: 0, _wasBlack: false, _blackStart: 0,
    _lastBest: null, minLead: 999, audioGlitches: 0, maxDrx: 0
  };
}
const panels = { L: makePanelState('L'), R: makePanelState('R') };
let bridgeActive = false;
let uploadTimer  = null;   // setTimeout handle for the next upload pass (paced off prep)
let _uploadLooping = false;
let _postInflight = false;  // true while a POST is on the wire - single-flight guard for the fire-and-forget upload
let _postToken = 0;         // old timed-out POST callbacks must not clear a newer in-flight POST
const confirmState = {L:false, R:false, Ltimer:null, Rtimer:null};

function matchAliasActive(s, now = Date.now()){
  return !!(s && s.remoteId && s.matchAliasUntil && now < s.matchAliasUntil);
}
function publishPeerId(s, now = Date.now()){
  return (s.seeking || matchAliasActive(s, now)) ? (s.peerId + '_S') : s.peerId;
}
function noteSession(s){ if (s && s.remoteId) { s.sessLog = s.remoteId + '|' + s.sid; s.sessAck = ''; } }
function addUploadPanel(qs, panel, s, now){
  qs.set('peerId' + panel, publishPeerId(s, now));
  if (s.remoteId && s.sessLog && s.sessLog !== s.sessAck) {
    qs.set('sess' + panel, s.remoteId); s.sessAck = s.sessLog;
  }
}
function retireMatchAlias(s){
  if (!s || !s.remoteId) return;
  s.matchAliasUntil = 0;
  s.targetId = s.remoteId;
}
function bridgeReady(){
  return !_hdVideo && !!(panels.L.remoteId && panels.R.remoteId && !panels.L.remoteMirror && !panels.R.remoteMirror && dbg.lastHead.L > 0 && dbg.lastHead.R > 0);
}
function updateBridgeReady(){
  const btn = document.getElementById('btnBridge');
  if (!btn) return;
  if (_hdVideo) {
    btn.disabled = true; btn.classList.remove('active');
    btn.title = btn.ariaLabel = 'Bridging not available in HD mode';
    return;
  }
  btn.disabled = bridgeActive ? false : !bridgeReady();
  btn.title = btn.ariaLabel = bridgeActive ? 'Bridge active - peers see each other, you watch silently' : 'Bridge peers';
}
function currentFetchTarget(s, now = Date.now()){
  if (!s) return null;
  if (s.seeking) return s.targetId;
  if (s.remoteId && s.targetId !== s.remoteId) retireMatchAlias(s);
  if (s.remoteId && !matchAliasActive(s, now)) retireMatchAlias(s);
  return s.targetId;
}
function normalizePeerId(raw){
  let s = String(raw || '').trim();
  if (!s) return '';
  try {
    const u = new URL(s, location.href);
    s = u.searchParams.get('peerId') || u.hash.replace(/^#/, '') || s;
  } catch (_) {}
  try { s = decodeURIComponent(s); } catch (_) {}
  const m = s.match(/[a-zA-Z0-9_-]{8,80}_[LR](?:_S)?/);
  if (!m) return '';
  s = m[0].replace(/_S$/, '');
  return DIRECT_ID_RE.test(s) ? s : '';
}
function peerMode(id, hd){id=normalizePeerId(id);return id?(hd?id.replace(/(?:_H)?_([LR])$/,'_H_$1'):id.replace(/_H_([LR])$/,'_$1')):'';}
function normalizePeerQuery(raw){
  let s = String(raw || '').trim();
  if (!s) return null;
  try {
    const u = new URL(s, location.href);
    s = u.searchParams.get('peerId') || u.hash.replace(/^#/, '') || s;
  } catch (_) {}
  try { s = decodeURIComponent(s); } catch (_) {}
  const full = normalizePeerId(s);
  if (full) return { id: full, partial: false };
  const m = s.match(/[a-zA-Z0-9_-]{3,80}(?:_[LR])?/);
  if (!m) return null;
  s = m[0].replace(/_S$/, '');
  return DIRECT_PARTIAL_RE.test(s) ? { id: s, partial: true } : null;
}
function panelInputPeerId(panel){
  return normalizePeerQuery($p('chatInput', panel)?.value || '');
}

// ===== BLOCK 3: UTILITIES =====
function log(panel, msg, type){
  const d = document.createElement('div');
  d.textContent = msg;
  d.style.color = type==='self' ? '#8af' : type==='peer' ? '#af8' : '#eee';
  const el = document.getElementById(panel==='L' ? 'chatMessages1' : 'chatMessages2');
  el.insertBefore(d, el.firstChild);
  el.scrollTop = 0;
}
// ===== BLOCK 4: FORENSIC SPRITESHEET TRACE =====
const _T0 = performance.now();
function _ts(){ const d=new Date(); return d.toTimeString().slice(0,8)+'.'+String(d.getMilliseconds()).padStart(3,'0')+' +'+((performance.now()-_T0)/1000).toFixed(2)+'s'; }
const _traceBuf = { L: [], R: [] };
function trace(panel, msg, kind){
  if (!_traceEnabled) return;
  _traceBuf[panel].push(msg + '\x00' + (kind || ''));   // pure push, no DOM, no cap
}
function _flushTrace(){
  for (const panel of ['L', 'R']){
    const buf = _traceBuf[panel];
    if (!buf.length) continue;
    const el = document.getElementById(panel === 'L' ? 'chatMessages1' : 'chatMessages2');
    if (!el) { buf.length = 0; continue; }
    const frag = document.createDocumentFragment();
    for (let i = buf.length - 1; i >= 0; i--){
      const entry = buf[i];
      const sep = entry.indexOf('\x00');
      const d = document.createElement('div');
      d.textContent = entry.slice(0, sep);
      d.className = 'trln ' + entry.slice(sep + 1);   // styled by class, parsed once - not per line
      frag.appendChild(d);
    }
    buf.length = 0;
    el.insertBefore(frag, el.firstChild); // ONE DOM insertion for the whole batch
    while (el.childElementCount > 2500) el.removeChild(el.lastChild);
    el.scrollTop = 0;
  }
}
setInterval(_flushTrace, 250);
function peerPrompt(panel){
  return 'Peer ' + panelToIdx[panel] + ' appears here';
}
function setRemotePrompt(panel, text){
  const ct = $p('remoteVideoContainer', panel);
  if (!ct) return;
  ct.innerHTML = '';
  const sp = document.createElement('span');
  sp.className = 'peer-placeholder';
  sp.textContent = text || peerPrompt(panel);
  ct.appendChild(sp);
}
function copyOwnPeerId(panel){
  const s = panels[panel];
  if (!s || !s.peerId) return;
  const id = s.peerId;
  if (navigator.clipboard && navigator.clipboard.writeText) {
    navigator.clipboard.writeText(id).then(() => log(panel, 'ID copied: ' + id)).catch(() => log(panel, 'ID: ' + id));
  } else log(panel, 'ID: ' + id);
}
function focusPeerInput(panel){
  const s = panels[panel];
  if (!s || s.remoteId) return;
  const inp = $p('chatInput', panel);
  if (!inp) return;
  inp.disabled = false;
  inp.focus();
  if (inp.select) inp.select();
}
function setStatus(panel, label, klass){
  const el = $p('statusBadge', panel);
  if (!el) return;
  const id = panels[panel]?.peerId || panel;
  el.textContent = id + ': ' + label;
  el.title = 'Click to copy full peer ID';
  el.className = 'status-badge' + (klass ? ' s-' + klass : '');
}
function updateToggleBtn(panel){
  const s = panels[panel];
  const btn = $p('btnToggle', panel);
  if (!btn) return;
  if (confirmState[panel]) btn.textContent = 'Are you sure?';
  else if (s.remoteId) btn.textContent = 'Find new peer';
  else if (s.seeking || s.active) btn.textContent = 'Stop Searching';
  else btn.textContent = 'Find Peer';
}
function parseTail(tailStr){
  const kv = {};
  if (!tailStr) return kv;
  for (const line of tailStr.split('\n')) {
    const eq = line.indexOf('=');
    if (eq > 0) kv[line.slice(0, eq)] = line.slice(eq + 1);
  }
  return kv;
}
function currentPixelGrid(){
  return { w: PX_W, h: PX_H };
}
function clampInt(v, min, max){
  v = Math.floor(+v);
  if (!Number.isFinite(v)) v = min;
  return Math.max(min, Math.min(max, v));
}
function encodePixelHit(hit){
  if (!hit) return '';
  const g = currentPixelGrid();
  const id = String(hit.id || '').replace(/[^a-zA-Z0-9_-]/g, '').slice(0, 40);
  if (!id) return '';
  return [
    id,
    clampInt(hit.x, 0, Math.max(0, g.w - 1)),
    clampInt(hit.y, 0, Math.max(0, g.h - 1)),
    Math.max(1, clampInt(hit.w || g.w, 1, 4096)),
    Math.max(1, clampInt(hit.h || g.h, 1, 4096))
  ].join(',');
}
function encodePixelHits(hits){
  if (!Array.isArray(hits) || !hits.length) return '';
  return hits.slice(-8).map(encodePixelHit).filter(Boolean).join(';');
}
function parsePixelHit(raw){
  const p = String(raw || '').split(',');
  if (p.length < 5) return null;
  const id = p[0].replace(/[^a-zA-Z0-9_-]/g, '').slice(0, 40);
  const w = clampInt(p[3], 1, 4096), h = clampInt(p[4], 1, 4096);
  if (!id || w < 1 || h < 1) return null;
  return { id, x: clampInt(p[1], 0, w - 1), y: clampInt(p[2], 0, h - 1), w, h };
}
const _pixelDamage = new Map();
const _pixelSeen = [], _pixelSeenSet = new Set();
function rememberPixelHit(id){
  if (_pixelSeenSet.has(id)) return false;
  _pixelSeenSet.add(id);
  _pixelSeen.push(id);
  while (_pixelSeen.length > 128) _pixelSeenSet.delete(_pixelSeen.shift());
  return true;
}
function receivePixelHit(panel, raw){
  for (const part of String(raw || '').split(';')) {
    const hit = parsePixelHit(part);
    if (!hit || !rememberPixelHit(hit.id)) continue;
    const x = clampInt(hit.x * PX_W / hit.w, 0, PX_W - 1);
    const y = clampInt(hit.y * PX_H / hit.h, 0, PX_H - 1);
    _pixelDamage.set(x + ',' + y, { x, y, until: Date.now() + PIXEL_DAMAGE_MS });
    if (_traceEnabled) trace(panel, `${_ts()}   PIXEL rx id=${hit.id} grid=${hit.w}x${hit.h} -> ${x},${y} ttl=${PIXEL_DAMAGE_MS}ms`, 'info');
  }
}
function applyPixelDamage(ctx){
  if (!_pixelDamage.size) return;
  const now = Date.now(), sx = ctx.canvas.width / PX_W, sy = ctx.canvas.height / PX_H;
  ctx.fillStyle = '#000';
  for (const [key, d] of Array.from(_pixelDamage.entries())) {
    if (!d || d.until <= now) { _pixelDamage.delete(key); continue; }
    ctx.fillRect(d.x * sx, d.y * sy, Math.max(1, sx), Math.max(1, sy));
  }
}
function drawPixelAcks(panel){
  const s = panels[panel], ctx = s && s._remoteCtx;
  if (!ctx || !s.pixelAcks) return;
  if (s.remoteCanvas && s.remoteCanvas !== ctx.canvas) ctx.clearRect(0, 0, PX_W, PX_H);
  if (!s.pixelAcks.length) return;
  const now = Date.now(), g = currentPixelGrid();
  s.pixelAcks = s.pixelAcks.filter(a => a && a.until > now);
  if (!s.pixelAcks.length) return;
  let rx=0,ry=0,rw=PX_W,rh=PX_H,v=s.remoteCanvas;
  if(v&&v!==ctx.canvas&&v.videoWidth&&v.videoHeight){const b=v.getBoundingClientRect(),vr=v.videoWidth/v.videoHeight,br=b.width/b.height;if(br>vr){rw=PX_W*vr/br;rx=(PX_W-rw)/2}else if(br<vr){rh=PX_H*br/vr;ry=(PX_H-rh)/2}}
  ctx.save();ctx.beginPath();ctx.rect(rx,ry,rw,rh);ctx.clip();
  for (const a of s.pixelAcks) {
    ctx.fillStyle = a.c || '#f22';
    const x = rx + a.x * rw / (a.w || g.w);
    const y = ry + a.y * rh / (a.h || g.h);
    const z = a.z || 3, h = z >> 1;
    ctx.fillRect(Math.max(0, x - h), Math.max(0, y - h), z, z);
  }
  ctx.restore();
}
function eventGridPos(canvas, ev, g){
  const r = canvas.getBoundingClientRect();
  if (!r.width || !r.height) return null;
  const canvasRatio = (canvas.width || canvas.videoWidth || PX_W) / (canvas.height || canvas.videoHeight || PX_H);
  const boxRatio = r.width / r.height;
  let x0 = r.left, y0 = r.top, w = r.width, h = r.height;
  if (boxRatio > canvasRatio) {
    w = r.height * canvasRatio;
    x0 += (r.width - w) / 2;
  } else if (boxRatio < canvasRatio) {
    h = r.width / canvasRatio;
    y0 += (r.height - h) / 2;
  }
  return {
    x: clampInt((ev.clientX - x0) * g.w / w, 0, g.w - 1),
    y: clampInt((ev.clientY - y0) * g.h / h, 0, g.h - 1)
  };
}
function armPixelHit(panel, ev){
  if (ev) { ev.preventDefault(); ev.stopPropagation(); }
  const s = panels[panel];
  if (!s || !s.remoteId || !s.remoteCanvas) return;
  const g = currentPixelGrid();
  const p = eventGridPos(s.remoteCanvas, ev, g);
  if (!p) return;
  const {x, y} = p;
  s.outgoingPixelHits.push({
    id: Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 8),
    x, y, w: g.w, h: g.h, ts: Date.now()
  });
  while (s.outgoingPixelHits.length > 8) s.outgoingPixelHits.shift();
  s.pixelAcks.push({x,y,w:g.w,h:g.h,until:Date.now()+PIXEL_DAMAGE_MS,c:'#000',z:2},{x,y,w:g.w,h:g.h,until:Date.now()+PIXEL_HIT_LINGER_MS});
  while (s.pixelAcks.length > 48) s.pixelAcks.shift();
  drawPixelAcks(panel);
  if (_traceEnabled) trace(panel, `${_ts()}   PIXEL tx ${x},${y} grid=${g.w}x${g.h} -> ${s.remoteId.slice(0,8)}`, 'info');
}
function rtcPack(o){try{return btoa(JSON.stringify(o)).replace(/\+/g,'-').replace(/\//g,'_').replace(/=+$/,'');}catch(_){return '';}}
function rtcUnpack(s){try{s=String(s||'').replace(/-/g,'+').replace(/_/g,'/');while(s.length%4)s+='=';return JSON.parse(atob(s));}catch(_){return null;}}
function rtcDbg(panel, msg, kind){ if (_traceEnabled) trace(panel, `${_ts()}   RTC ${msg}`, kind || 'info'); }
function rtcPayload(s){
  if (!_hdVideo || !s.remoteId || !s.rtcOut || !s.rtcOut.length) return '';
  const now = Date.now();
  s.rtcOut = s.rtcOut.filter(m => m && now - m.ts < RTC_TTL_MS).slice(-RTC_MAX);
  if (!s.rtcOut.length) return '';
  const p = rtcPack(s.rtcOut);
  rtcDbg(s.panel, `tail tx msgs=${s.rtcOut.length} b=${p.length}`, 'tx');
  return p;
}
function rtcQueue(s, m){
  if (!_hdVideo || !s || !m) return;
  m.i = PAGE_SID + '_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2,7);
  m.ts = Date.now();
  s.rtcOut.push(m);
  while (s.rtcOut.length > RTC_MAX) s.rtcOut.shift();
  rtcDbg(s.panel, `queue ${m.t} q=${s.rtcOut.length}`, 'tx');
}
function rtcDesc(d){return d && d.toJSON ? d.toJSON() : {type:d && d.type, sdp:d && d.sdp};}
function rtcSeen(s, id){
  if (!id) return true;
  if (!s.rtcSeenSet) { s.rtcSeenSet = new Set(); s.rtcSeen = []; }
  if (s.rtcSeenSet.has(id)) return true;
  s.rtcSeenSet.add(id); s.rtcSeen.push(id);
  while (s.rtcSeen.length > 80) s.rtcSeenSet.delete(s.rtcSeen.shift());
  return false;
}
async function rtcFlushIce(s){
  if (!s.rtc || !s.rtc.remoteDescription) return;
  const q = s.rtcIce.splice(0);
  if (q.length) rtcDbg(s.panel, `flush buffered ice n=${q.length}`);
  for (const c of q) { try { await s.rtc.addIceCandidate(c); } catch (_) {} }
}
function rtcClose(s, why){
  if (!s) return;
  if (why) rtcDbg(s.panel, `close ${why}`, 'miss');
  try { if (s.rtc) s.rtc.close(); } catch (_) {}
  s.rtc = null; s.rtcLive = false; s.rtcStarted = false; s.rtcIce = []; s.rtcOut = [];
  if (s.rtcVideo) { try { s.rtcVideo.srcObject = null; s.rtcVideo.remove(); } catch (_) {} }
  s.rtcVideo = null; s.remoteCanvas = null; s._remoteCtx = null;
}
function rtcMediaOn(s){const v=s&&s.rtcVideo;return !!(v&&document.body.contains(v)&&v.readyState>=2&&v.videoWidth>0&&v.videoHeight>0);}
function rtcOnlyActive(){const a=['L','R'].filter(p=>panels[p].active);return _hdVideo&&a.length>0&&a.every(p=>panels[p].rtcLive&&rtcMediaOn(panels[p]));}
function rtcCutover(s){clearTimeline(s);s._tlRunning=false;if(s._tlTimer){clearTimeout(s._tlTimer);s._tlTimer=null;}try{if(s._remoteCtx)s._remoteCtx.clearRect(0,0,PX_W,PX_H);}catch(_){}}
function rtcShow(panel, stream){
  const s = panels[panel], ct = $p('remoteVideoContainer', panel);
  if (!s || !ct || !stream) return;
  ct.innerHTML = ''; ct.style.position = 'relative';
  const v = document.createElement('video');
  v.autoplay = true; v.playsInline = true; v.srcObject = stream;
  v.style.cssText = 'width:100%;height:100%;display:block;object-fit:contain;background:#000';
  v.addEventListener('click', e => armPixelHit(panel, e));
  ct.appendChild(v);
  const o = document.createElement('canvas');
  o.width = PX_W; o.height = PX_H; o.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;pointer-events:none';
  ct.appendChild(o);
  v.play?.().catch(() => {});
  s.rtcVideo = v; s.remoteCanvas = v; s._remoteCtx = o.getContext('2d'); s.rtcLive = true;
  rtcDbg(panel, `ontrack tracks=${stream.getTracks ? stream.getTracks().length : '?'}`);
}
async function rtcStart(panel){
  const s = panels[panel];
  if (!_hdVideo || !s || !s.remoteId || s.remoteMirror || s.rtcStarted) return;
  if (typeof RTCPeerConnection === 'undefined') {
    if (s.rtcWarned !== 'api') { s.rtcWarned = 'api'; log(panel, 'HD direct unsupported; HTTP fallback'); }
    rtcDbg(panel, 'blocked no RTCPeerConnection', 'miss');
    return;
  }
  if (!_stream) {
    if (s.rtcWarned !== 'media') { s.rtcWarned = 'media'; log(panel, 'HD direct waiting for media; HTTP fallback'); }
    rtcDbg(panel, 'blocked no local stream', 'miss');
    return;
  }
  s.rtcStarted = true; s.rtcLive = false;
  const pc = new RTCPeerConnection({iceServers:[]});
  s.rtc = pc;
  try { _stream.getTracks().forEach(t => pc.addTrack(t, _stream)); } catch (_) {}
  rtcDbg(panel, `start remote=${s.remoteId.slice(0,14)} role=${s.peerId < s.remoteId ? 'offer' : 'answer'} tracks=${_stream.getTracks().length}`);
  pc.ontrack = e => rtcShow(panel, (e.streams && e.streams[0]) || new MediaStream([e.track]));
  pc.onicecandidate = e => {
    if (e.candidate) {
      const typ = String(e.candidate.candidate || '').match(/ typ ([a-z0-9]+)/i)?.[1] || '?';
      rtcDbg(panel, `ice tx typ=${typ}`, 'tx');
      rtcQueue(s, {t:'c', c:e.candidate.toJSON ? e.candidate.toJSON() : e.candidate});
    } else rtcDbg(panel, 'ice gather done');
  };
  const state = () => {
    const st = pc.connectionState || pc.iceConnectionState || '';
    rtcDbg(panel, `state pc=${pc.connectionState || '?'} ice=${pc.iceConnectionState || '?'}`, st === 'failed' ? 'miss' : 'info');
    if (st === 'connected' || st === 'completed') { if (!s.rtcLive) log(panel, 'HD direct connected'); s.rtcLive = true; }
    if (st === 'failed' || st === 'closed') { if (s.rtc === pc) { log(panel, 'HD direct failed; HTTP fallback'); rtcClose(s, st); } }
    if (st === 'disconnected') s.rtcLive = false;
  };
  pc.onconnectionstatechange = state; pc.oniceconnectionstatechange = state;
  if (s.peerId < s.remoteId) {
    try { const o = await pc.createOffer(); await pc.setLocalDescription(o); rtcDbg(panel, 'offer local set'); rtcQueue(s, {t:'o', d:rtcDesc(pc.localDescription)}); }
    catch (e) { rtcDbg(panel, 'offer failed ' + (e && e.name || 'err'), 'miss'); rtcClose(s, 'offer-fail'); }
  }
}
async function rtcReceive(panel, raw){
  const s = panels[panel], arr = rtcUnpack(raw);
  if (!_hdVideo || !s || !s.remoteId || s.remoteMirror) return;
  if (!Array.isArray(arr)) { rtcDbg(panel, 'bad tail decode', 'miss'); return; }
  rtcDbg(panel, `tail rx msgs=${arr.length} b=${String(raw||'').length}`, 'rx');
  for (const m of arr) {
    if (!m || rtcSeen(s, m.i)) continue;
    try {
      await rtcStart(panel);
      const pc = s.rtc; if (!pc) continue;
      if (m.t === 'o' && m.d) {
        rtcDbg(panel, 'offer rx', 'rx');
        await pc.setRemoteDescription(new RTCSessionDescription(m.d));
        await rtcFlushIce(s);
        const a = await pc.createAnswer();
        await pc.setLocalDescription(a);
        rtcDbg(panel, 'answer local set');
        rtcQueue(s, {t:'a', d:rtcDesc(pc.localDescription)});
      } else if (m.t === 'a' && m.d) {
        rtcDbg(panel, 'answer rx', 'rx');
        if (pc.signalingState !== 'stable') await pc.setRemoteDescription(new RTCSessionDescription(m.d));
        await rtcFlushIce(s);
      } else if (m.t === 'c' && m.c) {
        rtcDbg(panel, `ice rx remoteSet=${pc.remoteDescription ? 1 : 0}`, 'rx');
        const c = new RTCIceCandidate(m.c);
        if (pc.remoteDescription) await pc.addIceCandidate(c); else s.rtcIce.push(c);
      }
    } catch (e) { rtcDbg(panel, `rx ${m && m.t || '?'} failed ${e && e.name || 'err'}`, 'miss'); }
  }
}
function rtcReplace(kind, track){
  if (!track) return;
  for (const p of ['L','R']) {
    const pc = panels[p] && panels[p].rtc; if (!pc) continue;
    const snd = pc.getSenders().find(x => x.track && x.track.kind === kind);
    if (snd) snd.replaceTrack(track).catch(() => {});
  }
}
function buildTail(s, headVal){
  const lines = ['head=' + headVal, 'sid=' + s.sid];
  if (_audioOn) lines.push('sr=' + AUDIO_SR);
  if (s.outgoingMsg) {
    lines.push('msg=' + s.outgoingMsg.replace(/[\r\n]/g, ' '));
    lines.push('msg_ts=' + s.outgoingMsgTs);
  }
  const px = encodePixelHits(s.outgoingPixelHits);
  if (px) lines.push('px_hit=' + px);
  const rtc = rtcPayload(s);
  if (rtc) lines.push('rtc=' + rtc);
  if (s.outgoingBridge) lines.push('bridge_target=' + s.outgoingBridge);
  return lines.join('\n') + '\n';
}
function ape(ctx, w, h){
  const img = ctx.getImageData(0,0,w,h), d = img.data;
  for (let i=0; i<d.length; i+=4) {
    d[i]   = Math.min(255, Math.max(0, 1.3*(d[i]  -128)+128+8));
    d[i+1] = Math.min(255, Math.max(0, 1.3*(d[i+1]-128)+128));
    d[i+2] = Math.min(255, Math.max(0, 1.3*(d[i+2]-128)+128-10));
  }
  ctx.putImageData(img, 0, 0);
}

// ===== BLOCK 5: VIDEO CAPTURE & SPRITESHEET =====
let _stream = null, _rawVid = null, _fallbackVid = null, _fallbackTimer = null, _fallbackCanvas = null;
let _mediaPromise = null, _cameraReadyLogged = false;
const _frameBuf = [];
const _fbCanvas = document.createElement('canvas'); _fbCanvas.width = PX_W; _fbCanvas.height = PX_H;
const _fbCtx = _fbCanvas.getContext('2d', {willReadFrequently:true});
const _sheetCanvas = document.createElement('canvas'); _sheetCanvas.width = PX_W*3; _sheetCanvas.height = PX_H*3;
const _sheetCtx = _sheetCanvas.getContext('2d', {willReadFrequently:true});
const _previewCtxs = [];
function paintLocal(src){try{for(const p of _previewCtxs)if(p&&src)p.drawImage(src,0,0,p.canvas.width,p.canvas.height);}catch(_){}}
function captureFrame(){
  if (rtcOnlyActive()) {
    paintLocal(_rawVid);
    if (_pixelDamage.size) for (const p of _previewCtxs) if (p) applyPixelDamage(p);
    _frameHead++; dbgPushSafe(dbg.cpuRoll, 0); return;
  }
  const v = _rawVid;
  if (!v) return;
  const _cpuT0 = performance.now();
  try {
    if (v instanceof HTMLCanvasElement) {
      _fbCtx.drawImage(v, 0, 0, PX_W, PX_H);
    } else {
      if (v.readyState < 2 || !v.videoWidth) return;
      if (_centerCrop) {
        const cropW = Math.floor(v.videoWidth  * .85);
        const cropH = Math.floor(v.videoHeight * .85);
        const offX  = Math.floor((v.videoWidth  - cropW) / 2);
        const offY  = Math.floor((v.videoHeight - cropH) / 2);
        _fbCtx.drawImage(v, offX, offY, cropW, cropH, 0, 0, PX_W, PX_H);
      } else {
        _fbCtx.drawImage(v, 0, 0, PX_W, PX_H);
      }
    }
    ape(_fbCtx, PX_W, PX_H);
    applyPixelDamage(_fbCtx);
    _frameBuf.push(_fbCtx.getImageData(0, 0, PX_W, PX_H));
    if (_frameBuf.length > 9) _frameBuf.shift();
    _frameHead++;
    paintLocal(_hdVideo && !(v instanceof HTMLCanvasElement) ? v : _fbCanvas);
  } catch (_) {}
  dbgPushSafe(dbg.cpuRoll, performance.now() - _cpuT0);
}
setInterval(captureFrame, FRAME_MS);
const _ENC_WORKER_SRC = `
let _ocv=null,_octx=null;
self.onmessage=async (e)=>{
  const d=e.data;
  try{
    const t0=performance.now();
    if(!_ocv||_ocv.width!==d.w||_ocv.height!==d.h){ _ocv=new OffscreenCanvas(d.w,d.h); _octx=_ocv.getContext('2d'); }
    _octx.putImageData(new ImageData(new Uint8ClampedArray(d.buf),d.w,d.h),0,0);
    const t1=performance.now();
    const b=await _ocv.convertToBlob({type:'image/jpeg',quality:d.q});
    const ab=await b.arrayBuffer();
    const t2=performance.now();
    self.postMessage({id:d.id,ab:ab,wdraw:Math.round(t1-t0),wenc:Math.round(t2-t1)},[ab]);
  }catch(err){ self.postMessage({id:d.id,err:String(err)}); }
};
`;
let _encWorker = null;          // Worker once created
let _encWorkerUrl = '';
let _encState  = 'init';        // 'init' -> first use tries to spin it up | 'on' | 'off' (fallback)
let _encReason = '';
let _encId     = 0;
const _encPending = new Map();   // id -> {res,rej}
function _encOff(reason){
  const w = _encWorker, url = _encWorkerUrl;
  _encState = 'off';
  _encReason = reason || 'off';
  _encWorker = null;
  _encWorkerUrl = '';
  try { if (w) w.terminate(); } catch (_) {}
  try { if (url) URL.revokeObjectURL(url); } catch (_) {}
  return null;
}
function _encWorkerGet(){
  if (_encState === 'on')  return _encWorker;
  if (_encState === 'off') return null;
  try {
    if (typeof Worker === 'undefined') return _encOff('no Worker');
    if (typeof OffscreenCanvas === 'undefined') return _encOff('no OffscreenCanvas');
    if (typeof OffscreenCanvas.prototype.convertToBlob !== 'function') return _encOff('no OffscreenCanvas.convertToBlob');
    let url = API('encworker');
    _encWorkerUrl = '';
    try {
      _encWorker = new Worker(url);
    } catch (_) {
      url = URL.createObjectURL(new Blob([_ENC_WORKER_SRC], {type:'application/javascript'}));
      _encWorkerUrl = url;
      _encWorker = new Worker(url);
    }
    _encWorker.onmessage = (e) => {
      const m = e.data, p = _encPending.get(m.id);
      if (!p) return;
      _encPending.delete(m.id);
      m.err ? p.rej(new Error(m.err)) : p.res(m);   // resolve with whole message: {ab, wdraw, wenc}
    };
    _encWorker.onerror = (ev) => {
      const where = ev && (ev.lineno || ev.filename) ? ' @' + (ev.filename || 'blob') + ':' + (ev.lineno || 0) + ':' + (ev.colno || 0) : '';
      _encOff('worker error' + (ev && ev.message ? ': ' + ev.message : ' (no message; likely CSP/blob-worker blocked)') + where);
      for (const p of _encPending.values()) p.rej(new Error(_encReason));
      _encPending.clear();
    };
    _encState = 'on';
    return _encWorker;
  } catch (e) { return _encOff('worker init exception' + (e && e.message ? ': ' + e.message : '')); }
}
function _composeSheet(){
  for (let i=0; i<9; i++) {
    const f = _frameBuf[Math.min(i, _frameBuf.length-1)];
    const col = i%3, row = Math.floor(i/3);
    if (f) _sheetCtx.putImageData(f, col*PX_W, row*PX_H);
    else { _sheetCtx.fillStyle='#111'; _sheetCtx.fillRect(col*PX_W, row*PX_H, PX_W, PX_H); }
  }
}
async function createSpritesheet(){
  const _c0 = performance.now();
  _composeSheet();
  const _c1 = performance.now();
  const ew = _encWorkerGet();
  if (ew) {
    const id  = ++_encId;
    try {
      const img = _sheetCtx.getImageData(0, 0, _sheetCanvas.width, _sheetCanvas.height);
      const buf = img.data.buffer;
      const _c2 = performance.now();
      const pr  = new Promise((res, rej) => _encPending.set(id, {res, rej}));
      ew.postMessage({id, w:_sheetCanvas.width, h:_sheetCanvas.height, buf, q:JPEG_Q}, [buf]);
      const msg = await pr;                                  // {ab, wdraw, wenc}
      const rt  = Math.round(performance.now() - _c2);
      const wdraw = msg.wdraw|0, wenc = msg.wenc|0;
      return { videoArr: msg.ab, t: { path:'wrk', compose:Math.round(_c1-_c0), read:Math.round(_c2-_c1),
               rt, wdraw, wenc, q: Math.max(0, rt - (wdraw + wenc)) } };
    } catch (e) {
      _encPending.delete(id);
      if (_encState !== 'off') _encOff('worker encode error' + (e && e.message ? ': ' + e.message : ''));
    }
  }
  const _f0 = performance.now();
  const url = _sheetCanvas.toDataURL('image/jpeg', JPEG_Q);
  const comma = url.indexOf(',');
  const bin = atob(comma >= 0 ? url.slice(comma + 1) : url);
  const ab = new ArrayBuffer(bin.length);
  const u8 = new Uint8Array(ab);
  for (let i=0; i<bin.length; i++) u8[i] = bin.charCodeAt(i);
  return { videoArr: ab, t: { path:'main', compose:Math.round(_c1-_c0), read:0,
           rt:0, wdraw:0, wenc:Math.round(performance.now()-_f0), q:0, reason:_encReason || 'fallback' } };
}

// ===== BLOCK 6: MEDIA =====
async function getMedia(){
  if (_stream) return _stream;
  if (_rawVid) return null; // existing fallback source is already usable; explicit retry clears it
  if (_mediaPromise) return _mediaPromise;
  _mediaPromise = getMediaOnce();
  try { return await _mediaPromise; }
  finally { _mediaPromise = null; }
}
function mediaCascade(){const A={echoCancellation:true,noiseSuppression:true,autoGainControl:true},Au=_audioOn?A:false,VW=_hdVideo?1280:320,VH=_hdVideo?720:240;return[{video:{facingMode:'user',width:{ideal:VW},height:{ideal:VH}},audio:Au},{video:{facingMode:'environment',width:{ideal:VW},height:{ideal:VH}},audio:Au},{video:true,audio:Au},{video:true,audio:false}];}
async function openMedia(){for(const c of mediaCascade())try{return await navigator.mediaDevices.getUserMedia(c)}catch(e){}return null;}
async function attachStream(stream){_stream=stream;const vid=document.createElement('video');vid.autoplay=vid.muted=vid.playsInline=true;vid.style.cssText='position:fixed;top:0;left:0;width:1px;height:1px;opacity:0.01;pointer-events:none;z-index:-1';document.body.appendChild(vid);vid.srcObject=stream;_rawVid=vid;try{await vid.play()}catch(_){}logCameraReady();return stream;}
async function getMediaOnce(){
  const stream = await openMedia();
  if (!stream) {
    log('L', 'X Camera blocked - fallback active', 'info');
    return fallbackStream();
  }
  return attachStream(stream);
}
let _mediaTune = 0;
async function retuneMedia(){
  if (!_stream || _mediaPromise) return;
  const tok = ++_mediaTune, oldS = _stream, oldV = _rawVid, stream = await openMedia();
  if (!stream || tok !== _mediaTune) { try { if (stream) stream.getTracks().forEach(t => t.stop()); } catch (_) {} return; }
  await attachStream(stream); rtcReplace('video', stream.getVideoTracks()[0]); rtcReplace('audio', stream.getAudioTracks()[0]); reinitMic();
  try { oldS.getTracks().forEach(t => t.stop()); } catch (_) {}
  try { if (oldV && oldV !== _rawVid && !(oldV instanceof HTMLCanvasElement)) { oldV.srcObject = null; oldV.remove(); } } catch (_) {}
}
function logCameraReady(){
  if (_cameraReadyLogged) return;
  _cameraReadyLogged = true;
  log('L', 'Camera ready', 'info');
  log('R', 'Camera ready', 'info');
}
function fallbackStream(){
  const cv = document.createElement('canvas'); cv.width = PX_W; cv.height = PX_H;
  const cx = cv.getContext('2d'); let f = 0;
  _fallbackCanvas = cv;
  _fallbackTimer = setInterval(() => {
    cx.fillStyle = '#221133'; cx.fillRect(0, 0, PX_W, PX_H);
    cx.fillStyle = '#ffaa88'; cx.font = 'bold 10px monospace'; cx.textAlign = 'center';
    cx.fillText('CAMERA', PX_W/2, 28);
    cx.fillStyle = '#ddaa66'; cx.font = '8px monospace';
    cx.fillText('BLOCKED', PX_W/2, 46);
    if ((f++ % 30) < 15) { cx.fillStyle = '#ff6600'; cx.fillRect(PX_W-10, PX_H-10, 8, 8); }
  }, 200);
  let fb = null;
  try {
    if (typeof cv.captureStream === 'function') fb = cv.captureStream(1000 / FRAME_MS);
  } catch (_) { fb = null; }
  if (fb) {
    const fv = document.createElement('video');
    fv.srcObject = fb; fv.muted = true; fv.playsInline = true; fv.autoplay = true;
    const pp = fv.play();
    if (pp && pp.catch) pp.catch(() => {});
    _rawVid = fv; _fallbackVid = fv;
  } else {
    _rawVid = cv; _fallbackVid = null;
  }
  ['L','R'].forEach(panel => {
    const container = $p('localVideoContainer', panel);
    container.querySelectorAll('.retry-cam-btn').forEach(b => b.remove());
    const btn = document.createElement('button');
    btn.textContent = 'CAM Allow Camera';
    btn.className = 'retry-cam-btn';
    btn.style.cssText = 'position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:hsl(var(--hue) 85% 55%);border:0;border-radius:20px;padding:4px 10px;font-size:10px;cursor:pointer;z-index:15;font-family:monospace;font-weight:bold;color:#000;white-space:nowrap';
    btn.onclick = async (e) => {
      e.stopPropagation();
      btn.textContent = '...'; btn.disabled = true;
      _stream = null;
      if (_fallbackTimer) { clearInterval(_fallbackTimer); _fallbackTimer = null; }
      if (_fallbackVid) {
        try { _fallbackVid.srcObject.getTracks().forEach(t => t.stop()); } catch (_) {}
        _fallbackVid.srcObject = null; _fallbackVid.remove(); _fallbackVid = null;
      }
      _rawVid = null;
      _fallbackCanvas = null;
      await getMedia();
      if (_stream) {
        reinitMic();
        document.querySelectorAll('.retry-cam-btn').forEach(b => b.remove());
        log('L', 'OK Camera recovered', 'info');
      } else { btn.textContent = 'CAM Allow Camera'; btn.disabled = false; }
    };
    container.appendChild(btn);
  });
  return fb;
}
function setupLocalPreview(panel){
  const c = $p('localVideoContainer', panel);
  const badge = c.querySelector('.status-badge');
  c.querySelectorAll('.local-preview-canvas').forEach(n => n.remove());
  const cv = document.createElement('canvas');
  cv.className = 'local-preview-canvas px-canvas'; cv.style.imageRendering = _hdVideo ? 'auto' : 'pixelated';
  const W = _hdVideo ? 320 : PX_W, H = _hdVideo ? 240 : PX_H;
  cv.width = W; cv.height = H;
  c.appendChild(cv);
  if (badge && badge.parentNode !== c) c.appendChild(badge);
  const ctx = cv.getContext('2d');
  ctx.imageSmoothingEnabled = _hdVideo;
  _previewCtxs[panelToIdx[panel]] = ctx;
}

// ===== BLOCK 7: AUDIO =====
let audioCtx = null, _micSrc = null, _micProc = null, _micSink = null, _micStarting = null, _audioChunks = [];
let _micMode = 'none', _micGen = 0, _micWorkletCtx = null, _micWorkletBad = false;
let AUDIO_SR         = 12000;
let AUDIO_CHUNK_BYTES = 3072; // 12kHz x 256ms x 1 byte u-law = ~27KB/upload tick
const AUDIO_CHUNKS   = 9;
async function wakeAudio(){
  try {
    if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)({sampleRate:AUDIO_SR});
    if (audioCtx.state === 'suspended') {
      await Promise.race([
        audioCtx.resume().catch(() => {}),
        new Promise(res => setTimeout(res, 250))
      ]);
    }
  } catch (_) {}
}
function pcm16ToMulaw(s) {
  const sign = s < 0 ? 0x80 : 0;
  if (sign) s = -s;
  s = Math.min(s + 132, 32767);
  let exp = 7, mask = 0x4000;
  while (exp > 0 && !(s & mask)) { exp--; mask >>= 1; }
  return (~(sign | (exp << 4) | ((s >> (exp + 3)) & 0x0F))) & 0xFF;
}
function mulawToPcm16(u) {
  u = ~u & 0xFF;
  const sign = u & 0x80, exp = (u & 0x70) >> 4, mant = u & 0x0F;
  const s = (((mant << 1) | 0x21) << (exp + 2)) - 132;
  return sign ? -s : s;
}
const _MIC_WORKLET_NAME = 'nosignup-ulaw-capture';
const AUDIO_RAIL_MS = UPLOAD_MS + PLAY_RUNWAY * FRAME_MS;
const AUDIO_RAIL_MAX = 96;
let _arCv = null, _arCtx = null, _arTimer = 0, _ar = [];
function audioRailResize(){
  if (!_arCv || !_arCtx) return;
  const d = Math.min(2, window.devicePixelRatio || 1), w = innerWidth, h = innerHeight;
  _arCv.width = Math.max(1, Math.round(w * d));
  _arCv.height = Math.max(1, Math.round(h * d));
  _arCv.style.width = w + 'px';
  _arCv.style.height = h + 'px';
  _arCtx.setTransform(d, 0, 0, d, 0, 0);
}
function audioRailEnsure(){
  if (_arCv || !document.body) return;
  _arCv = document.createElement('canvas');
  _arCv.id = 'audioRail';
  _arCv.style.cssText = 'position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.58;mix-blend-mode:screen';
  _arCtx = _arCv.getContext('2d', {alpha:true});
  document.body.appendChild(_arCv);
  addEventListener('resize', audioRailResize, {passive:true});
  audioRailResize();
  _arTimer = setInterval(audioRailDraw, 64);
}
function audioRailPush(u){
  if (!u || !u.length || !(panels.L.active || panels.R.active)) return;
  audioRailEnsure();
  let peak = 0, sum = 0, n = 0;
  for (let i = 0; i < u.length; i += 32) {
    const v = Math.abs(mulawToPcm16(u[i])) / 32768;
    if (v > peak) peak = v;
    sum += v * v; n++;
  }
  const rms = n ? Math.sqrt(sum / n) : 0;
  const a = Math.min(1, Math.max(peak, rms * 3));
  _ar.push({t:performance.now(), a:Math.max(.02, a)});
  if (_ar.length > AUDIO_RAIL_MAX) _ar.splice(0, _ar.length - AUDIO_RAIL_MAX);
}
function audioRailDraw(){
  if(!_arCtx)return;
  const w=innerWidth,h=innerHeight,now=performance.now(),x=w*.5,hearY=Math.max(1,h-8);
  _arCtx.clearRect(0, 0, w, h);
  _arCtx.globalCompositeOperation = 'lighter';
  _arCtx.lineWidth = 1;
  _arCtx.strokeStyle = `hsla(${(now / 90) % 360},100%,75%,.16)`;
  _arCtx.beginPath(); _arCtx.moveTo(0, hearY); _arCtx.lineTo(w, hearY); _arCtx.stroke();
  let j = 0;
  for (let i = 0; i < _ar.length; i++) {
    const e = _ar[i], p = (now - e.t) / AUDIO_RAIL_MS;
    if (p > 1.05) continue;
    _ar[j++] = e;
    if (p < 0) continue;
    const y = Math.min(hearY, p * hearY), a = e.a, hue = (now * .03 + i * 19 + a * 180) % 360;
    const fade = Math.min(1, p * 8, (1.05 - p) * 20), bar = (6 + a * w * .20) * fade;
    _arCtx.strokeStyle = `hsla(${hue},100%,66%,${.09 + a * .55})`;
    _arCtx.lineWidth = 1 + a * 4;
    _arCtx.beginPath(); _arCtx.moveTo(x - bar, y); _arCtx.lineTo(x + bar, y); _arCtx.stroke();
    if (p > .985) {
      _arCtx.strokeStyle = `hsla(${hue},100%,78%,${(.8 - (p - .985) * 12) * a})`;
      _arCtx.beginPath(); _arCtx.arc(x, hearY, 10 + a * 46, 0, Math.PI * 2); _arCtx.stroke();
    }
  }
  _ar.length = j;
  _arCtx.globalCompositeOperation = 'source-over';
}
function pushAudioChunk(buf){
  const u = buf instanceof Uint8Array ? buf : new Uint8Array(buf);
  _audioChunks.push(u);
  audioRailPush(u);
  if (_audioChunks.length > AUDIO_CHUNKS) _audioChunks.splice(0, _audioChunks.length - AUDIO_CHUNKS);
}
async function wireAudioWorklet(src, gen){
  if (_micWorkletBad || !audioCtx?.audioWorklet || typeof AudioWorkletNode === 'undefined') return false;
  try {
    if (_micWorkletCtx !== audioCtx) {
      await audioCtx.audioWorklet.addModule(API('micworklet'));
      _micWorkletCtx = audioCtx;
    }
    if (gen !== _micGen) return false;
    const node = new AudioWorkletNode(audioCtx, _MIC_WORKLET_NAME, {
      numberOfInputs: 1, numberOfOutputs: 1, outputChannelCount: [1],
      processorOptions: {targetRate: AUDIO_SR, chunkBytes: AUDIO_CHUNK_BYTES}
    });
    node.port.onmessage = e => { if (e.data && e.data.buf) pushAudioChunk(e.data.buf); };
    const sink = audioCtx.createGain(); sink.gain.value = 0;
    src.connect(node); node.connect(sink); sink.connect(audioCtx.destination);
    _micSrc = src; _micProc = node; _micSink = sink; _micMode = 'worklet';
    return true;
  } catch (_) {
    if (gen === _micGen && audioCtx?.state === 'running') _micWorkletBad = true;
    try { src.disconnect(); } catch (_) {}
    return false;
  }
}
function wireScriptProcessor(src, gen){
  if (gen !== _micGen) return false;
  const proc = audioCtx.createScriptProcessor(4096, 1, 1);
  let acc = [], next = 0;
  proc.onaudioprocess = e => {
    const inp = e.inputBuffer.getChannelData(0);
    const ratio = (audioCtx.sampleRate || AUDIO_SR) / AUDIO_SR;
    let pos = next;
    while (pos < inp.length) {
      const v = inp[Math.floor(pos)] || 0;
      acc.push(pcm16ToMulaw(Math.max(-32768, Math.min(32767, v * 32768)) | 0));
      pos += ratio;
    }
    next = pos - inp.length;
    while (acc.length >= AUDIO_CHUNK_BYTES) pushAudioChunk(Uint8Array.from(acc.splice(0, AUDIO_CHUNK_BYTES)).buffer);
  };
  const sink = audioCtx.createGain(); sink.gain.value = 0;
  src.connect(proc); proc.connect(sink); sink.connect(audioCtx.destination);
  _micSrc = src; _micProc = proc; _micSink = sink; _micMode = 'script';
  return true;
}
function disconnectMic(){
  _micGen++;
  if (_micProc && _micProc.port) { try { _micProc.port.onmessage = null; } catch (_) {} }
  if (_micSrc)  { try { _micSrc.disconnect(); }  catch (_) {} }
  if (_micProc) { try { _micProc.disconnect(); } catch (_) {} }
  if (_micSink) { try { _micSink.disconnect(); } catch (_) {} }
  _micSrc = _micProc = _micSink = null;
  _micStarting = null;
  _audioChunks = [];
  _micMode = 'none';
}
function ensureMic(){
  if (!_audioOn) { _micMode = 'off'; return Promise.resolve(); }
  if (_micSrc || _micStarting) return _micStarting || Promise.resolve();
  if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)({sampleRate:AUDIO_SR});
  if (!_stream || _stream.getAudioTracks().length === 0) { _micMode = 'none'; return Promise.resolve(); }
  const src = audioCtx.createMediaStreamSource(_stream);
  const gen = _micGen;
  const task = (async () => {
    _audioChunks = [];
    const worked = await wireAudioWorklet(src, gen);
    if (gen !== _micGen) { try { src.disconnect(); } catch (_) {} return; }
    if (!worked) wireScriptProcessor(src, gen);
  })().catch(() => {
    if (gen === _micGen) { _micMode = 'none'; dbg._wErr++; }
    try { src.disconnect(); } catch (_) {}
  });
  _micStarting = task;
  task.finally(() => { if (_micStarting === task) _micStarting = null; });
  return task;
}
function reinitMic(){
  disconnectMic();
  ensureMic();
}
function getAudioChunk(){
  if (!_audioOn) return new ArrayBuffer(0);
  const chunkBytes = AUDIO_CHUNK_BYTES;
  const need = AUDIO_CHUNKS * chunkBytes;
  const combined = new Uint8Array(need);
  combined.fill(0xFF); // u-law silence
  const chunks = _audioChunks.slice(-AUDIO_CHUNKS);
  let off = need - chunks.length * chunkBytes;
  for (const c of chunks) {
    if (c.length === chunkBytes) combined.set(c, off);
    else if (c.length > chunkBytes) combined.set(c.subarray(c.length - chunkBytes), off);
    else combined.set(c, off + chunkBytes - c.length);
    off += chunkBytes;
  }
  return combined.buffer;
}
function playAudioChunk(mu, sr, whenCtx){
  if (!audioCtx || !mu || mu.length === 0) return;
  const buf = audioCtx.createBuffer(1, mu.length, sr || AUDIO_SR);
  const ch  = buf.getChannelData(0);
  for (let i=0; i<mu.length; i++) ch[i] = mulawToPcm16(mu[i]) / 32768;
  const src = audioCtx.createBufferSource();
  src.buffer = buf; src.connect(audioCtx.destination);
  src.start(Math.max(whenCtx, audioCtx.currentTime));
}

// ===== BLOCK 8: PACK BLOB =====
async function packBlob(videoArr, audioBuf, tailStr){
  const vLen = videoArr.byteLength, aLen = audioBuf.byteLength;
  const tailArr = TEXT_ENCODER.encode(tailStr || '');
  const out = new Uint8Array(4 + vLen + 4 + aLen + tailArr.length);
  const dv  = new DataView(out.buffer);
  dv.setUint32(0, vLen, false);
  out.set(new Uint8Array(videoArr), 4);
  dv.setUint32(4 + vLen, aLen, false);
  out.set(new Uint8Array(audioBuf), 4 + vLen + 4);
  out.set(tailArr, 4 + vLen + 4 + aLen);
  return new Blob([out], {type:'application/octet-stream'});
}

// ===== BLOCK 9: DEBUG OVERLAY =====
const dbg = {
  upLastMs: 0, upRoll: [], upOkRoll: [],
  prepLastMs: 0, upQueueMs: null, upCodeMs: null, upWrites: null, upStore: null,  // upload-stall breakdown
  fetchLastMs: 0, fetchRoll: [], fetchLastStatus: 0,
  fetchStatus: {L:0, R:0},
  lastSize:    {L:0, R:0},
  jpegBytes:   {L:0, R:0},
  audioBytes:  {L:0, R:0},
  blobAge:     {L:0, R:0},
  lastHead:    {L:0, R:0},
  connectedAt:    {L:0, R:0},
  disconnects:    {L:0, R:0},
  lastDisconnect: {L:'-', R:'-'},
  cpuRoll: [],
  encPath: '-', encReason: '', encRoll: [], encQRoll: [],   // encode path/reason, worker compute roll, delivery-overhead roll
  _wErr: 0, _wTimeout: 0, _wStart: Date.now(),
  sessionStart: Date.now()
};
function dbgPush(arr, v){ arr.unshift(v); if (arr.length > 10) arr.pop(); }
function dbgPushSafe(arr, v){ dbgPush(arr, Math.round(v * 10) / 10); }
function dbgAvg(arr){ if (!arr.length) return 0; return Math.round(arr.reduce((a,b)=>a+b,0) / arr.length); }
let _dbgEl = null, _dbgEnabled = false;
function createDebugOverlay(){
  if (_dbgEl) return;
  _dbgEl = document.createElement('div');
  _dbgEl.id = 'dbgOverlay';
  _dbgEl.style.cssText = 'position:fixed;top:8px;right:8px;background:rgba(0,0,0,.82);color:#0f0;font:11px/1.4 monospace;padding:7px 10px;border-radius:8px;z-index:9999;pointer-events:auto;cursor:pointer;white-space:pre;backdrop-filter:blur(4px);border:1px solid #0f05;letter-spacing:.02em';
  _dbgEl.title = 'click to dim';
  let hidden = false;
  _dbgEl.onclick = () => { hidden = !hidden; _dbgEl.style.opacity = hidden ? '0.25' : '1'; };
  document.body.appendChild(_dbgEl);
}
function renderDebug(){
  if (!_dbgEnabled || !_dbgEl) return;
  const L = panels.L, R = panels.R;
  const now = Date.now();
  const activePanels = ['L', 'R'].filter(p => panels[p].active);
  const uploadActive = activePanels.length > 0;

  const elapsed = (now - dbg._wStart) / 1000;
  if (elapsed >= 10) { dbg._wErr=0; dbg._wTimeout=0; dbg._wStart=now; }
  const w   = Math.max(elapsed, 1);
  const eR   = (dbg._wErr / w * 10).toFixed(1);
  const toR  = (dbg._wTimeout / w * 10).toFixed(1);

  const sesS  = Math.round((now - dbg.sessionStart) / 1000);
  const sesStr= sesS < 60 ? sesS+'s' : Math.floor(sesS/60)+'m'+(sesS%60)+'s';

  const actxState = audioCtx ? audioCtx.state : 'none';
  const micOk     = !!_micSrc;
  const fbLen     = _frameBuf.length;

  const panelStr = (p, s) => {
    const state = s.directPending ? 'DIRECT' : s.seeking ? 'SEEKING' : s.remoteId ? 'CONN' : s.active ? 'ACTIVE' : 'idle';
    const connAge = (s.remoteId && dbg.connectedAt[p])
      ? Math.round((now - dbg.connectedAt[p]) / 1000) + 's'
      : '-';
    const blobAgeMs = dbg.blobAge[p]
      ? Math.round(now - dbg.blobAge[p]) + 'ms'
      : 'never';
    const totalBytes = dbg.lastSize[p];
    const jpegB  = dbg.jpegBytes[p];
    const audioB = dbg.audioBytes[p];
    const blobDetail = totalBytes
      ? `${totalBytes}B (jpeg=${jpegB}B audio=${Math.max(0,audioB)}B)`
      : 'none';
    const tqDepth = s.timeline ? s.timeline.length : 0;
    let leadNow = '-';
    if (s.timeline && s.timeline.length && s.playAnchor) {
      const wa = s.playAnchor.abs + Math.floor((performance.now() - s.playAnchor.time) / FRAME_MS);
      leadNow = (s.timeline[s.timeline.length - 1].firstAbs + 8 - wa) + 'f';
    }
    const minLeadStr = s.minLead === 999 ? '-' : s.minLead + 'f';
    const tgt    = (s.targetId || '-').slice(0, 12);
    const bridgeStr = s.outgoingBridge ? '->'+s.outgoingBridge.slice(0,8) : 'off';
    const discStr = dbg.disconnects[p];
    const fetchSt = dbg.fetchStatus[p] || '-';
    const since = dbg.lastHead[p] > 0 ? s.lastFreshAt : s.matchedAt;
    const silAge = s.silence && since ? Math.round((Date.now() - since) / 1000) + 's' : '0s';
    const discLine = discStr > 0 ? `\n  ${p} last_disconnect: ${dbg.lastDisconnect[p]}` : '';
    return (
      `  ${p} [${state}] connected=${connAge}  disconnects=${discStr}  target=${tgt}\n` +
      `  ${p} fetch_status=${fetchSt}  silence=${s.silence}/${silAge}  lastHead=${dbg.lastHead[p]}\n` +
      `  ${p} blob=${blobDetail}  age=${blobAgeMs}  tq=${tqDepth}  lead=${leadNow} (min ${minLeadStr}, runway ${PLAY_RUNWAY})\n` +
      `  ${p} gaps=${s.blackEvents} (${(s.blackTotal/1000).toFixed(1)}s)  audio_gaps=${s.audioGlitches}  maxdrx=${s.maxDrx}ms\n` +
      `  ${p} bridge=${bridgeStr}` + discLine
    );
  };

  const line = '-'.repeat(44);
  const upLine = uploadActive
    ? `UP   last=${dbg.upLastMs}ms  avg=${dbgAvg(dbg.upRoll)}ms  cap_head=${_frameHead}  active=${activePanels.join(',')}  single-flight${dbgAvg(dbg.upRoll) > UPLOAD_MS ? ' !link-limited' : ''}`
    : `UP   idle  active=0  wire=${_postInflight ? 'draining-old-post' : 'none'}  cap_head=${_frameHead}`;
  const upDetail = uploadActive
      ? `     prep=${dbg.prepLastMs}ms  post=${dbg.upLastMs}ms  (server queue=${dbg.upQueueMs ?? '-'}ms code=${dbg.upCodeMs ?? '-'}ms writes=${dbg.upWrites ?? '-'} store=${dbg.upStore ?? '-'})`
      : `     last_post=${dbg.upLastMs}ms  avg=${dbgAvg(dbg.upRoll)}ms  last_server=(queue=${dbg.upQueueMs ?? '-'}ms code=${dbg.upCodeMs ?? '-'}ms writes=${dbg.upWrites ?? '-'} store=${dbg.upStore ?? '-'})`;
  _dbgEl.textContent =
    `${line}\n` +
    `NOSIGNUP.CHAT  session=${sesStr}  clock=${new Date().toTimeString().slice(0,8)}  device=${MY_BASE.slice(0,8)}  buf=${panels.L.timeline.length}/${panels.R.timeline.length}\n` +
    `${line}\n` +
    upLine + `\n` +
    upDetail + `\n` +
    `     ENC  path=${dbg.encPath === 'wrk' ? 'worker(off-thread)' : dbg.encPath === 'main' ? 'main(SYNC FALLBACK)' : dbg.encPath === 'lite' ? 'rtc-maint(no-media)' : '-'}  reason=${dbg.encReason || '-'}  enc=${dbgAvg(dbg.encRoll)}ms  delivery_q=${dbgAvg(dbg.encQRoll)}ms${dbg.encPath === 'wrk' && dbgAvg(dbg.encQRoll) > 200 ? ' !gate-moved-to-delivery' : ''}\n` +
    `     err/10s=${eR}  timeout/10s=${toR}\n` +
    `GET  last=${dbg.fetchLastMs}ms  avg=${dbgAvg(dbg.fetchRoll)}ms  last_status=${dbg.fetchLastStatus}\n` +
    `CPU  frame_cap=${dbgAvg(dbg.cpuRoll)}ms  framebuf=${fbLen}/9\n` +
    `AUD  ${_audioOn?'~30KB/s':'OFF'}  ctx=${actxState}  mic=${micOk?'ok':'NO'}  path=${_micMode}  stream=${!!_stream}  sr=${AUDIO_SR}Hz\n` +
    `${line}\n` +
    panelStr('L', L) + '\n' +
    `${line}\n` +
    panelStr('R', R) + '\n' +
    `${line}\n` +
    `FRAME_MS=${FRAME_MS}  UPLOAD_MS=${UPLOAD_MS}  FETCH_MS=${FETCH_MS}  SILENCE=${SILENCE_ORPHAN_MS/1000}s/${SILENCE_ESTABLISHED_MS/1000}s  q=${JPEG_Q}  runway=${PLAY_RUNWAY}  bridge=${bridgeActive}`;
}
setInterval(renderDebug, 500);
window.dbg = dbg;
window._setTrace = (v) => { _traceEnabled = !!v; try { localStorage.setItem('nosignup_trace', _traceEnabled?'1':'0'); } catch(_){} return _traceEnabled; };

// ===== BLOCK 10: UPLOAD LOOP =====
async function uploadTick() {
  const active = ['L', 'R'].filter(p => panels[p].active);
  if (active.length === 0) return;
  if (!_rawVid || (!(_rawVid instanceof HTMLCanvasElement) && !_rawVid.srcObject)) return;
  if (_postInflight) {
    dbg.prepLastMs = 0;
    if (_traceEnabled) for (const panel of active) trace(panel, `${_ts()}    UP PREP skipped (prev POST still on wire)`, 'tx');
    return;
  }
  const rtcLite = rtcOnlyActive();
  const _prepT0 = performance.now();   // encode/pack cost (the unmeasured half of the upload pass)

  let videoArr, audioBuf, headSnap, _blobMs = 0, _enc = null;
  try {
    ({ videoArr, audioBuf, headSnap, blobMs: _blobMs, enc: _enc } = await buildTickPayload(rtcLite));
  } catch (_) { dbg._wErr++; return; }
  if (_enc) {
    dbg.encPath = _enc.path;
    dbg.encReason = _enc.reason || (_enc.path === 'wrk' ? 'ok' : '');
    dbgPush(dbg.encRoll, _enc.wenc);
    dbgPush(dbg.encQRoll, _enc.path === 'wrk' ? _enc.q : 0);
  }
  const nowTs = Date.now();

  let uploadUrl = API('upload'), uploadBody = null;
  const seekStart = [];
  try {
    const tails = {};
    for (const panel of active) {
      const s = panels[panel];
      if (s.outgoingMsg && nowTs > s.msgUntil) {
        s.outgoingMsg = ''; s.outgoingMsgTs = 0;
      }
      if (!s.outgoingMsg && s.msgQ.length) {
        const m = s.msgQ.shift();
        s.outgoingMsg = m.m; s.outgoingMsgTs = m.t; s.msgUntil = nowTs + CHAT_SEND_MS;
      }
      if (s.outgoingPixelHits && s.outgoingPixelHits.length) {
        s.outgoingPixelHits = s.outgoingPixelHits.filter(h => (nowTs - h.ts) <= PIXEL_HIT_LINGER_MS);
      }
      tails[panel] = buildTail(s, headSnap);
    }
    const sameTail = active.length === 1 || (active.length === 2 && tails.L === tails.R);
    const qs = new URLSearchParams();
    if (sameTail) {
      const blob = await packBlob(videoArr, audioBuf, tails[active[0]]);
      qs.set('mode', 'same');
      uploadBody = blob;
      for (const panel of active) {
        const s = panels[panel];
        addUploadPanel(qs, panel, s, nowTs);
        if (s.seeking && !s.fetchTimer && !s.fetchDelayTimer) seekStart.push({panel, epoch:s.epoch});
      }
    } else {
      qs.set('mode', 'split');
      const parts = [];
      for (const panel of active) {
        const s = panels[panel];
        const blob = await packBlob(videoArr, audioBuf, tails[panel]);
        addUploadPanel(qs, panel, s, nowTs);
        qs.set('len' + panel, blob.size);
        parts.push(blob);
        if (s.seeking && !s.fetchTimer && !s.fetchDelayTimer) seekStart.push({panel, epoch:s.epoch});
      }
      uploadBody = new Blob(parts, {type:'application/octet-stream'});
    }
    uploadUrl += '&' + qs.toString();
  } catch (_) { dbg._wErr++; return; }

  if (_traceEnabled) {
    const nowP = performance.now();
    const dTx  = _lastUploadAt ? Math.round(nowP - _lastUploadAt) : 0;
    _lastUploadAt = nowP;
    for (const panel of active) {
      const s = panels[panel];
      const dest = publishPeerId(s, nowTs);
      const _e = _enc || {path:'?'};
      const _encStr = _e.path === 'wrk'
        ? `[wrk compose=${_e.compose} read=${_e.read} rt=${_e.rt} wenc=${_e.wenc} wdraw=${_e.wdraw} q=${_e.q}]`
        : _e.path === 'lite'
        ? `[rtc-maint no-media]`
        : `[main-sync compose=${_e.compose} enc=${_e.wenc} reason=${_e.reason || '?'}]`;
      trace(panel, `${_ts()} UP TX head=${headSnap} file=${dest.endsWith('_S') ? '_S' : 'base'} epoch=${s.epoch} jpeg=${videoArr.byteLength}b aud=${audioBuf.byteLength}b prep=${Math.round(nowP - _prepT0)}ms (blob=${_blobMs}) ${_encStr} dtx=${dTx}ms -> ${dest.slice(0,14)}`, 'tx');
    }
  }

  const _t0 = performance.now();
  dbg.prepLastMs = Math.round(_t0 - _prepT0);   // encode+pack time (always tracked, trace/debug independent)
  const postToken = ++_postToken;
  _postInflight = postToken;
  const ctrl = new AbortController();
  const _tmo = UPLOAD_ACK_CUTOFF_MS;
  const tm = setTimeout(() => {
    if (_postInflight === postToken) _postInflight = false; // free the next 1024ms slot immediately
    ctrl.abort();
  }, _tmo);
  let _postStatus = 'ok';
  fetch(uploadUrl, { method: 'POST', headers:{'Content-Type':'application/octet-stream'}, body: uploadBody, signal: ctrl.signal })
    .then(res => {
      if (!res || !res.ok) { dbg._wErr++; _postStatus = 'err' + (res ? res.status : ''); dbg.upQueueMs = dbg.upCodeMs = dbg.upWrites = null; }
      else {
        const q = res.headers.get('X-Upload-Queue-Ms'), c = res.headers.get('X-Upload-Code-Ms');
        const w = res.headers.get('X-Upload-Writes'),    st = res.headers.get('X-Sprite-Store');
        if (q !== null) dbg.upQueueMs = +q;
        if (c !== null) dbg.upCodeMs  = +c;
        if (w !== null) dbg.upWrites  = +w;
        if (st)         dbg.upStore   = st;
      }
    })
    .catch(e => {
      if (e && e.name === 'AbortError') { dbg._wTimeout++; _postStatus = 'timeout'; }
      else { dbg._wErr++; _postStatus = 'err'; }
      dbg.upQueueMs = dbg.upCodeMs = dbg.upWrites = null;   // no response read - unknown, not stale
    })
    .finally(() => {
      clearTimeout(tm);
      if (_postInflight === postToken) _postInflight = false;
      dbg.upLastMs = Math.round(performance.now() - _t0);   // post_ms = POST round-trip
      dbgPush(dbg.upRoll, dbg.upLastMs);
      if (_postStatus === 'ok') dbgPush(dbg.upOkRoll, dbg.upLastMs);
      if (_traceEnabled) {
        for (const panel of active) {
          trace(panel, `${_ts()}    UP POST post=${dbg.upLastMs}ms/tmo=${_tmo}ms (queue=${dbg.upQueueMs ?? '?'}ms code=${dbg.upCodeMs ?? '?'}ms) writes=${dbg.upWrites ?? '?'} store=${dbg.upStore ?? '?'} ${_postStatus}`, 'tx');
        }
      }
      for (const item of seekStart) {
        const s = panels[item.panel];
        if (s.seeking && s.epoch === item.epoch && !s.fetchTimer && !s.fetchDelayTimer) startFetch(item.panel);
      }
    });
}

function startUploadLoop() {
  if (uploadTimer || _uploadLooping) return;
  _uploadLooping = true;
  const pass = async () => {
    const t0 = performance.now();
    try { await uploadTick(); } catch (_) { dbg._wErr++; }
    uploadTimer = setTimeout(pass, Math.max(0, UPLOAD_MS - (performance.now() - t0)));
  };
  pass();
}

// ===== BLOCK 11: FETCH LOOP =====
function nudgeFetchPhase(panel, s, why) {
  if (!s || s.seeking || !s.active || !s.fetchTimer) return;
  clearInterval(s.fetchTimer);
  s.fetchTimer = null;
  if (s.fetchDelayTimer) clearTimeout(s.fetchDelayTimer);
  s.fetchDelayTimer = setTimeout(() => {
    s.fetchDelayTimer = null;
    if (!s.targetId || !s.active || s.seeking) return;
    s.fetchTimer = setInterval(() => fetchTick(panel), FETCH_MS);
    fetchTick(panel);
  }, FETCH_MS + FETCH_PHASE_NUDGE_MS);
  if (_traceEnabled) trace(panel, `${_ts()}    GET phase +${FETCH_PHASE_NUDGE_MS}ms after ${why}`, 'miss');
}
function startFetch(panel) {
  const s = panels[panel];
  if (s.fetchTimer || s.fetchDelayTimer) return;
  const phase = panel === 'R' ? FETCH_MS / 2 : 0;
  s.fetchDelayTimer = setTimeout(() => {
    s.fetchDelayTimer = null;
    if (!s.targetId) return;
    s.fetchTimer = setInterval(() => fetchTick(panel), FETCH_MS);
    fetchTick(panel);
  }, phase);
}

async function fetchTick(panel) {
  const s = panels[panel];
  const targetId = currentFetchTarget(s);
  if (!targetId) return;
  if (s._fetchInflight >= 1) { return; }
  s._fetchInflight++;
  const fetchEpoch = s.epoch;

  const fetchMirror = nextFetchMirror(s);
  if (fetchMirror && !mirrorChecked(s, fetchMirror)) {
    const ok = await mirrorOkNow(fetchMirror);
    if (fetchEpoch !== s.epoch) { s._fetchInflight = Math.max(0, s._fetchInflight - 1); return; }
    if (!ok) {
      s._fetchInflight = Math.max(0, s._fetchInflight - 1);
      if (_traceEnabled) trace(panel, `${_ts()} x MIRROR parity ${mirrorLabel(fetchMirror)}`, 'miss');
      return;
    }
    markMirrorChecked(s, fetchMirror);
  }
  const url = spriteApiUrl(fetchMirror, targetId, s.peerId);
  const ctrl = new AbortController();
  const tm = setTimeout(() => ctrl.abort(), 5000);
  let res;
  const _ft0 = performance.now();
  try {
    res = await fetch(url, { signal: ctrl.signal });
  } catch (_) {
    clearTimeout(tm);
    if (fetchEpoch === s.epoch) {
      s._fetchInflight = Math.max(0, s._fetchInflight - 1);
      if (!s.seeking) bumpSilence(panel, s, 'fetch');
    }
    return;
  }
  clearTimeout(tm);
  if (fetchEpoch !== s.epoch) return;
  dbg.fetchLastMs = Math.round(performance.now() - _ft0);
  dbg.fetchLastStatus = res.status;
  dbg.fetchStatus[panel] = res.status;
  dbgPush(dbg.fetchRoll, dbg.fetchLastMs);

  try { await _fetchTickBody(panel, s, res, fetchEpoch, fetchMirror); }
  finally {
    if (fetchEpoch === s.epoch) s._fetchInflight = Math.max(0, s._fetchInflight - 1);
  }
}

function bumpSilence(panel, s, why) {
  if (!s.active) return;
  s.silence++;
  const established = dbg.lastHead[panel] > 0;
  const now = Date.now();
  const since = established
    ? (s.lastFreshAt || dbg.connectedAt[panel] || now)
    : (s.matchedAt || dbg.connectedAt[panel] || now);
  const silentMs = now - since;
  const limitMs = established ? SILENCE_ESTABLISHED_MS : SILENCE_ORPHAN_MS;
  if (!established && s.directPending && silentMs >= limitMs) {
    s.silence = 0;
    s.matchedAt = now; // explicit ID lookup keeps polling until user stops or decoded heads advance
    s._disconnecting = false;
    if (_traceEnabled) trace(panel, `${_ts()} - DIRECT wait target=${(s.directTarget || s.targetId || 'none').slice(0,14)} via=${why}`, 'miss');
    return;
  }
  if (silentMs >= limitMs && !s._disconnecting) {
    s._disconnecting = true;
    const connAge = dbg.connectedAt[panel] ? Math.round((Date.now() - dbg.connectedAt[panel]) / 1000) + 's' : '?';
    dbg.lastDisconnect[panel] = `silence=${Math.round(silentMs)}ms x${s.silence} via=${why} connected=${connAge}`;
    log(panel, established ? 'Peer Peer disconnected - click Find Peer to search again' : 'Peer Phantom match - re-searching...', 'info');
    resetChannel(panel, !established);   // re-seek if phantom, otherwise go idle
    return;
  }
  if (s.silence >= 2 && !s._phaseNudged) {
    s._phaseNudged = true;
    nudgeFetchPhase(panel, s, why);
  }
}

async function _fetchTickBody(panel, s, res, fetchEpoch, fetchMirror) {
  if (fetchEpoch !== s.epoch || !s.active) return;
  if (s.seeking) {
    if (res.status === 200) {
      const matchPeer = res.headers.get('X-Match-Peer');
      if (matchPeer && matchPeer.length >= 8) {
        const matchSid = (res.headers.get('X-Match-Sid') || '').replace(/[^a-zA-Z0-9_-]/g, '');
        const matchHead = +(res.headers.get('X-Match-Head') || 0);
        const nowD = Date.now();
        if (s.avoidId && nowD < s.avoidUntil && matchPeer === s.avoidId) {
          if (_traceEnabled) trace(panel, `${_ts()}    MATCH avoided ${matchPeer.slice(0,8)}`, 'info');
          return;
        }
        s.avoidId = ''; s.avoidUntil = 0;
        s.remoteId = matchPeer;
        s.targetId = matchPeer;
        s.remoteMirror = fetchMirror || '';
        s.targetMirror = s.remoteMirror;
        s.remoteSid = matchSid;
        s.remoteMatchHead = Number.isFinite(matchHead) ? matchHead : 0;
        s.matchAliasUntil = nowD + MATCH_ALIAS_GRACE_MS;
        s.seeking  = false;
        s.silence  = 0;
        s.matchedAt = nowD;
        s.lastFreshAt = 0;
        s._disconnecting = false;
        s.searchMirrors = null; s.searchMirrorIdx = 0;
        noteSession(s);
        dbg.connectedAt[panel] = nowD;
        dbg.lastHead[panel] = 0;
        setStatus(panel, 'CONNECTED', 'connected');
        updateToggleBtn(panel);
        log(panel, 'OK Matched with ' + matchPeer.slice(0, 8));
        if (_traceEnabled && (matchSid || matchHead)) trace(panel, `${_ts()}    MATCH sid=${matchSid ? matchSid.slice(0,8) : 'none'} head=${s.remoteMatchHead || 'none'} publish_alias=${MATCH_ALIAS_GRACE_MS}ms`, 'info');
        $p('chatInput', panel).disabled = false;
        $p('sendBtn', panel).disabled = false;
        updateBridgeReady();
        if (!s.remoteMirror) rtcStart(panel);
      }
    }
    return;
  }

  if (res.status === 404 || res.status === 204) {
    if (_traceEnabled) trace(panel, `${_ts()} x RX ${res.status} silence=${s.silence + 1}`, 'miss');
    bumpSilence(panel, s, res.status);
    return;
  }
  if (!res.ok) { bumpSilence(panel, s, 'http' + res.status); return; }
  const resolvedPeer = normalizePeerId(res.headers.get('X-Resolved-Peer') || '');
  const bridgeTarget = normalizePeerId(res.headers.get('X-Bridge-Target') || '');
  if (s.directPending && resolvedPeer) {
    if (s.directResolved && s.directResolved !== resolvedPeer) s.directSeenHead = 0;
    s.directResolved = resolvedPeer;
    s.directSeenMirror = fetchMirror || '';
  }

  let buf;
  try { buf = await res.arrayBuffer(); } catch (_) { if (fetchEpoch === s.epoch) bumpSilence(panel, s, 'body'); return; }
  if (fetchEpoch !== s.epoch || !s.active) return;
  if (buf.byteLength < 8) { bumpSilence(panel, s, 'short'); return; }

  dbg.lastSize[panel] = buf.byteLength;
  dbg.blobAge[panel]  = Date.now();
  const dv   = new DataView(buf);
  const vLen = dv.getUint32(0, false);
  if (4 + vLen + 4 > buf.byteLength) { bumpSilence(panel, s, 'vlen'); return; }
  dbg.jpegBytes[panel] = vLen;
  const aLen = dv.getUint32(4 + vLen, false);
  dbg.audioBytes[panel] = aLen;
  const need = 4 + vLen + 4 + aLen;
  if (need > buf.byteLength) { bumpSilence(panel, s, 'alen'); return; }

  const videoData = buf.slice(4, 4 + vLen);
  const audioData = buf.slice(4 + vLen + 4, need);
  const tailStr = TEXT_DECODER.decode(new Uint8Array(buf, need));
  const kv      = parseTail(tailStr);
  if (kv.rtc) rtcReceive(panel, kv.rtc);
  if (kv.px_hit) receivePixelHit(panel, kv.px_hit);

  if (kv.msg && kv.msg_ts) {
    const ts = +kv.msg_ts;
    if (ts > s.chatLastTs) {
      s.chatLastTs = ts;
      log(panel, 'Peer: ' + kv.msg, 'peer');
      if (_traceEnabled) trace(panel, `${_ts()}   CHAT CHAT rx "${kv.msg.slice(0,40)}"`, 'chat');
    }
  }

  // ===== HEAD-ANCHORED JITTER BUFFER =====
  const head = kv.head ? +kv.head : 0;
  if (!head) { bumpSilence(panel, s, 'head'); return; }  // no frame index -> nothing to schedule
  const firstAbs = head - 8;
  let prevHead = dbg.lastHead[panel];

  const sid = (kv.sid || '').replace(/[^a-zA-Z0-9_-]/g, '');
  if (bridgeTarget) {
    if (s.bridgeTarget !== bridgeTarget || (sid && s.bridgeSid !== sid)) {
      clearTimeline(s);
      dbg.lastHead[panel] = 0;
      prevHead = 0;
      s.remoteMatchHead = 0;
      s.bridgeTarget = bridgeTarget;
      s.bridgeSid = sid;
      if (_traceEnabled) trace(panel, `${_ts()} BRIDGE BRIDGE sender=${bridgeTarget.slice(0,14)} sid=${sid ? sid.slice(0,8) : 'none'} re-anchor`, 'info');
    }
  } else if (s.bridgeTarget || s.bridgeSid) {
    clearTimeline(s);
    dbg.lastHead[panel] = 0;
    prevHead = 0;
    s.bridgeTarget = '';
    s.bridgeSid = '';
    if (_traceEnabled) trace(panel, `${_ts()} BRIDGE BRIDGE cleared - original sender re-anchor`, 'info');
  }
  if (!bridgeTarget && s.remoteSid && sid !== s.remoteSid) {
    if (_traceEnabled) trace(panel, `${_ts()} x SID ${sid ? sid.slice(0,8) : 'none'} != ${s.remoteSid.slice(0,8)} silence=${s.silence + 1}`, 'miss');
    bumpSilence(panel, s, 'sid');
    return;
  }
  if (!prevHead && s.remoteMatchHead > 0) {
    const low = Math.max(0, s.remoteMatchHead - SWAP_GAP_FRAMES);
    const high = s.remoteMatchHead + MATCH_HEAD_FORWARD_FRAMES;
    if (head < low || head > high) {
      if (_traceEnabled) trace(panel, `${_ts()} x MATCH-HEAD head=${head} expected=${low}..${high} silence=${s.silence + 1}`, 'miss');
      bumpSilence(panel, s, 'match-head');
      return;
    }
  }

  let rtcVisible = s.rtcLive && rtcMediaOn(s);
  if (rtcVisible) {
    rtcCutover(s);
    s.silence = 0;
    s.lastFreshAt = Date.now();
    s._phaseNudged = false;
    if (head > (dbg.lastHead[panel] || 0)) dbg.lastHead[panel] = head;
    return;
  }
  if (prevHead && head <= prevHead) {
    if (head <= prevHead - SWAP_GAP_FRAMES) {
      if (_traceEnabled) trace(panel, `${_ts()} SWAP SENDER SWAP head=${head} <- ${prevHead} - re-anchor`, 'info');
      clearTimeline(s);
      dbg.lastHead[panel] = 0;
    } else {
      if (_traceEnabled) trace(panel, `${_ts()} - no-new head=${head} <= ${prevHead} silence=${s.silence + 1} (${buf.byteLength}b - dropped)`, 'dup');
      bumpSilence(panel, s, 'stale');
      return;
    }
  }
  const nowP = performance.now();
  const dRx = s.lastRxAt ? Math.round(nowP - s.lastRxAt) : 0;
  s.lastRxAt = nowP;
  if (dRx > s.maxDrx) s.maxDrx = dRx;   // jitter tail - the worst arrival gap is what breaches runway
  if (_traceEnabled) {
    s.rxCount++;
    trace(panel, `${_ts()} download RX#${s.rxCount} head=${head} firstAbs=${firstAbs} drx=${dRx}ms ${buf.byteLength}b`, 'rx');
  }
  if (vLen === 0) {
    if (!_hdVideo || !(s.rtc || s.rtcStarted || s.rtcLive || kv.rtc)) { bumpSilence(panel, s, 'novideo'); return; }
    s.silence = 0;
    s.lastFreshAt = Date.now();
    s._phaseNudged = false;
    if (head > (dbg.lastHead[panel] || 0)) dbg.lastHead[panel] = head;
    if (_traceEnabled) trace(panel, `${_ts()}   RTC maintenance head=${head} ${buf.byteLength}b`, 'rx');
    return;
  }

  let bitmap;
  try { bitmap = await createImageBitmap(new Blob([videoData], {type:'image/jpeg'})); }
  catch (_) { if (fetchEpoch === s.epoch) bumpSilence(panel, s, 'decode'); return; }
  if (fetchEpoch !== s.epoch || !s.active) {
    if (bitmap && bitmap.close) bitmap.close();
    return;
  }
  rtcVisible = s.rtcLive && rtcMediaOn(s);
  if (rtcVisible) {
    if (bitmap && bitmap.close) bitmap.close();
    rtcCutover(s);
    s.silence = 0;
    s.lastFreshAt = Date.now();
    s._phaseNudged = false;
    if (head > (dbg.lastHead[panel] || 0)) dbg.lastHead[panel] = head;
    return;
  }

  if (s.directPending) {
    const target = s.directResolved || s.directTarget || s.targetId;
    const mirror = s.directSeenMirror || fetchMirror || '';
    if (!s.directSeenHead) {
      s.directSeenHead = head;
      s.directSeenMirror = mirror;
      s.directMirrors = [mirror];
      s.directMirrorIdx = 0;
      s.targetId = target;
      s.silence = 0;
      s.lastFreshAt = Date.now();
      s._phaseNudged = false;
      if (bitmap && bitmap.close) bitmap.close();
      if (_traceEnabled) trace(panel, `${_ts()}    DIRECT candidate target=${target.slice(0,14)}${mirror ? '@' + mirrorLabel(mirror) : ''} head=${head}`, 'info');
      return;
    }
    if (head <= s.directSeenHead) {
      if (head <= s.directSeenHead - SWAP_GAP_FRAMES) {
        s.directSeenHead = head;
        s.silence = 0;
        s.lastFreshAt = Date.now();
        s._phaseNudged = false;
        if (bitmap && bitmap.close) bitmap.close();
        if (_traceEnabled) trace(panel, `${_ts()}    DIRECT candidate reset target=${target.slice(0,14)} head=${head}`, 'info');
        return;
      }
      if (bitmap && bitmap.close) bitmap.close();
      bumpSilence(panel, s, 'direct-stale');
      return;
    }
    s.remoteId = target;
    s.targetId = target;
    s.remoteMirror = mirror;
    s.targetMirror = mirror;
    s.directPending = false;
    s.directTarget = ''; s.directPartial = false; s.directResolved = ''; s.directSeenHead = 0; s.directSeenMirror = ''; s.directMirrors = null; s.directMirrorIdx = 0;
    s.remoteSid = '';
    s.remoteMatchHead = 0;
    s.matchAliasUntil = 0;
    noteSession(s);
    s.seeking = false;
    s.matchedAt = Date.now();
    dbg.connectedAt[panel] = s.matchedAt;
    setStatus(panel, 'CONNECTED', 'connected');
    updateToggleBtn(panel);
    log(panel, 'Direct connected: ' + target + (s.remoteMirror ? ' via ' + mirrorLabel(s.remoteMirror) : ''));
    if (_traceEnabled) trace(panel, `${_ts()}    DIRECT live target=${target.slice(0,14)}${s.remoteMirror ? '@' + mirrorLabel(s.remoteMirror) : ''} head=${head}`, 'info');
    updateBridgeReady();
    if (!s.remoteMirror) rtcStart(panel);
  }
  s.silence = 0;
  s.lastFreshAt = Date.now();
  s._phaseNudged = false;
  dbg.lastHead[panel] = head;
  updateBridgeReady();

  const wantAbs = s.playAnchor
    ? s.playAnchor.abs + Math.floor((nowP - s.playAnchor.time) / FRAME_MS)
    : firstAbs;
  pruneTimeline(s, wantAbs);
  s.timeline.push({firstAbs, bitmap, audio: (audioData && audioData.byteLength) ? new Uint8Array(audioData) : null, sr: kv.sr ? +kv.sr : 8000});
  s.timeline.sort((a, b) => a.firstAbs - b.firstAbs);

  const newestAbs = s.timeline[s.timeline.length - 1].firstAbs + 8;
  const target = newestAbs - PLAY_RUNWAY;
  if (!s.playAnchor) {
    s.playAnchor = { abs: target, time: nowP };
  } else {
    const cur  = s.playAnchor.abs + Math.floor((nowP - s.playAnchor.time) / FRAME_MS);
    const lead = newestAbs - cur;                       // rails laid ahead of the train
    if (lead < 0 || lead > PLAY_RUNWAY * 2) {
      const floor = (s.lastDrawnAbs == null) ? target : s.lastDrawnAbs + 1;
      s.playAnchor = { abs: Math.max(target, floor), time: nowP };   // skip forward, never replay
    }
  }

  ensureRemoteCanvas(panel);
  if (audioCtx && audioCtx.state === 'suspended') { try { audioCtx.resume(); } catch (_) {} }
  if (!s._tlRunning) startTimeline(panel);
}

function ensureRemoteCanvas(panel){
  const s = panels[panel];
  if (s.remoteCanvas && s._remoteCtx && document.body.contains(s.remoteCanvas)) return;
  const ct = $p('remoteVideoContainer', panel);
  ct.innerHTML = '';
  ct.style.position = 'relative';
  const cv = document.createElement('canvas');
  cv.className = 'px-canvas'; cv.width = PX_W; cv.height = PX_H;
  cv.style.cssText = 'width:100%;height:100%;display:block;image-rendering:auto;object-fit:contain;filter:saturate(1.4) contrast(1.05)';
  cv.addEventListener('click', e => armPixelHit(panel, e));
  ct.appendChild(cv);
  const vg = document.createElement('div');
  vg.style.cssText = 'position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)';
  ct.appendChild(vg);
  s.remoteCanvas = cv;
  s._remoteCtx = cv.getContext('2d');
  s._remoteCtx.imageSmoothingEnabled = true;
  s._remoteCtx.imageSmoothingQuality = 'medium';
}

// ===== TIMELINE HELPERS =====
function clearTimeline(s){
  for (const e of s.timeline) { if (e.bitmap && e.bitmap.close) e.bitmap.close(); }
  s.timeline = [];
  s._lastBest = null;
  s.playAnchor = null;
  s.audioPlayedAbs = null;
  s.lastDrawnAbs = null;
}
function pruneTimeline(s, wantAbs){
  s.timeline = s.timeline.filter(e => {
    if (e.firstAbs + 8 < wantAbs - 1) { if (e.bitmap && e.bitmap.close) e.bitmap.close(); return false; }
    return true;
  });
}

// ===== BLOCK 12: PLAYBACK TIMELINE LOOP =====
function startTimeline(panel) {
  const s = panels[panel];
  if (s._tlRunning) return;
  s._tlRunning = true;
  _tlTick(panel);
}
function _tlTick(panel) {
  const s = panels[panel];
  if (!s._tlRunning) return;
  const now = performance.now();
  const ctx = s._remoteCtx;
  if (!s.timeline.length || !s.playAnchor) { s._tlRunning = false; return; }

  const wantAbs = s.playAnchor.abs + Math.floor((now - s.playAnchor.time) / FRAME_MS);

  let best = null;
  for (const e of s.timeline) {
    if (e.firstAbs <= wantAbs && wantAbs <= e.firstAbs + 8) best = e;
  }

  const newestAbs = s.timeline.length ? s.timeline[s.timeline.length - 1].firstAbs + 8 : wantAbs;
  const lead = newestAbs - wantAbs;
  if (lead < s.minLead) s.minLead = lead;

  if (ctx) {
    if (best) {
      const cell = wantAbs - best.firstAbs;       // 0..8
      ctx.drawImage(best.bitmap, (cell%3)*PX_W, Math.floor(cell/3)*PX_H, PX_W, PX_H, 0, 0, PX_W, PX_H);
      s.lastDrawnAbs = wantAbs;                    // forward-only guard: re-anchor can't land <= this
      if (_traceEnabled && best !== s._lastBest) {
        trace(panel, `${_ts()}   PLAY PLAY head=${best.firstAbs + 8} lead=${lead}f tq=${s.timeline.length} abs=${wantAbs} cell=${cell}`, 'play');
        s._lastBest = best;
      }
      const rxChunkBytes = Math.max(1, Math.round((best.sr || 8000) * FRAME_MS / 1000));
      if (audioCtx && best.audio && best.audio.length >= AUDIO_CHUNKS * rxChunkBytes) {
        if (s.audioPlayedAbs == null || wantAbs > s.audioPlayedAbs + 1) {
          if (s.audioPlayedAbs != null) {
            s.audioGlitches++;
            if (_traceEnabled) trace(panel, `${_ts()}   AUDIO AUDIO gap (re-anchor #${s.audioGlitches}) abs=${wantAbs} <- played=${s.audioPlayedAbs}`, 'black');
          }
          s.audioPlayedAbs = wantAbs - 1;
        }
        const ctxNow = audioCtx.currentTime;
        const schedTo = Math.min(best.firstAbs + 8, wantAbs + 2);  // small look-ahead, seamless but crisp on resync
        for (let abs = s.audioPlayedAbs + 1; abs <= schedTo; abs++) {
          const idx = abs - best.firstAbs;          // which chunk in this blob (0..8)
          if (idx < 0 || idx >= AUDIO_CHUNKS) continue;
          const chunk = best.audio.subarray(idx * rxChunkBytes, (idx + 1) * rxChunkBytes);
          const whenCtx = ctxNow + (abs - wantAbs) * (FRAME_MS / 1000);  // frame offset -> seconds
          playAudioChunk(chunk, best.sr, whenCtx);
          s.audioPlayedAbs = abs;
        }
      }
    } else {
      ctx.clearRect(0, 0, PX_W, PX_H);
    }
    drawPixelAcks(panel);
  }

  pruneTimeline(s, wantAbs);

  if (_traceEnabled) {
    const isBlack = !best;
    if (isBlack && !s._wasBlack) { s._wasBlack = true; s._blackStart = now; }
    if (!isBlack && s._wasBlack) {
      const dur = Math.round(now - s._blackStart);
      s.blackTotal += dur; s.blackEvents++;
      trace(panel, `${_ts()} GAP GAP ${dur}ms ended (total ${(s.blackTotal/1000).toFixed(1)}s over ${s.blackEvents})`, 'black');
      s._wasBlack = false;
    }
  }

  if (!s.timeline.length) { s._tlRunning = false; return; }
  const sinceAnchor = now - s.playAnchor.time;
  const msToNext = FRAME_MS - (((sinceAnchor % FRAME_MS) + FRAME_MS) % FRAME_MS);
  s._tlTimer = setTimeout(() => _tlTick(panel), Math.max(1, msToNext));
}
function enterMatchQueue(panel){
  const s = panels[panel];
  s.epoch++;
  s.sid = makeSid();
  s._fetchInflight = 0;
  s.active   = true;
  s.seeking  = true;
  s.remoteId = null;
  s.targetMirror = ''; s.remoteMirror = ''; s.remoteSid = ''; s.remoteMatchHead = 0; s.bridgeTarget = ''; s.bridgeSid = ''; s.matchAliasUntil = 0;
  s.directPending = false; s.directTarget = ''; s.directPartial = false; s.directResolved = ''; s.directSeenHead = 0; s.directSeenMirror = ''; s.directMirrors = null; s.directMirrorIdx = 0;
  s.searchMirrors = mirrorCandidates(); s.searchMirrorIdx = 0; s.checkedMirrors = new Set(['']);
  s.targetId = s.peerId + '_S';
  s.silence  = 0; s._phaseNudged = false;
  setStatus(panel, 'SEARCHING', 'searching');
  updateToggleBtn(panel);
  log(panel, 'Search Searching...' + (s.searchMirrors.length > 1 ? ' (' + s.searchMirrors.length + ' mirrors)' : ''), 'info');
}
function directConnect(panel, targetId, partial){
  const s = panels[panel];
  targetId = String(targetId || '').trim();
  partial = !!partial;
  if (!targetId || (!partial && targetId === s.peerId)) return false;
  if (bridgeActive) toggleBridge(true);
  rtcClose(s);
  s.epoch++;
  s.sid = makeSid(); s.avoidId = ''; s.avoidUntil = 0;
  if (s.fetchDelayTimer) { clearTimeout(s.fetchDelayTimer); s.fetchDelayTimer = null; }
  if (s.fetchTimer) { clearInterval(s.fetchTimer); s.fetchTimer = null; }
  s._tlRunning = false;
  if (s._tlTimer) { clearTimeout(s._tlTimer); s._tlTimer = null; }
  clearTimeline(s);
  s.remoteId = null; s.targetId = targetId; s.targetMirror = ''; s.remoteMirror = ''; s.remoteSid = ''; s.remoteMatchHead = 0; s.bridgeTarget = ''; s.bridgeSid = ''; s.matchAliasUntil = 0;
  s.directPending = true; s.directTarget = targetId; s.directPartial = partial; s.directResolved = ''; s.directSeenHead = 0; s.directSeenMirror = ''; s.directMirrors = mirrorCandidates(); s.directMirrorIdx = 0;
  s.searchMirrors = null; s.searchMirrorIdx = 0; s.checkedMirrors = new Set(['']);
  s.seeking = false; s.active = true; s.silence = 0; s.matchedAt = Date.now(); s.lastFreshAt = 0;
  s.outgoingMsg = ''; s.outgoingMsgTs = 0; s.msgQ = []; s.msgUntil = 0; s.outgoingBridge = null; s.outgoingPixelHits = []; s.pixelAcks = []; s.chatLastTs = 0;
  s._disconnecting = false; s._remoteCtx = null; s._fetchInflight = 0; s._phaseNudged = false;
  s.rxCount = 0; s.lastRxAt = 0; s.blackTotal = 0; s.blackEvents = 0; s.minLead = 999; s.audioGlitches = 0; s.maxDrx = 0;
  s._wasBlack = false; s._blackStart = 0;
  dbg.fetchStatus[panel] = 0; dbg.lastSize[panel] = 0; dbg.jpegBytes[panel] = 0; dbg.audioBytes[panel] = 0; dbg.blobAge[panel] = 0; dbg.lastHead[panel] = 0;
  dbg.connectedAt[panel] = 0;
  $p('chatInput', panel).disabled = false;
  $p('sendBtn', panel).disabled = false;
  setStatus(panel, 'CONNECTING', 'searching');
  updateToggleBtn(panel);
  setRemotePrompt(panel, 'Searching for ' + targetId);
  if (partial) log(panel, 'Partial ID entered - you might find someone else. Add more characters to narrow it.');
  log(panel, 'Looking for ID: ' + targetId + (s.directMirrors.length > 1 ? ' across ' + s.directMirrors.length + ' mirrors' : ''));
  if (_traceEnabled) trace(panel, `${_ts()}    DIRECT${partial ? '-PARTIAL' : ''} target=${targetId.slice(0,14)} mirrors=${s.directMirrors.length} epoch=${s.epoch}`, 'info');
  startFetch(panel);
  return true;
}
function resetChannel(panel, reEnter){
  const s = panels[panel];
  if (bridgeActive) toggleBridge(true);
  rtcClose(s);
  if (_traceEnabled) {
    const was = s.seeking ? 'seeking' : s.remoteId ? 'connected' : s.active ? 'active' : 'idle';
    trace(panel, `${_ts()}    RESET reEnter=${reEnter ? 1 : 0} epoch=${s.epoch}->${s.epoch + 1} was=${was} target=${(s.targetId || 'none').slice(0,14)}`, 'info');
  }
  s.epoch++;
  if (s.fetchDelayTimer) { clearTimeout(s.fetchDelayTimer); s.fetchDelayTimer = null; }
  if (s.fetchTimer) { clearInterval(s.fetchTimer); s.fetchTimer = null; }
  s._tlRunning = false;
  if (s._tlTimer) { clearTimeout(s._tlTimer); s._tlTimer = null; }
  clearTimeline(s);
  s.remoteId = null; s.targetId = null; s.targetMirror = ''; s.remoteMirror = ''; s.remoteSid = ''; s.remoteMatchHead = 0; s.bridgeTarget = ''; s.bridgeSid = ''; s.matchAliasUntil = 0;
  s.directPending = false; s.directTarget = ''; s.directPartial = false; s.directResolved = ''; s.directSeenHead = 0; s.directSeenMirror = ''; s.directMirrors = null; s.directMirrorIdx = 0;
  s.searchMirrors = null; s.searchMirrorIdx = 0; s.checkedMirrors = null;
  s.seeking = false; s.active = false; s.silence = 0; s.matchedAt = 0; s.lastFreshAt = 0;
  s.outgoingMsg = ''; s.outgoingMsgTs = 0; s.msgQ = []; s.msgUntil = 0; s.outgoingBridge = null; s.outgoingPixelHits = []; s.pixelAcks = []; s.chatLastTs = 0;
  s._disconnecting = false; s._remoteCtx = null; s._fetchInflight = 0; s._phaseNudged = false;
  s.rxCount = 0; s.lastRxAt = 0; s.blackTotal = 0; s.blackEvents = 0; s.minLead = 999; s.audioGlitches = 0; s.maxDrx = 0;
  s._wasBlack = false; s._blackStart = 0;
  dbg.fetchStatus[panel] = 0;
  dbg.lastSize[panel] = 0;
  dbg.jpegBytes[panel] = 0;
  dbg.audioBytes[panel] = 0;
  dbg.blobAge[panel] = 0;
  dbg.lastHead[panel]  = 0;
  dbg.connectedAt[panel] = 0;
  setRemotePrompt(panel);
  s.remoteCanvas = null;
  const ci = $p('chatInput', panel);
  ci.value = ''; ci.disabled = false;
  $p('sendBtn', panel).disabled = false;
  const bb = document.getElementById('btnBridge');
  bb.disabled = true; bb.classList.remove('active'); bb.title = bb.ariaLabel = _hdVideo ? 'Bridging not available in HD mode' : 'Bridge peers';
  setStatus(panel, 'IDLE');
  updateToggleBtn(panel);
  if (!reEnter) dbg.disconnects[panel]++;
  if (reEnter) enterMatchQueue(panel);
}
function toggleBridge(forceOff){
  const btn = document.getElementById('btnBridge');
  if (!forceOff && _hdVideo) { if (btn) { btn.disabled = true; btn.title = btn.ariaLabel = 'Bridging not available in HD mode'; } return; }
  if (!forceOff && !bridgeActive && !bridgeReady()) { updateBridgeReady(); return; }
  bridgeActive = forceOff ? false : !bridgeActive;
  if (bridgeActive) {
    rtcClose(panels.L); rtcClose(panels.R);
    panels.L.outgoingBridge = panels.R.remoteId;
    panels.R.outgoingBridge = panels.L.remoteId;
    btn.classList.add('active');
    btn.title = btn.ariaLabel = 'Bridge active - peers see each other, you watch silently';
    setStatus('L', 'BRIDGING', 'bridging'); setStatus('R', 'BRIDGING', 'bridging');
    log('L', 'Bridge: peers now see each other'); log('R', 'Bridge: peers now see each other');
  } else {
    panels.L.outgoingBridge = null; panels.R.outgoingBridge = null;
    panels.L.bridgeTarget = panels.L.bridgeSid = panels.R.bridgeTarget = panels.R.bridgeSid = '';
    btn.classList.remove('active');
    btn.title = btn.ariaLabel = 'Bridge inactive';
    if (panels.L.remoteId) setStatus('L', 'CONNECTED', 'connected');
    if (panels.R.remoteId) setStatus('R', 'CONNECTED', 'connected');
    log('L', 'Bridge OFF: original feeds restored'); log('R', 'Bridge OFF: original feeds restored');
  }
}
function sendChat(panel){
  const s = panels[panel];
  const inp = $p('chatInput', panel);
  const msg = inp.value.trim();
  if (!s.remoteId) {
    if (msg) {
      const direct = normalizePeerQuery(msg);
      if (direct && directConnect(panel, direct.id, direct.partial)) inp.value = '';
      else log(panel, 'Bad peer ID');
      return;
    }
    copyOwnPeerId(panel);
    return;
  }
  if (!msg) return;
  const lt=s.msgQ.length?s.msgQ[s.msgQ.length-1].t:s.outgoingMsgTs;
  s.msgQ.push({m:msg,t:Math.max(Date.now(),lt+1)});
  if(s.msgQ.length>16)s.msgQ.shift();
  log(panel, 'You: ' + msg, 'self');
  if (_traceEnabled) trace(panel, `${_ts()}   CHAT CHAT tx "${msg.slice(0,40)}"`, 'chat');
  inp.value = '';
}

// ===== BLOCK 13: DEVICE SWITCHERS + SVG LINES =====
let _deviceListenersAdded = false;
function addDeviceSwitchers(){
  const cluster = document.getElementById('deviceCluster');
  cluster.innerHTML = '';
  const camIcon = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h4l2-2h4l2 2h4v12H4z"/><circle cx="12" cy="13" r="3"/></svg>';
  const micIcon = '<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3M8 21h8"/></svg>';
  const make = (icon, label) => {
    const w = document.createElement('div'); w.style.position = 'relative';
    const b = document.createElement('button'); b.className = 'dev-btn'; b.innerHTML = icon;
    b.title = label; b.setAttribute('aria-label', label);
    const m = document.createElement('div'); m.className = 'dev-menu';
    w.appendChild(b); w.appendChild(m);
    return {w, b, m};
  };
  const cam = make(camIcon, 'Switch camera');
  const mic = make(micIcon, 'Switch microphone');
  cluster.appendChild(cam.w); cluster.appendChild(mic.w);
  const flip = which => e => {
    e.stopPropagation();
    document.querySelectorAll('.dev-menu').forEach(x => { if (x !== which) x.style.display = 'none'; });
    which.style.display = which.style.display === 'flex' ? 'none' : 'flex';
  };
  cam.b.onclick = flip(cam.m); mic.b.onclick = flip(mic.m);
  (async function populate(){
    if (!navigator.mediaDevices?.enumerateDevices) return;
    const devs = await navigator.mediaDevices.enumerateDevices();
    const vids = devs.filter(d => d.kind === 'videoinput');
    const auds = devs.filter(d => d.kind === 'audioinput');
    const swap = async (kind, deviceId) => {
      if (!_stream) return;
      const c = kind === 'video'
        ? {video:{deviceId}, audio:true}
        : {video:true, audio:{deviceId}};
      const fr = await navigator.mediaDevices.getUserMedia(c);
      const newT  = kind === 'video' ? fr.getVideoTracks()[0]  : fr.getAudioTracks()[0];
      const keepT = kind === 'video' ? _stream.getAudioTracks()[0] : _stream.getVideoTracks()[0];
      const out = new MediaStream();
      if (kind === 'video') { if (newT) out.addTrack(newT); if (keepT) out.addTrack(keepT); }
      else                  { if (keepT) out.addTrack(keepT); if (newT) out.addTrack(newT); }
      _stream = out; if (_rawVid) _rawVid.srcObject = out;
      rtcReplace(kind, newT);
      if (kind === 'video' && _fallbackTimer) { clearInterval(_fallbackTimer); _fallbackTimer = null; _fallbackVid = null; }
      reinitMic();
      log('L', kind === 'video' ? 'Switched camera' : 'Switched mic');
    };
    vids.forEach((d,i) => { const b=document.createElement('button'); b.textContent=d.label||('Camera '+(i+1)); b.onclick=async()=>{cam.m.style.display='none'; await swap('video', d.deviceId);}; cam.m.appendChild(b); });
    auds.forEach((d,i) => { const b=document.createElement('button'); b.textContent=d.label||('Mic '+(i+1));    b.onclick=async()=>{mic.m.style.display='none'; await swap('audio', d.deviceId);}; mic.m.appendChild(b); });
    if (!vids.length) cam.m.innerHTML = '<div style="padding:8px;color:#aaa">No cameras</div>';
    if (!auds.length) mic.m.innerHTML = '<div style="padding:8px;color:#aaa">No mics</div>';
  })();
  if (!_deviceListenersAdded) {
    document.addEventListener('click', () => {
      document.querySelectorAll('.dev-menu').forEach(m => m.style.display = 'none');
    });
    _deviceListenersAdded = true;
  }
}
function initSvgLines(){
  const svg = document.querySelector('svg.banner-image'); if (!svg) return;
  const colors = ['#ff4d6d','#ffb84d','#ffff4d','#4dff88','#4da6ff','#b84dff','#ff4da6','#ff884d','#88ff4d','#4dffb8','#b84dff','#ff4dff'];
  const rand = a => a[Math.floor(Math.random()*a.length)];
  const nodes = [];
  for (let i=0; i<7; i++) { const el = document.getElementById('node'+i); if (el) nodes.push(el); }
  const pairs = [[0,1],[1,2],[2,3],[3,4],[4,5],[5,6],[6,0],[0,2],[1,3],[2,4],[3,5],[4,6],[5,0],[6,1],[0,3],[1,4],[2,5],[3,6],[4,0],[5,1],[6,2]];
  const sg = svg.querySelector('#starGroup') || svg;
  pairs.forEach(([a,b]) => {
    const n1 = nodes[a], n2 = nodes[b]; if (!n1 || !n2) return;
    const ln = document.createElementNS('http://www.w3.org/2000/svg','line');
    ln.setAttribute('x1', n1.getAttribute('cx')); ln.setAttribute('y1', n1.getAttribute('cy'));
    ln.setAttribute('x2', n2.getAttribute('cx')); ln.setAttribute('y2', n2.getAttribute('cy'));
    ln.setAttribute('stroke', rand(colors));
    ln.setAttribute('stroke-width', (0.5 + Math.random()*1).toFixed(2));
    const an = document.createElementNS('http://www.w3.org/2000/svg','animate');
    const op = (0.2 + Math.random()*0.4).toFixed(2);
    an.setAttribute('attributeName', 'opacity');
    an.setAttribute('values', (op*0.3).toFixed(2)+';'+op+';'+(op*0.3).toFixed(2));
    an.setAttribute('dur', (3 + Math.random()*5).toFixed(1) + 's');
    an.setAttribute('begin', (Math.random()*4).toFixed(1) + 's');
    an.setAttribute('repeatCount', 'indefinite');
    ln.appendChild(an); sg.appendChild(ln);
  });
}

// ===== BLOCK 14: BINDINGS + DISCLAIMER FLOW =====
window.togRow = btn => { const on=btn.classList.toggle('on'); btn.textContent=btn.dataset.lbl+' - '+(on?'ON':'OFF'); };
const modeLabel=v=>v?'WebRTC Mode (WARNING)':'HTML Mode (Safe)';
const _setTog=(id,v)=>{const b=document.getElementById(id);if(!b)return;b.classList.toggle('on',!!v);if(id==='adultBtn'){b.textContent='HD';b.title=b.ariaLabel='CURRENTLY ON: '+modeLabel(v)}else b.textContent=b.dataset.lbl+' - '+(v?'ON':'OFF');};
const _getTog=id=>!!document.getElementById(id)?.classList.contains('on');
function setHdMode(v){
  const next=!!v;if(next===_hdVideo){_setTog('adultBtn',_hdVideo);return;}
  const stop=['L','R'].filter(p=>{const s=panels[p];return s&&(s.directPending||s.remoteId||s.seeking||s.active);});
  _hdVideo=next;try{localStorage.setItem('nosignup_hd_video',_hdVideo?'1':'0');}catch(_){}
  _setTog('adultBtn',_hdVideo);syncOwnPeerIds();
  for(const p of stop) resetChannel(p,false);
  setupLocalPreview('L');setupLocalPreview('R');retuneMedia();
  updateBridgeReady();
}
function optionLine(){
  const yn=v=>v?'ON':'OFF';
  return [
    'Options:',
    '(Refresh the page and click the "Options" Button to change these)',
    'Audio (~30KB/s) ['+yn(_audioOn)+']',
    'Performance Diagnostics ['+yn(_dbgEnabled)+']',
    'Trace Diagnostics ['+yn(_traceEnabled)+']',
    'Center crop ['+yn(_centerCrop)+']',
    'Trusted mirrors ['+yn(_preferTrusted)+']'
  ].join('\n');
}
try {
  _setTog('togStats',localStorage.getItem('nosignup_show_stats')==='1');
  _setTog('togTrace',localStorage.getItem('nosignup_trace')==='1');
  _audioOn=localStorage.getItem('nosignup_audio')!=='0';
  _centerCrop=localStorage.getItem('nosignup_center_crop')!=='0';
  _hdVideo=localStorage.getItem('nosignup_hd_video')==='1';
  _preferTrusted=localStorage.getItem('nosignup_prefer_trusted')==='1';
  _setTog('togAudio',_audioOn);
  _setTog('adultBtn',_hdVideo);
  _setTog('togCrop',_centerCrop);
  _setTog('togTrusted',_preferTrusted);
  syncOwnPeerIds();
} catch (_) {}
getMedia().then(() => {
  startUploadLoop();
}).catch(() => {}); // new user - no permission yet; mic starts after disclaimer accept/user gesture
document.getElementById('acceptDisclaimerBtn').onclick = async () => {
  const want = _getTog('togStats');
  try { localStorage.setItem('nosignup_show_stats', want ? '1' : '0'); } catch (_) {}
  _dbgEnabled = want;
  if (want) createDebugOverlay();
  _traceEnabled = _getTog('togTrace');
  try { localStorage.setItem('nosignup_trace', _traceEnabled ? '1' : '0'); } catch (_) {}
  if (_traceEnabled) { log('L','Trace ON - TX/RX/PLAY/BLACK below','info'); log('R','Trace ON - TX/RX/PLAY/BLACK below','info'); }
  const wantAudio = _getTog('togAudio');
  try { localStorage.setItem('nosignup_audio', wantAudio ? '1' : '0'); } catch (_) {}
  _centerCrop = _getTog('togCrop');
  _preferTrusted = _getTog('togTrusted');
  try {
    localStorage.setItem('nosignup_center_crop', _centerCrop ? '1' : '0');
    localStorage.setItem('nosignup_prefer_trusted', _preferTrusted ? '1' : '0');
  } catch (_) {}
  if (wantAudio !== _audioOn) {
    _audioOn = wantAudio;
    disconnectMic();
    if (audioCtx) { try { audioCtx.close(); } catch(_){} audioCtx = null; }
    if (_stream) { try { _stream.getTracks().forEach(t => t.stop()); } catch(_){} _stream = null; }
    if (_rawVid && !(_rawVid instanceof HTMLCanvasElement)) { try { _rawVid.srcObject = null; _rawVid.remove(); } catch(_){} }
    _rawVid = null;
  }
  document.getElementById('disclaimerOverlay').remove();
  document.getElementById('btnToggle1').disabled = true;
  document.getElementById('btnToggle2').disabled = true;
  addDeviceSwitchers(); initSvgLines();
  await wakeAudio();
  await getMedia();
  ensureMic();
  startUploadLoop();
  setupLocalPreview('L'); setupLocalPreview('R');
  const opts = optionLine();
  log('L', opts); log('R', opts);
  log('L', 'OK Ready - click Find Peer'); log('R', 'OK Ready - click Find Peer');
  document.getElementById('btnToggle1').disabled = false;
  document.getElementById('btnToggle2').disabled = false;
};

function mkToggle(panel, btnId, label){
  return () => {
    const tk = panel === 'L' ? 'Ltimer' : 'Rtimer';
    if (panels[panel].remoteId) {
      if (!confirmState[panel]) {
        confirmState[panel] = true;
        updateToggleBtn(panel);
        if (confirmState[tk]) clearTimeout(confirmState[tk]);
        confirmState[tk] = setTimeout(() => {
          confirmState[panel] = false;
          updateToggleBtn(panel);
        }, 3000);
      } else {
        if (confirmState[tk]) clearTimeout(confirmState[tk]);
        confirmState[tk] = null; confirmState[panel] = false;
        panels[panel].avoidId = panels[panel].remoteId; panels[panel].avoidUntil = Date.now() + AVOID_MS;
        resetChannel(panel, true);
      }
    } else if (panels[panel].seeking || panels[panel].active) {
      if (_traceEnabled) trace(panel, `${_ts()}    STOP SEARCH clicked epoch=${panels[panel].epoch} target=${(panels[panel].targetId || 'none').slice(0,14)}`, 'info');
      resetChannel(panel, false);
    } else {
      const direct = panelInputPeerId(panel);
      if (direct) directConnect(panel, direct.id, direct.partial);
      else enterMatchQueue(panel);
    }
  };
}
document.getElementById('btnToggle1').onclick = mkToggle('L', 'btnToggle1', 'Find Peer');
document.getElementById('btnToggle2').onclick = mkToggle('R', 'btnToggle2', 'Find Peer');
document.getElementById('btnBridge').onclick  = () => toggleBridge(false);
document.getElementById('sendBtn1').onclick   = () => sendChat('L');
document.getElementById('sendBtn2').onclick   = () => sendChat('R');
document.getElementById('chatInput1').addEventListener('keypress', e => { if (e.key === 'Enter') sendChat('L'); });
document.getElementById('chatInput2').addEventListener('keypress', e => { if (e.key === 'Enter') sendChat('R'); });
document.getElementById('statusBadge1').onclick = e => { e.stopPropagation(); copyOwnPeerId('L'); };
document.getElementById('statusBadge2').onclick = e => { e.stopPropagation(); copyOwnPeerId('R'); };
document.getElementById('remoteVideoContainer1').onclick = () => focusPeerInput('L');
document.getElementById('remoteVideoContainer2').onclick = () => focusPeerInput('R');
setStatus('L', 'IDLE');
setStatus('R', 'IDLE');
setRemotePrompt('L');
setRemotePrompt('R');

log('L', 'Search Ready - accept disclaimer to begin');
log('R', 'Search Ready - accept disclaimer to begin');

// ===== DONATE MODAL =====
function wireModal(btnId, modalId, boxId, closeId){
  const m = document.getElementById(modalId);
  document.getElementById(btnId).onclick = e => { e.stopPropagation(); m.style.display = m.style.display === 'flex' ? 'none' : 'flex'; };
  m.onclick = () => { m.style.display = 'none'; };
  document.getElementById(boxId).onclick = e => { e.stopPropagation(); };
  document.getElementById(closeId).onclick = e => { e.stopPropagation(); m.style.display = 'none'; };
  return m;
}
wireModal('optionsBtn','optionsModal','optionsBox','optionsDismiss');
const adultM = document.getElementById('adultModal');
document.getElementById('adultBtn').onclick = e => {
  e.stopPropagation();
  if (_hdVideo) setHdMode(false); else adultM.style.display = 'flex';
};
adultM.onclick = () => { adultM.style.display = 'none'; };
document.getElementById('adultBox').onclick = e => { e.stopPropagation(); };
document.getElementById('adultDismiss').onclick = e => { e.stopPropagation(); adultM.style.display = 'none'; };
document.getElementById('adultAccept').onclick = e => {
  e.stopPropagation();
  setHdMode(true);
  adultM.style.display = 'none';
};
document.getElementById('adultReject').onclick = e => {
  e.stopPropagation();
  setHdMode(false);
  adultM.style.display = 'none';
};
wireModal('donateBtn','donateModal','donateBox','donateDismiss');
document.querySelectorAll('.close-menu').forEach(b => {
  b.onclick = e => { e.stopPropagation(); document.getElementById(b.dataset.close).style.display = 'none'; };
});
window._copyAddr = el => {
  const addr = el.childNodes[el.childNodes.length-1].textContent.trim();
  navigator.clipboard?.writeText(addr).catch(() => {});
  el.classList.add('d-copied');
  setTimeout(() => el.classList.remove('d-copied'), 1200);
};
const _van = document.createElement('div');
_van.innerHTML = '<input id="vanityInput" class="d-input" autocomplete="off" placeholder="desired base ID"><button id="vanityBtn" class="d-submit" type="button">Copy vanity memo</button><p id="vanityStatus" class="d-status">KEEP PAGE OPEN. No ownership, recovery, refunds, or guarantees.</p>';
document.getElementById('donateBox').insertBefore(_van, document.getElementById('donateBox').querySelector('.d-rule'));
document.getElementById('vanityBtn').onclick = e => {
  e.stopPropagation();
  const st = document.getElementById('vanityStatus');
  let b = (document.getElementById('vanityInput').value || '').replace(/_S$/,'').replace(/(?:_H)?_[LR]$/,'').replace(/_H$/,'').replace(/[^a-zA-Z0-9_-]/g,'').slice(0,32);
  if (b.length < 3) { st.textContent = 'Enter 3-32 letters/numbers first.'; return; }
  const memo = panels.L.peerId + '.' + panels.R.peerId + '>' + b + '_L.' + b + '_R';
  navigator.clipboard?.writeText(memo).then(() => st.textContent = 'Memo copied. Keep this page open until confirmed.').catch(() => st.textContent = memo);
};

// ===== NETWORK MODAL (mirror staging - sec 0: censorship resistance via disposable mirrors) =====
wireModal('networkBtn','networkModal','networkBox','networkDismiss');
const MIRROR_KEY = 'nosignup_pending_mirrors', MIRROR_CAP = 64, MIRROR_TIMEOUT = 3000;
let _selfParity = '';
function _mirrorBase(raw){
  try {
    raw = String(raw||'').trim();
    if (!/^https?:\/\//i.test(raw)) raw = 'https://' + raw;
    const u = new URL(raw, location.href); u.hash = ''; u.search = '';
    u.pathname = /\.php$/i.test(u.pathname) ? u.pathname : u.pathname.replace(/\/?$/,'/') + 'index.php';
    return u.href;
  }catch(_){return '';}
}
function mirrorLabel(base){ try { return new URL(base, location.href).host; } catch(_) { return 'mirror'; } }
function mirrorList(){
  let list = []; try { list = JSON.parse(localStorage.getItem(MIRROR_KEY) || '[]'); } catch (_) {}
  if (!Array.isArray(list)) return []; const local = new URL('index.php', location.href).href, seen = new Set(), out = [];
  for (const raw of list){
    const b = _mirrorBase(raw);
    if (b && b !== local && !seen.has(b)) { seen.add(b); out.push(b); if (out.length >= MIRROR_CAP) break; }
  }
  return out;
}
function mirrorCandidates(){ return [''].concat(mirrorList()); }
function mirrorChecked(s,b){return !b || (s.checkedMirrors && s.checkedMirrors.has(b));}
function markMirrorChecked(s,b){if(!s.checkedMirrors)s.checkedMirrors=new Set(['']);s.checkedMirrors.add(b);}
function nextFetchMirror(s){
  if (!s) return ''; if (s.remoteMirror || s.targetMirror) return s.remoteMirror || s.targetMirror;
  const a = s.directPending ? s.directMirrors : (s.seeking ? s.searchMirrors : null);
  if (a && a.length) {
    const k = s.directPending ? 'directMirrorIdx' : 'searchMirrorIdx';
    const m = a[s[k] % a.length] || ''; s[k] = (s[k] + 1) % a.length; return m;
  }
  return '';
}
function spriteApiUrl(base, peerId, fromPeerId){
  if (!base) return API('sprite') + '&peerId=' + encodeURIComponent(peerId) + '&fromPeerId=' + encodeURIComponent(fromPeerId);
  return _mirrorBase(base) + '?api=sprite&_d=' + encodeURIComponent(deviceId) + '&peerId=' + encodeURIComponent(peerId) + '&fromPeerId=' + encodeURIComponent(fromPeerId);
}
async function _parity(url){
  const opt = {cache:'no-store'};
  let c = null, t = 0;
  if (typeof AbortController !== 'undefined') { c = new AbortController(); opt.signal = c.signal; t = setTimeout(() => c.abort(), MIRROR_TIMEOUT); }
  try {
    const r = await fetch(url, opt);
    if (!r.ok || !crypto?.subtle) return '';
    let s = await r.text();
    s = s.replace(/^\uFEFF/,'').replace(/\r\n?/g,'\n').replace(/[ \t]+\n/g,'\n').replace(/\n*$/,'\n');
    const h = await crypto.subtle.digest('SHA-256', TEXT_ENCODER.encode(s));
    return [...new Uint8Array(h)].map(b => b.toString(16).padStart(2,'0')).join('');
  }
  catch(_){ return ''; }
  finally { if (t) clearTimeout(t); }
}
async function mirrorOkNow(base){
  const b = _mirrorBase(base);
  if (!b || b === new URL('index.php', location.href).href) return false;
  const want = _selfParity || (_selfParity = await _parity('index.php?src=1'));
  return !!want && await _parity(b + '?src=1') === want;
}
function storeMirror(base){
  const b = _mirrorBase(base);
  if (!b || b === new URL('index.php', location.href).href) return 0;
  let list = mirrorList();
  if (list.indexOf(b) < 0) { list.push(b); while (list.length > MIRROR_CAP) list.shift(); try { localStorage.setItem(MIRROR_KEY, JSON.stringify(list)); } catch (_) {} }
  return list.length;
}
async function learnMirrors(arr){
  if (!Array.isArray(arr)) return;
  for (const raw of arr.slice(0, 8)) if (await mirrorOkNow(raw)) storeMirror(raw);
}
function gossipUrl(base){return base ? _mirrorBase(base) + '?api=mirror' : API('mirror');}
let _gossipBusy = false;
async function gossipDeposit(force){
  if (_gossipBusy && !force) return; _gossipBusy = true;
  try{
    const mine = mirrorList(), body = mine.slice(0,16).join('\n');
    const targets = [''].concat(mine.slice(0,8));
    for (const m of targets) {
      try {
        const r = await fetch(gossipUrl(m), {method:'POST',headers:{'Content-Type':'text/plain'},body});
        const d = await r.json(); if (d && d.mirrors) learnMirrors(d.mirrors);
      } catch (_) {}
    }
  } finally { _gossipBusy = false; }
}
async function _stageMirror(){
  const inp = document.getElementById('mirrorInput'), st = document.getElementById('mirrorStatus');
  const raw = (inp.value || '').trim();
  const base = _mirrorBase(raw), src = base ? base + '?src=1' : '', bare = raw.replace(/^https?:\/\//i, '');
  if (raw.length < 4 || raw.length > 200 || !src || !/^[a-z0-9][a-z0-9.\-:\/_~%\[\]]*$/i.test(bare)) {
    st.textContent = 'X enter a URL or IP'; return;
  }
  st.textContent = 'checking source parity...';
  const want = _selfParity || (_selfParity = await _parity('index.php?src=1'));
  const got = await _parity(src);
  if (!want || !got) { st.textContent = 'X cannot read mirror parity'; return; }
  if (got !== want) { st.textContent = 'X source parity mismatch'; return; }
  const listLen = storeMirror(base);
  st.textContent = 'OK parity match; staged locally (' + listLen + ' pending)';
  inp.value = '';
  gossipDeposit(true);
}
document.getElementById('mirrorSubmit').onclick = e => { e.stopPropagation(); _stageMirror(); };
document.getElementById('mirrorInput').onclick  = e => { e.stopPropagation(); };
document.getElementById('mirrorInput').addEventListener('keypress', e => { if (e.key === 'Enter') _stageMirror(); });
setTimeout(() => gossipDeposit(false), 1200);

})();
</script>
</body></html>