const { chromium } = require('@playwright/test');
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  const failed = [];
  page.on('response', r => { if (r.status() === 404) failed.push(r.url()); });
  await page.goto('http://localhost/geograsim/App/sims/wal/game.html');
  await page.waitForTimeout(2200);
  const styled = await page.evaluate(() => ({
    hasGgsHeader: !!document.querySelector('.ggs-header'),
    headerBg:     getComputedStyle(document.querySelector('.ggs-header')).backgroundColor,
    btnGhostBg:   getComputedStyle(document.querySelector('.ggs-btn-ghost'))?.backgroundColor,
    logoLoaded:   document.querySelector('.ggs-header-logo-icon')?.complete,
  }));
  console.log('Styled:', JSON.stringify(styled, null, 2));
  console.log('404s:', failed.length ? failed : 'none ✓');
  await browser.close();
})();