:root {
  --bg-light: #fff;
  --bg-dark: #000;
  --fg-light: #000;
  --fg-dark: #fff;
  --world-min-scale: 0.2;
  --world-max-scale: 3;
  --parallax-1: 1.00;
  --parallax-2: 1.25;
  --parallax-3: 1.55;
}
@media (prefers-color-scheme: dark) { body { background: var(--bg-dark); color: var(--fg-dark); } }
@media (prefers-color-scheme: light){ body { background: var(--bg-light); color: var(--fg-light); } }
.site-title { position: fixed; top: 16px; left: 16px; z-index: 20; pointer-events: none; }
.fixed-nav { position: fixed; left: 16px; bottom: 16px; z-index: 20; }
.fixed-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:16px; flex-wrap:wrap; }
.fixed-nav a { text-decoration:none; }
#world { position: fixed; inset: 0; overflow: hidden; }
.world-layer { position: absolute; inset: 0; will-change: transform; }
.tile { position: absolute; will-change: transform, opacity; transition: opacity .22s ease, transform .22s ease; }
.tile img { display:block; width:100%; height:auto; }
.tile[data-lqip="true"] img { filter: blur(8px); }
.no-world #world { position: static; }