Made of little things.

import { config, type Subscription } from '@napplet/sdk';
import { runtimeHasDomain } from './domain-availability.js';
import type { FieldSettings } from './scene.js';
export type AppearanceSettings=FieldSettings & {vhs:number};
export function subscribeSettings(apply:(settings:AppearanceSettings)=>void):Subscription|null {
  if(!runtimeHasDomain('config'))return null;
  try{return config.subscribe(values=>apply({motion:typeof values.motion==='number'?Math.max(0,Math.min(1,values.motion)):.6,stars:typeof values.stars==='number'?Math.max(.2,Math.min(1,values.stars)):1,fog:values.fog!==false,distortion:values.distortion!==false,vhs:typeof values.vhs==='number'&&Number.isFinite(values.vhs)?Math.max(0,Math.min(1,values.vhs)):.45}));}catch{return null;}
}