phimpal-tv 0.2.0

package/mod.js

@@ -0,0 +1,882 @@
+// PhimPal TV v0.2.0 — generated by build.js from phimpal-tv.user.js, do not edit.
+// TizenBrew site-modification module for https://phimpal.com/
+(function registerRemoteKeys() {
+  try {
+    var api = window.tizen && window.tizen.tvinputdevice;
+    if (!api || !api.registerKey) return;
+    ["MediaPlayPause","MediaPlay","MediaPause","ChannelUp","ChannelDown"].forEach(function (k) { try { api.registerKey(k); } catch (e) { /* unsupported key */ } });
+  } catch (e) { /* not running on Tizen */ }
+})();
+
+(function () {
+  'use strict';
+
+  // ------------------------------------------------------------------ config
+  const CFG = {
+    keyboardEmulation: false,  // remote key codes only
+    debug: (function () { try { return localStorage.getItem('tv-debug') === '1'; } catch (e) { return false; } })(), // badge off unless asked
+    hideCursor: true,          // the D-pad replaces the pointer
+    seekSteps: [10, 30, 60, 300], // seconds per press, accelerates while you keep pressing
+    seekAccelWindow: 800,      // ms between presses to accelerate
+    chanSeek: 300,             // Channel up/down step inside seek mode, seconds
+    badgeMs: 2000,
+    carouselAnimMs: 560,       // site uses duration-500 on the track
+  };
+
+  // ------------------------------------------------------------------ keys
+  const A = { LEFT: 'left', RIGHT: 'right', UP: 'up', DOWN: 'down', OK: 'ok', BACK: 'back', PLAY: 'play', CHUP: 'chup', CHDOWN: 'chdown' };
+  const TIZEN_KEYS = { 37: A.LEFT, 38: A.UP, 39: A.RIGHT, 40: A.DOWN, 13: A.OK, 10009: A.BACK, 10252: A.PLAY, 427: A.CHUP, 428: A.CHDOWN };
+  const KB_KEYS = { 27: A.BACK, 8: A.BACK, 32: A.PLAY, 33: A.CHUP, 34: A.CHDOWN };
+
+  // ------------------------------------------------------------------ state
+  const S = {
+    mode: 'NAV',        // NAV | PLAYER | BAR
+    focused: null,      // focused block element
+    sub: null,          // 'xem' (card popup play button) | 'menu' (vjs menu open)
+    menu: null, menuBtn: null, menuItem: null,
+    returnMode: null,   // mode to restore when a dialog/menu scope closes
+    beforeScope: null,
+    hoverTrigger: null, // [aria-haspopup] element whose hover-menu we opened synthetically
+    rowMem: new WeakMap(),
+    seek: { t: 0, dir: 0, lvl: 0 },
+    seekTo: null,       // pending target (seconds) while scrubbing; committed with OK
+    seekReturn: null,   // mode to go back to when scrubbing ends
+    seekWasPlaying: false,
+    url: location.href,
+    lastKey: null,
+    fsExitAt: 0,
+  };
+
+  // ------------------------------------------------------------------ dom helpers
+  const $ = (s, r = document) => r.querySelector(s);
+  const $$ = (s, r = document) => Array.from(r.querySelectorAll(s));
+  const rectOf = (el) => el.getBoundingClientRect();
+  const isWatch = () => /^\/watch\//.test(location.pathname);
+  const isHome = () => location.pathname === '/';
+  const player = () => { const v = $('.video-js'); return v && v.player ? v.player : null; };
+  const editingEl = () => { const a = document.activeElement; return a && /^(INPUT|TEXTAREA|SELECT)$/.test(a.tagName) ? a : null; };
+
+  // The subtitle panel is built from plain <div>s with no ARIA, so its parts are listed explicitly.
+  // (.vjs-sp-shift-btn, the per-track timing button, is left out: it sits inside a track item
+  //  and would create a one-way trap for horizontal moves.)
+  const SP_CAND = '.vjs-sp-tab, .vjs-sp-track-item, .vjs-sp-caption-btn, .vjs-sp-topbottom-label';
+  const CAND = 'a[href], button, select, input:not([type=hidden]), textarea, [role="menuitem"], [role="menuitemradio"], [role="menuitemcheckbox"], [role="option"], [tabindex]:not([tabindex="-1"]), .video-js, ' + SP_CAND;
+  const EXCL_ANCESTOR = 'aside, .vjs-control-bar, .vjs-big-play-button, .vjs-hidden, .vjs-menu, .vjs-modal-dialog, .vjs-subtitle-panel, .vjs-text-track-display, [aria-hidden="true"], #tv-badge';
+  const EXCL_SELF = 'button[aria-label="Previous"], button[aria-label="Next"], button[aria-label^="Go to page"]';
+  const POPUP = ':scope > .group-hover\\:block';
+
+  function styleVisible(el) {
+    const cs = getComputedStyle(el);
+    return cs.visibility !== 'hidden' && cs.display !== 'none' && parseFloat(cs.opacity) > 0 && cs.pointerEvents !== 'none';
+  }
+  function ancestorsOpaque(el, depth = 4) {
+    let n = el.parentElement;
+    while (n && n !== document.body && depth-- > 0) {
+      const cs = getComputedStyle(n);
+      if (cs.visibility === 'hidden' || parseFloat(cs.opacity) === 0) return false;
+      n = n.parentElement;
+    }
+    return true;
+  }
+  // nearest ancestor that clips or scrolls horizontally
+  function clipAncestor(el) {
+    let n = el.parentElement;
+    while (n && n !== document.body) {
+      const ox = getComputedStyle(n).overflowX;
+      if (ox === 'clip' || ox === 'hidden') return { el: n, kind: 'clip' };
+      if (ox === 'auto' || ox === 'scroll') return { el: n, kind: 'scroll' };
+      n = n.parentElement;
+    }
+    return null;
+  }
+  function horizVisible(el, r) {
+    const c = clipAncestor(el);
+    if (c && c.kind === 'scroll') return true; // reachable by scrolling
+    const box = c ? rectOf(c.el) : { left: 0, right: innerWidth };
+    const vis = Math.min(r.right, box.right) - Math.max(r.left, box.left);
+    return vis >= r.width * 0.7; // partially clipped carousel items are not targets
+  }
+  function isVisibleBlock(el) {
+    if (!el || !el.isConnected) return false;
+    const r = rectOf(el);
+    if (r.width < 4 || r.height < 4) return false;
+    if (!styleVisible(el) || !ancestorsOpaque(el)) return false;
+    if (!horizVisible(el, r)) return false;
+    const h = el.closest('header');
+    if (h && rectOf(h).bottom <= 0) return false; // header slid away
+    return true;
+  }
+
+  const popupOf = (g) => g.querySelector(POPUP);
+  const xemOf = (g) => { const p = popupOf(g); return p && p.querySelector('a[href^="/api/play/"]'); };
+  const posterOf = (g) => g.querySelector('a[href^="/title/"]') || g.querySelector('a[href]');
+  const isCard = (b) => !!b && b.classList.contains('group') && !!popupOf(b);
+  const isPlayerEl = (b) => !!b && b.classList.contains('video-js');
+
+  function blockOf(el) {
+    if (el.classList.contains('video-js')) return el;
+    const g = el.closest('.group');
+    if (g && popupOf(g)) return g;
+    return el;
+  }
+
+  // hover-opened menus (header avatar): the site opens them on mouseenter and
+  // closes them on mouseleave of the trigger or of the menu. We fake the mouse.
+  const HOVER_TRIGGER = 'button[aria-haspopup="menu"]:not([class*="vjs-"])';
+  const isHoverTrigger = (el) => !!el && el.matches && el.matches(HOVER_TRIGGER);
+  function mouse(el, type) { if (el) el.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' && type !== 'mouseleave', cancelable: true })); }
+  // The synthetic mouseenter mounts the menu, but the site fades it in only while the
+  // element really matches :hover — which never happens with a remote. So we mount it
+  // and make it visible ourselves.
+  const HOVER_MENU = '[role="menu"], [data-scope="menu"][data-part="content"], [data-scope="popover"][data-part="content"]';
+  function hoverMenuEl() {
+    return $$(HOVER_MENU).find((e) => !e.closest('.video-js') && rectOf(e).height > 0) || null;
+  }
+  function hoverOpen(trigger) {
+    if (S.hoverTrigger && S.hoverTrigger !== trigger) hoverClose();
+    S.hoverTrigger = trigger;
+    mouse(trigger, 'pointerenter'); mouse(trigger, 'mouseenter'); mouse(trigger, 'pointerover'); mouse(trigger, 'mouseover');
+    waitFor(hoverMenuEl, 1000, (el) => {
+      if (S.hoverTrigger !== trigger) return;
+      el.classList.add('tv-force-visible');
+      badge('menu');
+    });
+  }
+  function hoverClose() {
+    const t = S.hoverTrigger; if (!t) return;
+    S.hoverTrigger = null;
+    const menu = hoverMenuEl();
+    $$('.tv-force-visible').forEach((e) => e.classList.remove('tv-force-visible'));
+    if (menu) { mouse(menu, 'mouseleave'); mouse(menu, 'mouseout'); }
+    mouse(t, 'mouseleave'); mouse(t, 'mouseout');
+  }
+  const hoverMenuOpen = () => !!S.hoverTrigger && !!currentScope(); // aria-expanded goes stale, the rendered menu doesn't
+
+  // dialogs / menus that should capture navigation
+  const subPanel = () => $('.vjs-subtitle-panel.is-open');
+  function currentScope() {
+    const list = $$('.vjs-modal-dialog:not(.vjs-hidden), [role="dialog"], [role="alertdialog"], [role="menu"], [data-scope="menu"][data-part="content"], [data-scope="popover"][data-part="content"], [data-scope="dialog"][data-part="content"]');
+    const dialog = list.find((e) => {
+      if (e.closest('.video-js') && !e.classList.contains('vjs-modal-dialog')) return false;
+      const r = rectOf(e);
+      return r.width > 0 && r.height > 0 && styleVisible(e);
+    });
+    if (dialog) return dialog; // a caption-settings modal opens on top of the subtitle panel
+    const sp = subPanel();
+    return (sp && rectOf(sp).height > 0) ? sp : null;
+  }
+
+  function collectBlocks(scope) {
+    const root = scope || document;
+    const seen = new Set(), dupes = new Map(), out = [];
+    for (const el of $$(CAND, root)) {
+      if (!scope && el.closest(EXCL_ANCESTOR)) continue;
+      if (scope && el.closest('.vjs-hidden, #tv-badge')) continue;
+      if (el.matches(EXCL_SELF)) continue;
+      if (!isVisibleBlock(el)) continue;
+      const b = blockOf(el);
+      if (seen.has(b)) continue;
+      if (b.tagName === 'BUTTON' && b.querySelector('a[href]')) continue; // wrapper button around links
+      if (b.tagName === 'A') { // same link twice in one container (image + caption)
+        const c = b.closest('.group, button, li, .shrink-0, article') || b.parentElement;
+        let set = dupes.get(c); if (!set) dupes.set(c, (set = new Set()));
+        const href = b.getAttribute('href');
+        if (set.has(href)) continue;
+        set.add(href);
+      }
+      seen.add(b); out.push(b);
+    }
+    return out;
+  }
+
+  // ------------------------------------------------------------------ spatial navigation
+  // The fixed header floats over the content: only consider it when nothing else
+  // is available in that direction (otherwise "up" from mid-page would always hit it).
+  function pickTarget(from, dir, blocks) {
+    const inHeader = !!from.closest('header');
+    if (!inHeader) {
+      const t = pickAmong(from, dir, blocks.filter((b) => !b.closest('header')));
+      if (t) return t;
+    }
+    return pickAmong(from, dir, blocks);
+  }
+  function pickAmong(from, dir, blocks) {
+    const F = rectOf(from), fcx = (F.left + F.right) / 2, fcy = (F.top + F.bottom) / 2;
+    const horiz = dir === A.LEFT || dir === A.RIGHT;
+    const fromClip = horiz ? clipAncestor(from) : null;
+    let best = null, bs = Infinity;
+    for (const b of blocks) {
+      if (b === from) continue;
+      const C = rectOf(b), cx = (C.left + C.right) / 2, cy = (C.top + C.bottom) / 2;
+      let ok = false, primary = 0, secondary = 0;
+      switch (dir) {
+        case A.RIGHT: ok = C.left >= fcx && cx > fcx; primary = Math.max(0, C.left - F.right); secondary = Math.abs(cy - fcy); break;
+        case A.LEFT: ok = C.right <= fcx && cx < fcx; primary = Math.max(0, F.left - C.right); secondary = Math.abs(cy - fcy); break;
+        case A.DOWN: ok = C.top >= fcy && cy > fcy; primary = Math.max(0, C.top - F.bottom); secondary = xGap(F, C); break;
+        case A.UP: ok = C.bottom <= fcy && cy < fcy; primary = Math.max(0, F.top - C.bottom); secondary = xGap(F, C); break;
+      }
+      if (!ok) continue;
+      if (horiz) {
+        if (fromClip && !fromClip.el.contains(b)) continue; // stay inside the row
+        if (Math.min(F.bottom, C.bottom) - Math.max(F.top, C.top) <= 0) continue; // same line only
+        const score = primary + 2 * secondary;
+        if (score < bs) { bs = score; best = b; }
+      } else {
+        const score = primary + secondary;
+        if (score < bs) { bs = score; best = b; }
+      }
+    }
+    return best;
+  }
+  function xGap(F, C) {
+    const overlap = Math.min(F.right, C.right) - Math.max(F.left, C.left);
+    const dc = Math.abs((C.left + C.right) / 2 - (F.left + F.right) / 2);
+    if (overlap > 0) return dc * 0.25;
+    return Math.max(F.left - C.right, C.left - F.right) + F.width * 0.25 + dc * 0.25;
+  }
+
+  // carousel paging (overflow-x: clip + translateX track + Prev/Next buttons)
+  function carouselOf(block) {
+    const c = clipAncestor(block);
+    if (!c || c.kind !== 'clip') return null;
+    // arrows live inside the clip element itself (.overflow-x-clip > .relative > [track, arrows]);
+    // all rows share one .container, so never search above the clip
+    const next = $('button[aria-label="Next"]', c.el), prev = $('button[aria-label="Previous"]', c.el);
+    if (!next && !prev) return null;
+    return { clip: c.el, next, prev };
+  }
+  const canClick = (b) => !!b && !b.disabled && rectOf(b).width > 0 && parseFloat(getComputedStyle(b).opacity) > 0;
+  function pageCarousel(block, dir) {
+    const car = carouselOf(block);
+    if (!car) return false;
+    const btn = dir === A.RIGHT ? car.next : car.prev;
+    if (!canClick(btn)) return false;
+    const item = block.closest('.shrink-0') || block;
+    const sib = dir === A.RIGHT ? item.nextElementSibling : item.previousElementSibling;
+    btn.click();
+    setTimeout(() => {
+      let t = sib && (sib.matches('.group') ? sib : sib.querySelector('.group'));
+      if (!(t && isVisibleBlock(t))) {
+        const vis = $$('.group', car.clip).filter(isVisibleBlock);
+        t = dir === A.RIGHT ? vis[0] : vis[vis.length - 1];
+      }
+      if (t) setFocus(t);
+    }, CFG.carouselAnimMs);
+    return true;
+  }
+  function rowsOnPage() {
+    return $$('.overflow-x-clip, [class*="overflow-x-auto"], [class*="overflow-x-scroll"]')
+      .filter((r) => $('.group, a[href]', r) && rectOf(r).height > 0)
+      .sort((a, b) => rectOf(a).top - rectOf(b).top);
+  }
+  function jumpRow(dir) {
+    const rows = rowsOnPage(); if (!rows.length) return;
+    const cur = S.focused && clipAncestor(S.focused);
+    let i = cur ? rows.indexOf(cur.el) : -1;
+    if (i < 0) { const y = S.focused ? rectOf(S.focused).top : 0; i = rows.findIndex((r) => rectOf(r).top > y); if (i < 0) i = rows.length; if (dir === A.UP) i--; else i--; }
+    i += dir === A.DOWN ? 1 : -1;
+    const row = rows[i]; if (!row) return;
+    const mem = S.rowMem.get(row);
+    const t = (mem && isVisibleBlock(mem)) ? mem : collectBlocks().find((b) => row.contains(b));
+    if (t) setFocus(t);
+  }
+
+  // ------------------------------------------------------------------ focus rendering
+  function clearFocus() {
+    const b = S.focused; if (!b) return;
+    b.classList.remove('tv-focus', 'tv-focus-ring', 'tv-sub-active');
+    $$('.tv-focus-ring, .tv-sub-focus', b).forEach((e) => e.classList.remove('tv-focus-ring', 'tv-sub-focus'));
+    S.sub = null;
+  }
+  function setFocus(block, opts = {}) {
+    if (!block) return;
+    if (S.focused !== block) clearFocus();
+    S.focused = block;
+    if (isCard(block)) { block.classList.add('tv-focus'); (popupOf(block) || block).classList.add('tv-focus-ring'); }
+    else block.classList.add('tv-focus-ring');
+    const c = clipAncestor(block); if (c) S.rowMem.set(c.el, block);
+    if (isHoverTrigger(block)) { if (!opts.noHover) hoverOpen(block); }
+    else if (S.hoverTrigger) { const sc = currentScope(); if (!sc || !sc.contains(block)) hoverClose(); }
+    if (!isWatch()) remember(block);
+    if (!opts.noScroll) ensureVisible(block);
+    badge();
+  }
+  function setSub(s) {
+    const f = S.focused; if (!f) return;
+    $$('.tv-sub-focus', f).forEach((e) => e.classList.remove('tv-sub-focus'));
+    S.sub = s;
+    if (s === 'xem') { const x = xemOf(f); if (x) { x.classList.add('tv-sub-focus'); f.classList.add('tv-sub-active'); } }
+    else f.classList.remove('tv-sub-active');
+    badge();
+  }
+  function ensureVisible(el) {
+    if (el.closest('header')) return;
+    const r = rectOf(el);
+    if (r.top < 90 || r.bottom > innerHeight - 30) el.scrollIntoView({ block: 'center', inline: 'nearest' });
+    else { const c = clipAncestor(el); if (c && c.kind === 'scroll') el.scrollIntoView({ block: 'nearest', inline: 'nearest' }); }
+  }
+
+  // per-URL focus memory (survives the full reload of the watch page)
+  const memKey = () => location.pathname + location.search;
+  function loadMem() { try { return JSON.parse(sessionStorage.getItem('tv-nav-mem') || '{}'); } catch (e) { return {}; } }
+  function saveMem(m) { try { sessionStorage.setItem('tv-nav-mem', JSON.stringify(m)); } catch (e) { /* ignore */ } }
+  function hrefOf(b) { const a = b.tagName === 'A' ? b : (isCard(b) ? posterOf(b) : null); return a ? a.getAttribute('href') : null; }
+  function remember(block) {
+    const m = loadMem();
+    const sc = currentScope();
+    m[memKey()] = { href: hrefOf(block), idx: collectBlocks(sc && sc.contains(block) ? sc : null).indexOf(block) };
+    saveMem(m);
+  }
+  function initialFocus() {
+    const scope = currentScope();
+    const blocks = collectBlocks(scope);
+    if (!blocks.length) return false;
+    let t = null;
+    if (!scope) {
+      const m = loadMem()[memKey()];
+      if (m) {
+        if (m.href) t = blocks.find((b) => hrefOf(b) === m.href);
+        if (!t && m.idx != null && blocks[m.idx]) t = blocks[m.idx];
+      }
+    }
+    if (!t && !scope) t = blocks.find((b) => b.tagName === 'A' && /^\/api\/play\//.test(b.getAttribute('href') || '')); // title page: XEM PHIM
+    if (!t) t = blocks.find(isCard) || blocks.find((b) => !b.closest('header')) || blocks[0];
+    setFocus(t);
+    return true;
+  }
+
+  // ------------------------------------------------------------------ player
+  function enterPlayer() {
+    const p = player(); if (!p) return;
+    if (S.seekTo != null) clearSeek();
+    S.mode = 'PLAYER'; S.sub = null; S.menu = null;
+    setFocus(p.el(), { noScroll: true });
+    p.userActive(true);
+    if (!isFs()) window.scrollTo({ top: 0 });
+    badge();
+  }
+  function togglePlay() { const p = player(); if (!p) return; p.userActive(true); p.paused() ? p.play() : p.pause(); }
+
+  // Fullscreen: the real API when the webview allows it, otherwise a CSS stand-in
+  // (some Tizen builds refuse requestFullscreen outside a trusted gesture).
+  const fakeFs = () => { const p = player(); return !!p && p.el().classList.contains('tv-fs'); };
+  const isFs = () => { const p = player(); return !!p && (p.isFullscreen() || fakeFs()); };
+  function setFakeFs(on) {
+    const p = player(); if (!p) return;
+    p.el().classList.toggle('tv-fs', on);
+    document.documentElement.classList.toggle('tv-fs-on', on);
+    if (on) window.scrollTo({ top: 0 });
+    badge(on ? 'fullscreen' : 'windowed');
+  }
+  function goFullscreen() {
+    const p = player(); if (!p) return;
+    try {
+      const r = p.requestFullscreen();
+      if (r && r.catch) r.catch(() => setFakeFs(true));
+      setTimeout(() => { if (!p.isFullscreen() && !fakeFs()) setFakeFs(true); }, 400);
+    } catch (e) { setFakeFs(true); }
+  }
+  function leaveFullscreen() {
+    const p = player(); if (!p) return;
+    if (fakeFs()) setFakeFs(false);
+    if (p.isFullscreen()) { try { p.exitFullscreen(); } catch (e) { /* ignore */ } }
+  }
+  function seekBy(d) {
+    const p = player(); if (!p) return; p.userActive(true);
+    const dur = p.duration() || Infinity;
+    p.currentTime(Math.max(0, Math.min(dur, p.currentTime() + d)));
+  }
+  // ---------------------------------------------------------------- seek (scrub) mode
+  // The stream is slow to re-buffer, so arrows never seek directly: they move a preview
+  // cursor along the progress bar (driven by the site's own mouse-hover thumbnail) and
+  // only OK commits the jump.
+  function progressEls() {
+    const p = player(); if (!p) return null;
+    const control = $('.vjs-progress-control', p.el()), holder = $('.vjs-progress-holder', p.el());
+    return (control && holder && rectOf(holder).width > 0) ? { control, holder } : null;
+  }
+  function fmtTime(t) {
+    t = Math.max(0, Math.round(t));
+    const h = Math.floor(t / 3600), m = Math.floor((t % 3600) / 60), s = t % 60;
+    const pad = (n) => (n < 10 ? '0' + n : '' + n);
+    return (h ? h + ':' + pad(m) : '' + m) + ':' + pad(s);
+  }
+  function hoverAt(ratio) { // makes the site show its thumbnail preview at that position
+    const e = progressEls(); if (!e) return;
+    const r = rectOf(e.holder);
+    const x = r.left + Math.max(0, Math.min(1, ratio)) * r.width, y = r.top + r.height / 2;
+    for (const type of ['mouseover', 'mousemove']) {
+      e.control.dispatchEvent(new MouseEvent(type, { bubbles: true, cancelable: true, clientX: x, clientY: y, view: window }));
+    }
+  }
+  function hoverOff() {
+    const e = progressEls(); if (!e) return;
+    e.control.dispatchEvent(new MouseEvent('mouseout', { bubbles: true, cancelable: true, relatedTarget: document.body }));
+    e.control.dispatchEvent(new MouseEvent('mouseleave', { bubbles: false }));
+  }
+  function drawSeek() {
+    const p = player(), e = progressEls(); if (!p || !e) return;
+    const dur = p.duration() || 0; if (!dur) return;
+    const ratio = S.seekTo / dur;
+    hoverAt(ratio);
+    let box = $('#tv-seek', e.holder);
+    if (!box) { box = document.createElement('div'); box.id = 'tv-seek'; box.innerHTML = '<i></i><b></b>'; e.holder.appendChild(box); }
+    box.style.left = (ratio * 100) + '%';
+    const delta = Math.round(S.seekTo - p.currentTime());
+    $('b', box).textContent = fmtTime(S.seekTo) + (delta ? '  ' + (delta > 0 ? '+' : '−') + fmtTime(Math.abs(delta)) : '');
+    p.el().classList.add('tv-seeking');
+    p.userActive(true);
+  }
+  function clearSeek() {
+    const p = player();
+    const box = $('#tv-seek'); if (box) box.remove();
+    if (p) p.el().classList.remove('tv-seeking');
+    hoverOff();
+    S.seekTo = null; S.seek.lvl = 0; S.seek.dir = 0;
+  }
+  function stepSeek(dir, fixed) {
+    const p = player(); if (!p) return;
+    const dur = p.duration();
+    if (!dur || !isFinite(dur)) return seekBy(dir * CFG.seekSteps[0]); // live/unknown length: old behaviour
+    if (S.seekTo == null) { // entering seek mode
+      S.seekReturn = S.mode === 'BAR' ? 'BAR' : 'PLAYER';
+      S.seekWasPlaying = !p.paused();
+      S.seekTo = p.currentTime();
+      S.mode = 'SEEK';
+    }
+    let stepped;
+    if (fixed) stepped = fixed;
+    else {
+      const now = Date.now();
+      if (S.seek.dir === dir && now - S.seek.t < CFG.seekAccelWindow) S.seek.lvl = Math.min(S.seek.lvl + 1, CFG.seekSteps.length - 1);
+      else S.seek.lvl = 0;
+      S.seek.dir = dir; S.seek.t = now;
+      stepped = CFG.seekSteps[S.seek.lvl];
+    }
+    S.seekTo = Math.max(0, Math.min(dur, S.seekTo + dir * stepped));
+    drawSeek();
+    badge('seek ' + fmtTime(S.seekTo));
+  }
+  function commitSeek() {
+    const p = player(); const to = S.seekTo, back = S.seekReturn, play = S.seekWasPlaying;
+    clearSeek(); S.seekReturn = null;
+    if (p && to != null) { p.currentTime(to); if (play && p.paused()) p.play(); }
+    badge('→ ' + fmtTime(to || 0));
+    return back === 'BAR' ? enterBar() : enterPlayer();
+  }
+  function cancelSeek(to) {
+    const back = to || S.seekReturn; clearSeek(); S.seekReturn = null;
+    return back === 'BAR' ? enterBar() : enterPlayer();
+  }
+  function keySeek(act) {
+    const p = player(); if (!p) { S.mode = 'NAV'; clearSeek(); return initialFocus(); }
+    p.userActive(true);
+    switch (act) {
+      case A.LEFT: return stepSeek(-1);
+      case A.RIGHT: return stepSeek(+1);
+      case A.CHDOWN: return stepSeek(-1, CFG.chanSeek);
+      case A.CHUP: return stepSeek(+1, CFG.chanSeek);
+      case A.OK: return commitSeek();
+      case A.BACK: case A.UP: return cancelSeek('PLAYER');
+      case A.DOWN: return cancelSeek('BAR');
+      case A.PLAY: return togglePlay();
+    }
+  }
+  function keyPlayer(act) {
+    const p = player(); if (!p) { S.mode = 'NAV'; return initialFocus(); }
+    p.userActive(true);
+    switch (act) {
+      case A.LEFT: return stepSeek(-1);
+      case A.RIGHT: return stepSeek(+1);
+      case A.UP: { // windowed: leave the player upwards (header links); fullscreen: nothing above
+        if (isFs()) return badge();
+        const t = pickTarget(p.el(), A.UP, collectBlocks());
+        if (!t) return badge('edge');
+        S.mode = 'NAV'; return setFocus(t);
+      }
+      case A.DOWN: return enterBar();
+      case A.OK:
+        if (isFs()) return togglePlay();
+        return goFullscreen();
+      case A.PLAY: return togglePlay();
+      case A.CHUP: return stepSeek(+1, CFG.chanSeek);
+      case A.CHDOWN: return stepSeek(-1, CFG.chanSeek);
+      case A.BACK:
+        if (isFs()) { leaveFullscreen(); return; }
+        if (Date.now() - S.fsExitAt < 400) return; // Esc just exited fullscreen natively
+        history.back(); return;
+    }
+  }
+
+  // control bar
+  function barButtons() {
+    const p = player(); if (!p) return [];
+    const bar = $('.vjs-control-bar', p.el()); if (!bar) return [];
+    return $$('button, [role="button"], .vjs-progress-control', bar)
+      .filter((b) => !b.closest('.vjs-menu') && !b.closest('.vjs-hidden') && !b.closest('.vjs-disabled') && rectOf(b).width > 0)
+      .sort((a, b) => rectOf(a).left - rectOf(b).left);
+  }
+  function enterBar() {
+    const p = player(); if (!p) return;
+    if (S.seekTo != null) clearSeek();
+    p.userActive(true);
+    S.mode = 'BAR'; S.sub = null;
+    const btns = barButtons(); if (!btns.length) return enterPlayer();
+    setFocus(btns.find((b) => b.classList.contains('vjs-play-control')) || btns[0], { noScroll: true });
+  }
+  function navBelow() {
+    const p = player(); if (!p) return;
+    S.mode = 'NAV';
+    const t = pickTarget(p.el(), A.DOWN, collectBlocks());
+    if (t) setFocus(t); else enterBar();
+  }
+  function keyBar(act) {
+    const p = player(); if (!p) { S.mode = 'NAV'; return initialFocus(); }
+    p.userActive(true);
+    if (S.sub === 'menu') return keyMenu(act);
+    const btns = barButtons(); const i = btns.indexOf(S.focused);
+    switch (act) {
+      case A.LEFT: if (i > 0) setFocus(btns[i - 1], { noScroll: true }); else if (i < 0) enterBar(); return;
+      case A.RIGHT: if (i >= 0 && i < btns.length - 1) setFocus(btns[i + 1], { noScroll: true }); else if (i < 0) enterBar(); return;
+      case A.UP: return enterPlayer();
+      case A.DOWN: return isFs() ? undefined : navBelow();
+      case A.OK:
+        if (S.focused && S.focused.classList.contains('vjs-progress-control')) return stepSeek(0); // scrub, don't jump
+        if (S.focused) { S.focused.click(); setTimeout(afterBarClick, 80); }
+        return;
+      case A.PLAY: return togglePlay();
+      case A.BACK: return enterPlayer();
+      case A.CHUP: return seekBy(CFG.chanSeek);
+      case A.CHDOWN: return seekBy(-CFG.chanSeek);
+    }
+  }
+  function afterBarClick() {
+    const p = player(); if (!p) return;
+    const menu = $('.vjs-menu.vjs-lock-showing', p.el());
+    if (menu) {
+      S.sub = 'menu'; S.menu = menu; S.menuBtn = S.focused;
+      const items = menuItems();
+      focusMenuItem(items.find((x) => x.classList.contains('vjs-selected')) || items[0]);
+      return;
+    }
+    if (S.focused && S.focused.classList.contains('vjs-subtitle-manager-btn')) { // panel animates in
+      const btn = S.focused;
+      return waitFor(subPanel, 1500, () => enterSubPanel(btn));
+    }
+    // other modal dialogs are picked up by currentScope() on the next key
+  }
+
+  // subtitle panel: plain divs, opened/closed by toggling the control-bar button
+  function spItems(pane) {
+    const sp = subPanel(); if (!sp) return [];
+    return $$(pane === 'tabs' ? '.vjs-sp-tab' : SP_CAND, sp).filter(isVisibleBlock);
+  }
+  function enterSubPanel(fromBtn) {
+    const sp = subPanel(); if (!sp) return;
+    S.returnMode = S.returnMode || (S.mode === 'NAV' ? 'BAR' : S.mode);
+    S.mode = 'NAV'; S.sub = null; S.menu = null;
+    if (fromBtn) S.beforeScope = fromBtn;
+    const items = spItems();
+    const sel = items.find((x) => x.classList.contains('selected') && !x.classList.contains('vjs-sp-tab'));
+    if (items.length) setFocus(sel || items.find((x) => !x.classList.contains('vjs-sp-tab')) || items[0], { noScroll: true });
+    badge('subtitles');
+  }
+  function closeSubPanel() {
+    const p = player(); const btn = p && $('.vjs-subtitle-manager-btn', p.el());
+    if (btn) btn.click(); // the button toggles the panel; Escape does not close it
+    setTimeout(afterSubPanel, 150);
+  }
+  function afterSubPanel() { // the panel also closes itself once a track is picked
+    const back = S.beforeScope; S.beforeScope = null;
+    const m = S.returnMode; S.returnMode = null;
+    if (back && isVisibleBlock(back) && back.closest('.vjs-control-bar')) { S.mode = 'BAR'; return setFocus(back, { noScroll: true }); }
+    return m === 'PLAYER' ? enterPlayer() : enterBar();
+  }
+  const menuItems = () => S.menu ? $$('.vjs-menu-item', S.menu).filter((x) => !x.classList.contains('vjs-hidden') && rectOf(x).height > 0) : [];
+  function focusMenuItem(it) {
+    if (!it || !S.menu) return;
+    $$('.tv-focus-ring', S.menu).forEach((e) => e.classList.remove('tv-focus-ring'));
+    it.classList.add('tv-focus-ring'); it.scrollIntoView({ block: 'nearest' });
+    S.menuItem = it; badge();
+  }
+  function closeMenu() {
+    if (S.menu) {
+      $$('.tv-focus-ring', S.menu).forEach((e) => e.classList.remove('tv-focus-ring'));
+      if (S.menu.classList.contains('vjs-lock-showing') && S.menuBtn) S.menuBtn.click();
+    }
+    S.sub = null; S.menu = null; S.menuItem = null;
+    if (S.menuBtn) setFocus(S.menuBtn, { noScroll: true }); else enterBar();
+  }
+  function keyMenu(act) {
+    const items = menuItems(); const i = items.indexOf(S.menuItem);
+    switch (act) {
+      case A.UP: if (i > 0) focusMenuItem(items[i - 1]); return;
+      case A.DOWN: if (i < items.length - 1) focusMenuItem(items[i + 1]); return;
+      case A.OK:
+        if (S.menuItem) S.menuItem.click();
+        setTimeout(() => { if (!S.menu || !S.menu.classList.contains('vjs-lock-showing')) closeMenu(); }, 80);
+        return;
+      case A.PLAY: return togglePlay();
+      default: return closeMenu(); // BACK, LEFT, RIGHT
+    }
+  }
+
+  // ------------------------------------------------------------------ NAV mode
+  function activate(f) {
+    if (isPlayerEl(f)) return enterPlayer();
+    if (isHoverTrigger(f)) { // menu closed (after Back): re-open and step into it
+      hoverOpen(f);
+      setTimeout(() => { const sc = currentScope(); const bl = sc ? collectBlocks(sc) : []; if (bl.length) { S.beforeScope = f; setFocus(bl[0]); } else f.click(); }, 250);
+      return;
+    }
+    if (f.closest('.vjs-subtitle-panel')) {
+      const wasTab = f.classList.contains('vjs-sp-tab');
+      f.click();
+      setTimeout(() => {
+        if (!subPanel()) return afterSubPanel(); // picking a track closes the panel
+        if (wasTab) { const it = spItems().filter((x) => !x.classList.contains('vjs-sp-tab')); if (it.length) setFocus(it[0], { noScroll: true }); }
+      }, 200);
+      return;
+    }
+    if (isCard(f)) { const t = S.sub === 'xem' ? xemOf(f) : posterOf(f); if (t) t.click(); return; }
+    if (/^(SELECT|INPUT|TEXTAREA)$/.test(f.tagName)) { f.focus(); badge('EDIT'); return; }
+    f.click();
+  }
+  function move(dir) {
+    const f = S.focused;
+    if (isCard(f)) {
+      if (dir === A.DOWN && S.sub !== 'xem' && xemOf(f)) return setSub('xem');
+      if (dir === A.UP && S.sub === 'xem') return setSub(null);
+    }
+    if (isPlayerEl(f)) { if (dir === A.DOWN) return navBelow(); return enterBar(); }
+    const scope = currentScope();
+    const blocks = collectBlocks(scope);
+    let t = pickTarget(f, dir, blocks);
+    if (!t && (dir === A.LEFT || dir === A.RIGHT) && pageCarousel(f, dir)) return;
+    if (!t && dir === A.UP && !scope && scrollY > 0) {
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+      setTimeout(() => { const t2 = pickTarget(S.focused, A.UP, collectBlocks()); if (t2) setFocus(t2); }, 450);
+      return;
+    }
+    if (!t) return badge('edge');
+    if (dir === A.UP || dir === A.DOWN) {
+      const c = clipAncestor(t);
+      if (c) { const m = S.rowMem.get(c.el); if (m && m !== f && isVisibleBlock(m) && blocks.includes(m)) t = m; }
+    }
+    if (isPlayerEl(t)) return dir === A.UP ? enterBar() : enterPlayer();
+    setFocus(t);
+  }
+  function closeScope(scope) {
+    if (scope && scope.classList.contains('vjs-subtitle-panel')) return closeSubPanel();
+    const hoverT = S.hoverTrigger;
+    const finish = () => {
+      if (currentScope()) return; // still open, stay in scope
+      if (S.returnMode) { const m = S.returnMode; S.returnMode = null; return m === 'PLAYER' ? enterPlayer() : enterBar(); }
+      const back = S.beforeScope || hoverT; S.beforeScope = null;
+      if (back && isVisibleBlock(back)) return setFocus(back, { noHover: true }); // don't re-open a hover menu
+      S.focused = null; initialFocus();
+    };
+    const generic = () => {
+      const closeBtn = $('.vjs-close-button, [data-part="close-trigger"], button[aria-label*="close" i], button[aria-label*="Đóng" i], button[title*="Đóng" i]', scope);
+      if (closeBtn) closeBtn.click();
+      else {
+        const ev = new KeyboardEvent('keydown', { key: 'Escape', code: 'Escape', keyCode: 27, which: 27, bubbles: true, cancelable: true });
+        ev.__tv = true;
+        (document.activeElement || document.body).dispatchEvent(ev);
+        const trig = $('[aria-expanded="true"]');
+        if (trig) setTimeout(() => { if (currentScope()) trig.click(); }, 50);
+      }
+      setTimeout(finish, 150);
+    };
+    if (hoverT) { // hover menu first: fake mouseleave; if it is a click-menu after all, fall back
+      hoverClose();
+      setTimeout(() => { if (currentScope()) generic(); else finish(); }, 120);
+    } else generic();
+  }
+  function navBack(scope) {
+    if (scope) return closeScope(scope);
+    if (location.pathname === '/') return badge('home');
+    history.back();
+  }
+  function keyNav(act, scope) {
+    if (!S.focused || !isVisibleBlock(S.focused)) { S.focused = null; initialFocus(); if (act === A.BACK) navBack(scope); return; }
+    switch (act) {
+      case A.OK: return activate(S.focused);
+      case A.PLAY: if (isCard(S.focused)) { const x = xemOf(S.focused); if (x) x.click(); } else if (isWatch()) togglePlay(); return;
+      case A.BACK: return navBack(scope);
+      case A.CHUP: return jumpRow(A.UP);
+      case A.CHDOWN: return jumpRow(A.DOWN);
+      default: return move(act);
+    }
+  }
+
+  // ------------------------------------------------------------------ key dispatch
+  function consume(e) { e.preventDefault(); e.stopImmediatePropagation(); }
+  function onKey(e) {
+    if (e.__tv) return;
+    let act = TIZEN_KEYS[e.keyCode];
+    if (!act && CFG.keyboardEmulation) act = KB_KEYS[e.keyCode];
+    if (!act) return;
+    if (e.repeat && (act === A.OK || act === A.BACK || act === A.PLAY)) return consume(e);
+
+    // Back on the home page belongs to the platform: TizenBrew uses it to leave the mod,
+    // so let it bubble instead of swallowing it (the user would be stuck otherwise).
+    if (act === A.BACK && isHome() && S.mode === 'NAV' && !editingEl() && !currentScope()) { hoverClose(); return; }
+
+    const ed = editingEl();
+    if (ed) {
+      const textish = ed.tagName !== 'SELECT';
+      if (act === A.BACK) { ed.blur(); consume(e); S.lastKey = e.keyCode; if (S.focused) setFocus(S.focused, { noScroll: true }); else initialFocus(); return; }
+      if (textish && (act === A.UP || act === A.DOWN)) { ed.blur(); /* fall through to navigation */ }
+      else return; // native handling (typing, select value change, Enter)
+    }
+
+    consume(e); S.lastKey = e.keyCode;
+
+    let scope = currentScope();
+    // hover-menu open under a focused trigger (avatar): OK/↓ enter it, Back closes it, other arrows leave
+    if (scope && S.hoverTrigger && S.focused === S.hoverTrigger) {
+      if (act === A.OK || act === A.DOWN) { const bl = collectBlocks(scope); if (bl.length) { S.beforeScope = S.focused; setFocus(bl[0]); return; } }
+      else if (act === A.BACK) { hoverClose(); return badge(); }
+      hoverClose(); scope = null;
+    }
+    if (scope) {
+      if (S.mode !== 'NAV') { S.returnMode = S.mode === 'SEEK' ? 'PLAYER' : S.mode; clearSeek(); S.mode = 'NAV'; S.sub = null; S.menu = null; }
+      if (!S.focused || !scope.contains(S.focused)) {
+        const bl = collectBlocks(scope);
+        if (bl.length) { S.beforeScope = S.focused; setFocus(bl[0]); if (act !== A.BACK) return; }
+      }
+    } else if (S.returnMode) {
+      const m = S.returnMode; S.returnMode = null;
+      return m === 'PLAYER' ? enterPlayer() : enterBar();
+    }
+
+    switch (S.mode) {
+      case 'PLAYER': return keyPlayer(act);
+      case 'SEEK': return keySeek(act);
+      case 'BAR': return keyBar(act);
+      default: return keyNav(act, scope);
+    }
+  }
+
+  // ------------------------------------------------------------------ routing & lifecycle
+  function waitFor(cond, timeout, ok, fail) {
+    const t0 = Date.now();
+    (function poll() {
+      let v = null; try { v = cond(); } catch (e) { /* ignore */ }
+      if (v) return ok(v);
+      if (Date.now() - t0 > timeout) return fail && fail();
+      setTimeout(poll, 100);
+    })();
+  }
+  function onRoute() {
+    S.url = location.href;
+    hoverClose(); clearSeek(); S.seekReturn = null;
+    clearFocus(); S.focused = null; S.mode = 'NAV'; S.sub = null; S.menu = null; S.returnMode = null; S.beforeScope = null;
+    setFakeFs(false);
+    if (isWatch()) {
+      waitFor(player, 10000, (p) => {
+        enterPlayer();
+        p.on('fullscreenchange', () => { if (!p.isFullscreen()) S.fsExitAt = Date.now(); badge(p.isFullscreen() ? 'fullscreen' : 'windowed'); });
+        p.on('useractive', () => { if (S.mode === 'BAR') p.userActive(true); });
+      }, () => waitFor(() => collectBlocks().length, 6000, () => initialFocus()));
+    } else {
+      waitFor(() => collectBlocks().length, 6000, () => { if (!S.focused) initialFocus(); });
+    }
+  }
+  function patchHistory() {
+    if (history.__tvPatched) return; history.__tvPatched = true;
+    const fire = () => setTimeout(() => dispatchEvent(new Event('tv:route')), 0);
+    for (const k of ['pushState', 'replaceState']) {
+      const orig = history[k];
+      history[k] = function () { const r = orig.apply(this, arguments); fire(); return r; };
+    }
+    addEventListener('popstate', fire);
+  }
+  function checkRoute() { if (location.href !== S.url) onRoute(); }
+
+  let moTimer = null;
+  function onMutate() {
+    if (location.href !== S.url) return onRoute();
+    if (S.mode === 'NAV') {
+      const f = S.focused;
+      if (f && f.isConnected && !isVisibleBlock(f)) {
+        // e.g. carousel auto-rotated under the focus → nearest visible card in the same row
+        const c = clipAncestor(f);
+        if (c) { const t = collectBlocks().find((b) => c.el.contains(b)); if (t) return setFocus(t, { noScroll: true }); }
+      }
+      if (!f || !f.isConnected || !isVisibleBlock(f)) { S.focused = null; initialFocus(); }
+    } else if (S.mode === 'BAR') {
+      if (!S.focused || !S.focused.isConnected) enterBar();
+    } else if (S.mode === 'PLAYER' && !player()) { S.mode = 'NAV'; initialFocus(); }
+  }
+
+  // keep the control bar visible while navigating it
+  const keepAlive = setInterval(() => { if (S.mode === 'BAR' || subPanel()) { const p = player(); if (p) p.userActive(true); } }, 1000);
+
+  // ------------------------------------------------------------------ UI
+  function injectCSS() {
+    if ($('#tv-nav-style')) return;
+    const st = document.createElement('style'); st.id = 'tv-nav-style';
+    st.textContent = `
+      .tv-focus-ring { outline: 4px solid #fff !important; outline-offset: 3px; border-radius: 10px; box-shadow: 0 0 0 8px rgba(0,0,0,.55); }
+      .group.tv-focus > .group-hover\\:invisible { visibility: hidden !important; }
+      .group.tv-focus .group-hover\\:block { display: block !important; }
+      .tv-sub-focus { outline: 3px solid #ffd54f !important; outline-offset: 3px; border-radius: 8px; }
+      .tv-sub-active > .tv-focus-ring { outline-color: rgba(255,255,255,.35) !important; box-shadow: none; }
+      .video-js.tv-focus-ring { outline-offset: -4px; border-radius: 0; box-shadow: none; }
+      .video-js.vjs-fullscreen.tv-focus-ring { outline: none !important; }
+      .vjs-control-bar .tv-focus-ring { outline: 3px solid #fff !important; outline-offset: -3px; border-radius: 4px; box-shadow: none; }
+      .vjs-menu-item.tv-focus-ring { outline: 2px solid #fff !important; outline-offset: -2px; border-radius: 0; box-shadow: none; }
+      .vjs-subtitle-panel .tv-focus-ring { outline: 2px solid #fff !important; outline-offset: -2px; border-radius: 6px; box-shadow: none; }
+      .vjs-progress-control.tv-focus-ring { outline: 2px solid #fff !important; outline-offset: 2px; border-radius: 4px; box-shadow: none; }
+      .tv-force-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
+      .video-js.tv-seeking .vjs-control-bar { opacity: 1 !important; visibility: visible !important; }
+      .video-js.tv-seeking .vjs-progress-control { pointer-events: none; }
+      #tv-seek { position: absolute; bottom: 0; z-index: 3; pointer-events: none; transform: translateX(-50%); }
+      #tv-seek i { display: block; width: 3px; height: 22px; margin: 0 auto; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.8); }
+      #tv-seek b { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); white-space: nowrap;
+                   font: 600 13px/1.3 ui-monospace, monospace; color: #fff; background: rgba(0,0,0,.85); padding: 3px 8px; border-radius: 4px; }
+      .video-js.tv-fs { position: fixed !important; inset: 0 !important; top: 0 !important; left: 0 !important;
+                        width: 100vw !important; height: 100vh !important; max-width: none !important; padding: 0 !important;
+                        z-index: 2147483000; background: #000; }
+      .video-js.tv-fs .vjs-tech { width: 100% !important; height: 100% !important; object-fit: contain; }
+      html.tv-fs-on, html.tv-fs-on body { overflow: hidden !important; }
+      html.tv-fs-on header, html.tv-fs-on footer { display: none !important; }
+      #tv-badge { position: fixed; top: 12px; right: 12px; z-index: 2147483647; font: 13px/1.2 ui-monospace, monospace; padding: 6px 10px;
+                  background: rgba(0,0,0,.75); color: #fff; border-radius: 6px; pointer-events: none; opacity: 0; transition: opacity .3s; white-space: pre; }
+    ` + (CFG.hideCursor ? '\n      html, body, * { cursor: none !important; }' : '');
+    document.head.appendChild(st);
+  }
+  let badgeTimer = null;
+  function badge(extra) {
+    if (!CFG.debug) return;
+    let b = $('#tv-badge');
+    if (!b) { b = document.createElement('div'); b.id = 'tv-badge'; document.body.appendChild(b); }
+    const fs = (S.mode !== 'NAV' && isFs()) ? ' FS' : '';
+    b.textContent = S.mode + (S.sub ? ':' + S.sub.toUpperCase() : '') + fs + (extra ? '  ' + extra : '') + (S.lastKey ? '  key ' + S.lastKey : '');
+    b.style.opacity = '1';
+    clearTimeout(badgeTimer); badgeTimer = setTimeout(() => { b.style.opacity = '0'; }, CFG.badgeMs);
+  }
+
+  // ------------------------------------------------------------------ boot
+  function init() {
+    if (window.__tvNav && window.__tvNav.destroy) window.__tvNav.destroy(); // hot re-install (dev)
+    injectCSS();
+    addEventListener('keydown', onKey, true);
+    patchHistory();
+    addEventListener('tv:route', checkRoute);
+    const mo = new MutationObserver(() => { clearTimeout(moTimer); moTimer = setTimeout(onMutate, 200); });
+    mo.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style'] });
+    onRoute();
+    window.__tvNav = {
+      S, CFG, collectBlocks, setFocus, initialFocus, enterPlayer, enterBar, isVisibleBlock, pickTarget, clipAncestor, currentScope,
+      destroy() {
+        removeEventListener('keydown', onKey, true); removeEventListener('tv:route', checkRoute);
+        mo.disconnect(); clearInterval(keepAlive); clearTimeout(moTimer); clearFocus();
+        const b = $('#tv-badge'); if (b) b.remove(); const st = $('#tv-nav-style'); if (st) st.remove();
+      },
+    };
+  }
+  if (document.body) init(); else addEventListener('DOMContentLoaded', init);
+})();