// ARKAN — Viewport detection hook
// Dispatched from index.html scaleStage via 'vw:change' event

function useVW(){
  const getVW = () => window.__simulatedVW || window.innerWidth;
  const [vw, setVw] = React.useState(getVW());
  React.useEffect(()=>{
    const handler = () => setVw(getVW());
    window.addEventListener('resize', handler);
    window.addEventListener('vw:change', handler);
    return ()=>{
      window.removeEventListener('resize', handler);
      window.removeEventListener('vw:change', handler);
    };
  },[]);
  return {
    vw,
    isMobile:  vw < 768,
    isTablet:  vw >= 768 && vw < 1200,
    isDesktop: vw >= 1200
  };
}

Object.assign(window, { useVW });