Made of little things.

import { config } from '@napplet/sdk';
import { runtimeHasDomain } from './domain-availability.js';
import settingsSchema from '../config.schema.json';
export let renderWidth = 480;
if (runtimeHasDomain('config')) {
  void (async () => {
    if (!config.schema) await config.registerSchema(settingsSchema as Parameters<typeof config.registerSchema>[0]);
    const subscription = config.subscribe(values => {
      renderWidth = values.resolution === '320 × 240' ? 320 : values.resolution === '640 × 480' ? 640 : 480;
      document.documentElement.style.setProperty('--scanline-opacity', values.scanlines === false ? '0' : '1');
    });
    window.addEventListener('pagehide', () => subscription.close(), { once: true });
  })().catch(() => { /* The local PS1 defaults remain usable when settings are absent. */ });
}