.city-scene{display:block;width:100%;height:100%;--sc-dark:#2e5e23;--sc-mid:#4e9435;--sc-far:#9fc56f;--sc-grass:#7aa832;--sc-stone:#737c75;--sc-night:#5a635c;--sc-water-deep:#9aa39b;--sc-water:#9aa39b;--sc-water-light:#c8d0c6;--sc-reflect:#eef1ec;--sc-lamp:#f5b166;--sc-brick:#b8600c;--sc-brick-dark:#8f4a0d;--sc-brick-deep:#6e3a10;--sc-sand:#fad0a0;--sc-sand-deep:#f5b166;--sc-paper:#fef6ec;--sc-sun:#fef6ec;--sc-sail:#e8861f;--sc-wood:#6e3a10;--sc-red:#b42318;--sc-moon:#fad0a0;--sc-ink:#39423c;--sky-a:#e4f0d6;--sky-b:#f6f8f5}.city-scene[data-motif=canal]{--sky-a:#dde2d9;--sky-b:#fef6ec}.city-scene[data-motif=city]{--sky-a:#fde9d1;--sky-b:#fef6ec}.city-scene[data-motif=old]{--sky-a:#fde9d1;--sky-b:#f6f8f5}.city-scene[data-motif=fjord]{--sky-a:#e4f0d6;--sky-b:#f6f8f5}.city-scene[data-motif=viking]{--sky-a:#dde2d9;--sky-b:#f6f8f5}.city-scene[data-motif=dunes]{--sky-a:#dde2d9;--sky-b:#fef6ec}.city-scene[data-motif=castle],.city-scene[data-motif=church]{--sky-a:#dde2d9;--sky-b:#f6f8f5}@media (prefers-color-scheme:dark){.city-scene{--sc-dark:#2e5e23;--sc-mid:#3d7a2e;--sc-far:#4e9435;--sc-grass:#4e9435;--sc-stone:#39423c;--sc-night:#2b3430;--sc-water-deep:#39423c;--sc-water:#5a635c;--sc-water-light:#737c75;--sc-reflect:#9aa39b;--sc-lamp:#f5b166;--sc-brick:#8f4a0d;--sc-brick-dark:#6e3a10;--sc-brick-deep:#4d280b;--sc-sand:#8f4a0d;--sc-sand-deep:#6e3a10;--sc-paper:#c8d0c6;--sc-sun:#c8d0c6;--sc-sail:#b8600c;--sc-wood:#2a1604;--sc-moon:#dde2d9;--sc-ink:#c8d0c6;--sky-a:#2b3430;--sky-b:#5a635c}.city-scene[data-motif=canal]{--sky-a:#2b3430;--sky-b:#b8600c}.city-scene[data-motif=city],.city-scene[data-motif=old]{--sky-a:#2b3430;--sky-b:#8f4a0d}.city-scene[data-motif=fjord]{--sky-a:#244a1c;--sky-b:#5a635c}.city-scene[data-motif=viking]{--sky-a:#2b3430;--sky-b:#737c75}.city-scene[data-motif=dunes]{--sky-a:#2b3430;--sky-b:#8f4a0d}.city-scene[data-motif=church]{--sky-a:#2b3430;--sky-b:#737c75}.city-scene[data-motif=castle]{--sky-a:#1c2320;--sky-b:#5a635c}}.scene-zoom .city-scene{transition:transform .4s ease}@media (hover:hover) and (prefers-reduced-motion:no-preference){.scene-zoom:focus-visible .city-scene,.scene-zoom:hover .city-scene{transform:scale(1.06)}}