@property --cm-on { syntax: "<number>"; inherits: false; initial-value: 1; } @property --cm-tx { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --cm-ty { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --cm-rot { syntax: "<angle>"; inherits: false; initial-value: 0deg; } .world, .still { --sky-far: var(--cm-color-bg); --hz-far-color-bg: color-mix(in oklab, var(--cm-color-bg) 38%, var(--sky-far) 62%); --hz-far-color-surface: color-mix(in oklab, var(--cm-color-surface) 38%, var(--sky-far) 62%); --hz-far-color-sunken: color-mix(in oklab, var(--cm-color-sunken) 38%, var(--sky-far) 62%); --hz-far-color-line: color-mix(in oklab, var(--cm-color-line) 38%, var(--sky-far) 62%); --hz-far-color-ink: color-mix(in oklab, var(--cm-color-ink) 38%, var(--sky-far) 62%); --hz-far-color-muted: color-mix(in oklab, var(--cm-color-muted) 38%, var(--sky-far) 62%); --hz-far-color-faint: color-mix(in oklab, var(--cm-color-faint) 38%, var(--sky-far) 62%); --hz-far-color-accent: color-mix(in oklab, var(--cm-color-accent) 38%, var(--sky-far) 62%); --hz-far-color-accent-lip: color-mix(in oklab, var(--cm-color-accent-lip) 38%, var(--sky-far) 62%); --hz-far-color-accent-top: color-mix(in oklab, var(--cm-color-accent-top) 38%, var(--sky-far) 62%); --hz-far-color-good: color-mix(in oklab, var(--cm-color-good) 38%, var(--sky-far) 62%); --hz-far-color-good-lip: color-mix(in oklab, var(--cm-color-good-lip) 38%, var(--sky-far) 62%); --hz-far-color-good-top: color-mix(in oklab, var(--cm-color-good-top) 38%, var(--sky-far) 62%); --hz-far-object-ember: color-mix(in oklab, var(--cm-object-ember) 38%, var(--sky-far) 62%); --hz-far-object-ember-top: color-mix(in oklab, var(--cm-object-ember-top) 38%, var(--sky-far) 62%); --hz-far-object-ember-lip: color-mix(in oklab, var(--cm-object-ember-lip) 38%, var(--sky-far) 62%); --hz-far-object-gold: color-mix(in oklab, var(--cm-object-gold) 38%, var(--sky-far) 62%); --hz-far-object-gold-top: color-mix(in oklab, var(--cm-object-gold-top) 38%, var(--sky-far) 62%); --hz-far-object-gold-lip: color-mix(in oklab, var(--cm-object-gold-lip) 38%, var(--sky-far) 62%); --hz-far-object-verge: color-mix(in oklab, var(--cm-object-verge) 38%, var(--sky-far) 62%); --hz-far-object-verge-top: color-mix(in oklab, var(--cm-object-verge-top) 38%, var(--sky-far) 62%); --hz-far-object-verge-lip: color-mix(in oklab, var(--cm-object-verge-lip) 38%, var(--sky-far) 62%); --hz-far-object-steel: color-mix(in oklab, var(--cm-object-steel) 38%, var(--sky-far) 62%); --hz-far-object-steel-top: color-mix(in oklab, var(--cm-object-steel-top) 38%, var(--sky-far) 62%); --hz-far-object-steel-lip: color-mix(in oklab, var(--cm-object-steel-lip) 38%, var(--sky-far) 62%); --hz-far-object-teal: color-mix(in oklab, var(--cm-object-teal) 38%, var(--sky-far) 62%); --hz-far-object-teal-top: color-mix(in oklab, var(--cm-object-teal-top) 38%, var(--sky-far) 62%); --hz-far-object-teal-lip: color-mix(in oklab, var(--cm-object-teal-lip) 38%, var(--sky-far) 62%); --hz-far-object-azure: color-mix(in oklab, var(--cm-object-azure) 38%, var(--sky-far) 62%); --hz-far-object-violet: color-mix(in oklab, var(--cm-object-violet) 38%, var(--sky-far) 62%); --hz-far-object-crimson: color-mix(in oklab, var(--cm-object-crimson) 38%, var(--sky-far) 62%); --hz-far-object-azure-top: color-mix(in oklab, var(--cm-object-azure-top) 38%, var(--sky-far) 62%); --hz-far-object-azure-lip: color-mix(in oklab, var(--cm-object-azure-lip) 38%, var(--sky-far) 62%); --hz-far-object-crimson-top: color-mix(in oklab, var(--cm-object-crimson-top) 38%, var(--sky-far) 62%); --hz-far-object-crimson-lip: color-mix(in oklab, var(--cm-object-crimson-lip) 38%, var(--sky-far) 62%); --hz-far-object-violet-top: color-mix(in oklab, var(--cm-object-violet-top) 38%, var(--sky-far) 62%); --hz-far-object-violet-lip: color-mix(in oklab, var(--cm-object-violet-lip) 38%, var(--sky-far) 62%); --hz-far-color-warn-soft: color-mix(in oklab, var(--cm-color-warn-soft) 38%, var(--sky-far) 62%); --hz-far-color-good-soft: color-mix(in oklab, var(--cm-color-good-soft) 38%, var(--sky-far) 62%); --hz-mid-color-bg: color-mix(in oklab, var(--cm-color-bg) 60%, var(--sky-far) 40%); --hz-mid-color-surface: color-mix(in oklab, var(--cm-color-surface) 60%, var(--sky-far) 40%); --hz-mid-color-sunken: color-mix(in oklab, var(--cm-color-sunken) 60%, var(--sky-far) 40%); --hz-mid-color-line: color-mix(in oklab, var(--cm-color-line) 60%, var(--sky-far) 40%); --hz-mid-color-ink: color-mix(in oklab, var(--cm-color-ink) 60%, var(--sky-far) 40%); --hz-mid-color-muted: color-mix(in oklab, var(--cm-color-muted) 60%, var(--sky-far) 40%); --hz-mid-color-faint: color-mix(in oklab, var(--cm-color-faint) 60%, var(--sky-far) 40%); --hz-mid-color-accent: color-mix(in oklab, var(--cm-color-accent) 60%, var(--sky-far) 40%); --hz-mid-color-accent-lip: color-mix(in oklab, var(--cm-color-accent-lip) 60%, var(--sky-far) 40%); --hz-mid-color-accent-top: color-mix(in oklab, var(--cm-color-accent-top) 60%, var(--sky-far) 40%); --hz-mid-color-good: color-mix(in oklab, var(--cm-color-good) 60%, var(--sky-far) 40%); --hz-mid-color-good-lip: color-mix(in oklab, var(--cm-color-good-lip) 60%, var(--sky-far) 40%); --hz-mid-color-good-top: color-mix(in oklab, var(--cm-color-good-top) 60%, var(--sky-far) 40%); --hz-mid-object-ember: color-mix(in oklab, var(--cm-object-ember) 60%, var(--sky-far) 40%); --hz-mid-object-ember-top: color-mix(in oklab, var(--cm-object-ember-top) 60%, var(--sky-far) 40%); --hz-mid-object-ember-lip: color-mix(in oklab, var(--cm-object-ember-lip) 60%, var(--sky-far) 40%); --hz-mid-object-gold: color-mix(in oklab, var(--cm-object-gold) 60%, var(--sky-far) 40%); --hz-mid-object-gold-top: color-mix(in oklab, var(--cm-object-gold-top) 60%, var(--sky-far) 40%); --hz-mid-object-gold-lip: color-mix(in oklab, var(--cm-object-gold-lip) 60%, var(--sky-far) 40%); --hz-mid-object-verge: color-mix(in oklab, var(--cm-object-verge) 60%, var(--sky-far) 40%); --hz-mid-object-verge-top: color-mix(in oklab, var(--cm-object-verge-top) 60%, var(--sky-far) 40%); --hz-mid-object-verge-lip: color-mix(in oklab, var(--cm-object-verge-lip) 60%, var(--sky-far) 40%); --hz-mid-object-steel: color-mix(in oklab, var(--cm-object-steel) 60%, var(--sky-far) 40%); --hz-mid-object-steel-top: color-mix(in oklab, var(--cm-object-steel-top) 60%, var(--sky-far) 40%); --hz-mid-object-steel-lip: color-mix(in oklab, var(--cm-object-steel-lip) 60%, var(--sky-far) 40%); --hz-mid-object-teal: color-mix(in oklab, var(--cm-object-teal) 60%, var(--sky-far) 40%); --hz-mid-object-teal-top: color-mix(in oklab, var(--cm-object-teal-top) 60%, var(--sky-far) 40%); --hz-mid-object-teal-lip: color-mix(in oklab, var(--cm-object-teal-lip) 60%, var(--sky-far) 40%); --hz-mid-object-azure: color-mix(in oklab, var(--cm-object-azure) 60%, var(--sky-far) 40%); --hz-mid-object-violet: color-mix(in oklab, var(--cm-object-violet) 60%, var(--sky-far) 40%); --hz-mid-object-crimson: color-mix(in oklab, var(--cm-object-crimson) 60%, var(--sky-far) 40%); --hz-mid-object-azure-top: color-mix(in oklab, var(--cm-object-azure-top) 60%, var(--sky-far) 40%); --hz-mid-object-azure-lip: color-mix(in oklab, var(--cm-object-azure-lip) 60%, var(--sky-far) 40%); --hz-mid-object-crimson-top: color-mix(in oklab, var(--cm-object-crimson-top) 60%, var(--sky-far) 40%); --hz-mid-object-crimson-lip: color-mix(in oklab, var(--cm-object-crimson-lip) 60%, var(--sky-far) 40%); --hz-mid-object-violet-top: color-mix(in oklab, var(--cm-object-violet-top) 60%, var(--sky-far) 40%); --hz-mid-object-violet-lip: color-mix(in oklab, var(--cm-object-violet-lip) 60%, var(--sky-far) 40%); --hz-mid-color-warn-soft: color-mix(in oklab, var(--cm-color-warn-soft) 60%, var(--sky-far) 40%); --hz-mid-color-good-soft: color-mix(in oklab, var(--cm-color-good-soft) 60%, var(--sky-far) 40%); --hz-verge-color-bg: color-mix(in oklab, var(--cm-color-bg) 70%, var(--sky-far) 30%); --hz-verge-color-surface: color-mix(in oklab, var(--cm-color-surface) 70%, var(--sky-far) 30%); --hz-verge-color-sunken: color-mix(in oklab, var(--cm-color-sunken) 70%, var(--sky-far) 30%); --hz-verge-color-line: color-mix(in oklab, var(--cm-color-line) 70%, var(--sky-far) 30%); --hz-verge-color-ink: color-mix(in oklab, var(--cm-color-ink) 70%, var(--sky-far) 30%); --hz-verge-color-muted: color-mix(in oklab, var(--cm-color-muted) 70%, var(--sky-far) 30%); --hz-verge-color-faint: color-mix(in oklab, var(--cm-color-faint) 70%, var(--sky-far) 30%); --hz-verge-color-accent: color-mix(in oklab, var(--cm-color-accent) 70%, var(--sky-far) 30%); --hz-verge-color-accent-lip: color-mix(in oklab, var(--cm-color-accent-lip) 70%, var(--sky-far) 30%); --hz-verge-color-accent-top: color-mix(in oklab, var(--cm-color-accent-top) 70%, var(--sky-far) 30%); --hz-verge-color-good: color-mix(in oklab, var(--cm-color-good) 70%, var(--sky-far) 30%); --hz-verge-color-good-lip: color-mix(in oklab, var(--cm-color-good-lip) 70%, var(--sky-far) 30%); --hz-verge-color-good-top: color-mix(in oklab, var(--cm-color-good-top) 70%, var(--sky-far) 30%); --hz-verge-object-ember: color-mix(in oklab, var(--cm-object-ember) 70%, var(--sky-far) 30%); --hz-verge-object-ember-top: color-mix(in oklab, var(--cm-object-ember-top) 70%, var(--sky-far) 30%); --hz-verge-object-ember-lip: color-mix(in oklab, var(--cm-object-ember-lip) 70%, var(--sky-far) 30%); --hz-verge-object-gold: color-mix(in oklab, var(--cm-object-gold) 70%, var(--sky-far) 30%); --hz-verge-object-gold-top: color-mix(in oklab, var(--cm-object-gold-top) 70%, var(--sky-far) 30%); --hz-verge-object-gold-lip: color-mix(in oklab, var(--cm-object-gold-lip) 70%, var(--sky-far) 30%); --hz-verge-object-verge: color-mix(in oklab, var(--cm-object-verge) 70%, var(--sky-far) 30%); --hz-verge-object-verge-top: color-mix(in oklab, var(--cm-object-verge-top) 70%, var(--sky-far) 30%); --hz-verge-object-verge-lip: color-mix(in oklab, var(--cm-object-verge-lip) 70%, var(--sky-far) 30%); --hz-verge-object-steel: color-mix(in oklab, var(--cm-object-steel) 70%, var(--sky-far) 30%); --hz-verge-object-steel-top: color-mix(in oklab, var(--cm-object-steel-top) 70%, var(--sky-far) 30%); --hz-verge-object-steel-lip: color-mix(in oklab, var(--cm-object-steel-lip) 70%, var(--sky-far) 30%); --hz-verge-object-teal: color-mix(in oklab, var(--cm-object-teal) 70%, var(--sky-far) 30%); --hz-verge-object-teal-top: color-mix(in oklab, var(--cm-object-teal-top) 70%, var(--sky-far) 30%); --hz-verge-object-teal-lip: color-mix(in oklab, var(--cm-object-teal-lip) 70%, var(--sky-far) 30%); --hz-verge-object-azure: color-mix(in oklab, var(--cm-object-azure) 70%, var(--sky-far) 30%); --hz-verge-object-violet: color-mix(in oklab, var(--cm-object-violet) 70%, var(--sky-far) 30%); --hz-verge-object-crimson: color-mix(in oklab, var(--cm-object-crimson) 70%, var(--sky-far) 30%); --hz-verge-object-azure-top: color-mix(in oklab, var(--cm-object-azure-top) 70%, var(--sky-far) 30%); --hz-verge-object-azure-lip: color-mix(in oklab, var(--cm-object-azure-lip) 70%, var(--sky-far) 30%); --hz-verge-object-crimson-top: color-mix(in oklab, var(--cm-object-crimson-top) 70%, var(--sky-far) 30%); --hz-verge-object-crimson-lip: color-mix(in oklab, var(--cm-object-crimson-lip) 70%, var(--sky-far) 30%); --hz-verge-object-violet-top: color-mix(in oklab, var(--cm-object-violet-top) 70%, var(--sky-far) 30%); --hz-verge-object-violet-lip: color-mix(in oklab, var(--cm-object-violet-lip) 70%, var(--sky-far) 30%); --hz-verge-color-warn-soft: color-mix(in oklab, var(--cm-color-warn-soft) 70%, var(--sky-far) 30%); --hz-verge-color-good-soft: color-mix(in oklab, var(--cm-color-good-soft) 70%, var(--sky-far) 30%); --d0: color-mix(in oklab, var(--hz-far-color-muted) 84%, var(--hz-far-color-ink)); --d1: color-mix(in oklab, var(--hz-far-color-muted) 55%, var(--hz-far-object-gold-top)); --d2: color-mix(in oklab, var(--hz-far-color-good-lip) 84%, var(--hz-far-color-ink)); --d3: color-mix(in oklab, var(--hz-far-color-good-lip) 55%, var(--hz-far-object-gold-top)); --d4: color-mix(in oklab, var(--hz-far-object-gold-lip) 84%, var(--hz-far-color-ink)); --d5: color-mix(in oklab, var(--hz-far-object-gold-lip) 55%, var(--hz-far-object-gold-top)); --d6: color-mix(in oklab, var(--hz-far-object-verge) 84%, var(--hz-far-color-ink)); --d7: color-mix(in oklab, var(--hz-far-object-verge) 55%, var(--hz-far-object-gold-top)); --d8: color-mix(in oklab, var(--hz-mid-object-verge) 84%, var(--hz-mid-color-ink)); --d9: color-mix(in oklab, var(--hz-mid-object-verge) 55%, var(--hz-mid-object-gold-top)); --da: color-mix(in oklab, var(--hz-mid-object-verge-top) 84%, var(--hz-mid-color-ink)); --db: color-mix(in oklab, var(--hz-mid-object-verge-top) 55%, var(--hz-mid-object-gold-top)); --dc: color-mix(in oklab, var(--hz-mid-object-ember-lip) 58%, var(--hz-mid-color-ink)); --dd: color-mix(in oklab, var(--hz-mid-object-verge) 72%, var(--hz-mid-color-ink)); --de: color-mix(in oklab, var(--hz-mid-object-verge-top) 72%, var(--hz-mid-color-ink)); --df: color-mix(in oklab, var(--hz-mid-object-steel) 68%, var(--hz-mid-color-ink)); --dg: color-mix(in oklab, var(--hz-mid-object-steel-lip) 60%, var(--hz-mid-color-bg)); --dh: color-mix(in oklab, var(--cm-color-bg) 100%, var(--sky-far) 0%); --di: color-mix(in oklab, var(--hz-mid-object-azure) 68%, var(--hz-mid-color-ink)); --dj: color-mix(in oklab, var(--hz-mid-object-teal-lip) 60%, var(--hz-mid-color-bg)); --dk: color-mix(in oklab, var(--cm-color-ink) 40%, var(--sky-far) 60%); --dl: color-mix(in oklab, var(--hz-mid-object-steel-lip) 70%, var(--hz-mid-color-ink)); --dm: color-mix(in oklab, var(--hz-mid-object-violet-top) 68%, var(--hz-mid-color-ink)); --dn: color-mix(in oklab, var(--hz-mid-object-violet-top) 62%, var(--hz-mid-color-bg)); --do: color-mix(in oklab, var(--hz-mid-object-crimson-top) 68%, var(--hz-mid-color-ink)); --dp: color-mix(in oklab, var(--hz-mid-object-crimson-top) 62%, var(--hz-mid-color-bg)); --dq: color-mix(in oklab, var(--hz-mid-object-crimson) 60%, var(--hz-mid-color-bg)); --dr: color-mix(in oklab, var(--hz-mid-object-crimson) 78%, var(--hz-mid-color-ink)); --ds: color-mix(in oklab, var(--hz-mid-object-verge) 68%, var(--hz-mid-color-ink)); --dt: color-mix(in oklab, var(--hz-mid-object-teal-lip) 70%, var(--hz-mid-color-ink)); --du: color-mix(in oklab, var(--hz-mid-object-teal) 68%, var(--hz-mid-color-ink)); --dv: color-mix(in oklab, var(--hz-mid-object-verge-lip) 60%, var(--hz-mid-color-bg)); --dw: color-mix(in oklab, var(--hz-mid-object-verge-lip) 78%, var(--hz-mid-color-ink)); --dx: color-mix(in oklab, var(--hz-mid-object-ember-lip) 60%, var(--hz-mid-color-bg)); --dy: color-mix(in oklab, var(--hz-mid-object-ember-lip) 78%, var(--hz-mid-color-ink)); --dz: color-mix(in oklab, var(--hz-mid-object-teal-top) 68%, var(--hz-mid-color-ink)); --d10: color-mix(in oklab, var(--hz-mid-object-azure-lip) 60%, var(--hz-mid-color-bg)); --d11: color-mix(in oklab, var(--hz-mid-object-azure-lip) 78%, var(--hz-mid-color-ink)); --d12: color-mix(in oklab, var(--hz-mid-color-warn-soft) 68%, var(--hz-mid-color-ink)); --d13: color-mix(in oklab, var(--hz-mid-color-warn-soft) 78%, var(--hz-mid-color-ink)); --d14: color-mix(in oklab, var(--hz-mid-color-warn-soft) 55%, var(--hz-mid-color-ink)); --d15: color-mix(in oklab, var(--hz-mid-color-surface) 68%, var(--hz-mid-color-ink)); --d16: color-mix(in oklab, var(--hz-mid-color-surface) 62%, var(--hz-mid-color-bg)); --d17: color-mix(in oklab, var(--hz-mid-object-teal) 70%, var(--hz-mid-color-ink)); --d18: color-mix(in oklab, var(--hz-mid-object-teal) 45%, var(--hz-mid-color-bg)); --d19: color-mix(in oklab, var(--hz-mid-object-teal-top) 78%, var(--hz-mid-color-ink)); --d1a: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 60%, var(--hz-mid-color-bg)); --d1b: color-mix(in oklab, var(--hz-mid-object-teal-top) 55%, var(--hz-mid-color-ink)); --d1c: color-mix(in oklab, var(--hz-mid-object-gold-lip) 72%, var(--hz-mid-color-ink)); --d1d: color-mix(in oklab, var(--hz-mid-color-good-lip) 84%, var(--hz-mid-color-ink)); --d1e: color-mix(in oklab, var(--hz-mid-color-good-lip) 55%, var(--hz-mid-object-gold-top)); --d1f: color-mix(in oklab, var(--hz-mid-color-muted) 62%, var(--hz-mid-color-ink)); --d1g: color-mix(in oklab, var(--hz-mid-color-muted) 55%, var(--hz-mid-object-gold-top)); --d1h: color-mix(in oklab, var(--hz-mid-color-good-lip) 82%, var(--hz-mid-color-ink)); --d1i: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 74%, var(--hz-mid-color-ink)); --d1j: color-mix(in oklab, var(--hz-mid-object-teal-lip) 78%, var(--hz-mid-color-ink)); --d1k: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 60%, var(--hz-mid-color-ink)); --d1l: color-mix(in oklab, var(--hz-mid-object-azure-top) 74%, var(--hz-mid-color-ink)); --d1m: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 78%, var(--hz-mid-color-ink)); --d1n: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 55%, var(--hz-mid-color-bg)); --d1o: color-mix(in oklab, var(--hz-mid-object-crimson-lip) 70%, var(--hz-mid-color-ink)); --d1p: color-mix(in oklab, var(--hz-mid-color-warn-soft) 74%, var(--hz-mid-color-ink)); --d1q: color-mix(in oklab, var(--hz-mid-object-azure-lip) 70%, var(--hz-mid-color-ink)); --d1r: color-mix(in oklab, var(--hz-mid-object-gold-top) 74%, var(--hz-mid-color-ink)); --d1s: color-mix(in oklab, var(--hz-mid-object-azure-lip) 55%, var(--hz-mid-color-bg)); --d1t: color-mix(in oklab, var(--hz-mid-object-crimson-top) 74%, var(--hz-mid-color-ink)); --d1u: color-mix(in oklab, var(--hz-mid-object-verge-lip) 70%, var(--hz-mid-color-ink)); --d1v: color-mix(in oklab, var(--hz-mid-object-teal-lip) 55%, var(--hz-mid-color-bg)); --d1w: color-mix(in oklab, var(--hz-mid-color-surface) 74%, var(--hz-mid-color-ink)); --d1x: color-mix(in oklab, var(--hz-mid-object-crimson) 70%, var(--hz-mid-color-ink)); --d1y: color-mix(in oklab, var(--hz-mid-object-teal-top) 74%, var(--hz-mid-color-ink)); --d1z: color-mix(in oklab, var(--hz-mid-color-accent-top) 74%, var(--hz-mid-color-ink)); --d20: color-mix(in oklab, var(--hz-mid-object-crimson) 55%, var(--hz-mid-color-bg)); --d21: color-mix(in oklab, var(--cm-color-ink) 70%, var(--sky-far) 30%); --d22: color-mix(in oklab, var(--hz-verge-color-good-lip) 72%, var(--hz-verge-color-ink)); --d23: color-mix(in oklab, var(--cm-color-ink) 82%, var(--sky-far) 18%); --d24: color-mix(in oklab, var(--hz-verge-object-verge) 70%, var(--hz-verge-color-ink)); --d25: color-mix(in oklab, var(--hz-verge-object-verge) 72%, var(--hz-verge-color-ink)); --d26: color-mix(in oklab, var(--hz-verge-object-gold-lip) 72%, var(--hz-verge-color-ink)); --d27: color-mix(in oklab, var(--cm-color-line) 50%, transparent); --d28: color-mix(in oklab, var(--cm-color-surface) 80%, transparent); --d29: color-mix(in oklab, var(--d1) 80%, transparent); --d2a: color-mix(in oklab, var(--d3) 80%, transparent); --d2b: color-mix(in oklab, var(--hz-far-object-verge) 60%, transparent); --d2c: color-mix(in oklab, var(--d5) 80%, transparent); --d2d: color-mix(in oklab, var(--d7) 80%, transparent); --d2e: color-mix(in oklab, var(--d9) 80%, transparent); --d2f: color-mix(in oklab, var(--db) 80%, transparent); --d2g: color-mix(in oklab, var(--hz-mid-object-verge-lip) 40%, transparent); --d2h: color-mix(in oklab, var(--hz-mid-object-verge-top) 60%, transparent); --d2i: color-mix(in oklab, var(--hz-mid-color-bg) 30%, transparent); --d2j: color-mix(in oklab, var(--hz-mid-object-gold-top) 60%, transparent); --d2k: color-mix(in oklab, var(--hz-mid-color-ink) 10%, transparent); --d2l: color-mix(in oklab, var(--cm-color-ink) 10%, transparent); --d2m: color-mix(in oklab, var(--hz-mid-color-bg) 10%, transparent); --d2n: color-mix(in oklab, var(--dh) 40%, transparent); --d2o: color-mix(in oklab, var(--dh) 30%, transparent); --d2p: color-mix(in oklab, var(--hz-mid-object-gold) 80%, transparent); --d2q: color-mix(in oklab, var(--dk) 50%, transparent); --d2r: color-mix(in oklab, var(--hz-mid-color-ink) 50%, transparent); --d2s: color-mix(in oklab, var(--hz-mid-color-bg) 20%, transparent); --d2t: color-mix(in oklab, var(--hz-mid-color-ink) 20%, transparent); --d2u: color-mix(in oklab, var(--hz-mid-object-steel) 70%, transparent); --d2v: color-mix(in oklab, var(--hz-mid-color-bg) 80%, transparent); --d2w: color-mix(in oklab, var(--hz-mid-color-ink) 30%, transparent); --d2x: color-mix(in oklab, var(--hz-mid-color-ink) 60%, transparent); --d2y: color-mix(in oklab, var(--hz-mid-object-ember) 80%, transparent); --d2z: color-mix(in oklab, var(--hz-mid-color-ink) 40%, transparent); --d30: color-mix(in oklab, var(--hz-mid-color-good-lip) 40%, transparent); --d31: color-mix(in oklab, var(--hz-mid-object-verge) 60%, transparent); --d32: color-mix(in oklab, var(--d1e) 80%, transparent); --d33: color-mix(in oklab, var(--hz-mid-color-bg) 90%, transparent); --d34: color-mix(in oklab, var(--hz-mid-object-steel-top) 70%, transparent); --d35: color-mix(in oklab, var(--hz-mid-object-gold) 60%, transparent); --d36: color-mix(in oklab, var(--hz-mid-object-gold-top) 30%, transparent); --d37: color-mix(in oklab, var(--hz-mid-object-gold-lip) 40%, transparent); --d38: color-mix(in oklab, var(--hz-mid-object-verge-top) 70%, transparent); --d39: color-mix(in oklab, var(--hz-mid-object-gold-top) 90%, transparent); --d3a: color-mix(in oklab, var(--cm-color-muted) 60%, transparent); --d3b: color-mix(in oklab, var(--cm-object-gold-top) 80%, transparent); --d3c: color-mix(in oklab, var(--cm-color-ink) 30%, transparent); --d3d: color-mix(in oklab, var(--cm-color-ink) 20%, transparent); --d3e: color-mix(in oklab, var(--hz-verge-object-steel-top) 80%, transparent); --d3f: color-mix(in oklab, var(--d21) 50%, transparent); --d3g: color-mix(in oklab, var(--hz-verge-color-ink) 50%, transparent); --d3h: color-mix(in oklab, var(--cm-color-bg) 70%, transparent); --d3i: color-mix(in oklab, var(--hz-verge-object-steel-top) 30%, transparent); --d3j: color-mix(in oklab, var(--hz-verge-object-gold) 80%, transparent); --d3k: color-mix(in oklab, var(--hz-verge-color-ink) 30%, transparent); --d3l: color-mix(in oklab, var(--cm-color-good-lip) 60%, transparent); --d3m: color-mix(in oklab, var(--cm-object-verge) 90%, transparent); --d3n: color-mix(in oklab, var(--d22) 60%, transparent); --d3o: color-mix(in oklab, var(--cm-color-good-lip) 80%, transparent); --d3p: color-mix(in oklab, var(--cm-object-verge) 50%, transparent); --d3q: color-mix(in oklab, var(--cm-object-gold-lip) 70%, transparent); --d3r: color-mix(in oklab, var(--cm-color-muted) 40%, transparent); --d3s: color-mix(in oklab, var(--cm-object-gold-top) 20%, transparent); --d3t: color-mix(in oklab, var(--hz-verge-object-verge-top) 60%, transparent); --d3u: color-mix(in oklab, var(--hz-verge-object-gold) 60%, transparent); --d3v: color-mix(in oklab, var(--cm-object-gold-top) 30%, transparent); --d3w: color-mix(in oklab, var(--cm-color-sunken) 82%, var(--cm-color-ink)); --d3x: color-mix(in oklab, var(--cm-color-muted) 58%, var(--cm-color-sunken)); --d3y: color-mix(in oklab, var(--cm-color-sunken) 70%, var(--cm-object-gold-top)); --d3z: color-mix(in oklab, var(--cm-color-good-lip) 72%, var(--cm-color-ink)); --d40: color-mix(in oklab, var(--cm-color-good-lip) 80%, var(--cm-color-ink)); --d41: color-mix(in oklab, var(--cm-object-ember-lip) 44%, var(--cm-color-ink)); --d42: color-mix(in oklab, var(--cm-object-ember-lip) 78%, var(--cm-object-gold-top)); --d43: color-mix(in oklab, var(--cm-object-ember-lip) 22%, var(--cm-color-ink)); --d44: color-mix(in oklab, var(--cm-object-ember-lip) 58%, var(--cm-color-ink)); --d45: color-mix(in oklab, var(--cm-object-verge) 72%, var(--cm-color-ink)); --d46: color-mix(in oklab, var(--cm-color-good-lip) 78%, var(--cm-color-ink)); --d47: color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-object-gold-top)); --d48: color-mix(in oklab, var(--cm-color-muted) 64%, var(--cm-color-ink)); --d49: color-mix(in oklab, var(--cm-color-muted) 82%, var(--cm-color-bg)); --d4a: color-mix(in oklab, var(--cm-color-ink) 88%, var(--sky-far) 12%); --d4b: color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-color-ink)); --d4c: color-mix(in oklab, var(--cm-color-good-lip) 62%, var(--cm-color-ink)); --d4d: color-mix(in oklab, color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-color-ink)) 55%, var(--cm-object-gold-top)); --d4e: color-mix(in oklab, var(--cm-color-muted) 40%, var(--cm-color-ink)); --d4f: color-mix(in oklab, var(--cm-object-gold-lip) 78%, var(--cm-color-ink)); --d4g: color-mix(in oklab, var(--cm-object-steel-lip) 70%, var(--cm-color-ink)); --d4h: color-mix(in oklab, var(--cm-color-muted) 60%, var(--cm-object-steel)); --d4i: color-mix(in oklab, var(--cm-color-muted) 72%, var(--cm-color-faint)); --d4j: color-mix(in oklab, var(--cm-object-gold-lip) 30%, var(--cm-object-ember-lip)); --d4k: color-mix(in oklab, var(--cm-object-gold-lip) 55%, var(--cm-object-ember-lip)); --d4l: color-mix(in oklab, var(--cm-color-bg) 10%, transparent); --d4m: color-mix(in oklab, var(--cm-color-bg) 80%, transparent); --d4n: color-mix(in oklab, var(--cm-color-bg) 30%, transparent); --d4o: color-mix(in oklab, var(--cm-object-gold-lip) 60%, transparent); --d4p: color-mix(in oklab, var(--cm-object-gold-top) 90%, transparent); --d4q: color-mix(in oklab, var(--cm-color-bg) 60%, transparent); --d4r: color-mix(in oklab, var(--cm-color-ink) 60%, transparent); --d4s: color-mix(in oklab, var(--cm-object-gold-top) 50%, transparent); --d4t: color-mix(in oklab, var(--d4j) 30%, transparent); --d4u: color-mix(in oklab, var(--cm-color-muted) 50%, transparent); --d4v: color-mix(in oklab, var(--cm-color-muted) 30%, transparent); --d4w: color-mix(in oklab, var(--cm-object-ember-lip) 60%, transparent); --d4x: color-mix(in oklab, var(--cm-object-steel-top) 80%, transparent); --d4y: color-mix(in oklab, var(--cm-object-teal) 80%, transparent); --d4z: color-mix(in oklab, var(--cm-color-ink) 80%, transparent); --d50: color-mix(in oklab, var(--cm-color-muted) 70%, transparent); --d51: color-mix(in oklab, var(--cm-color-ink) 50%, transparent); --d52: color-mix(in oklab, var(--cm-color-ink) 40%, transparent); --d53: color-mix(in oklab, var(--cm-color-ink) 70%, transparent); --d54: color-mix(in oklab, var(--cm-color-bg) 20%, transparent); --d55: color-mix(in oklab, var(--d3y) 70%, transparent); --d56: color-mix(in oklab, var(--cm-object-gold-top) 10%, transparent); --d57: color-mix(in oklab, var(--d3z) 60%, transparent); --d58: color-mix(in oklab, var(--cm-object-verge) 80%, transparent); --d59: color-mix(in oklab, var(--d42) 90%, transparent); --d5a: color-mix(in oklab, var(--d42) 60%, transparent); --d5b: color-mix(in oklab, var(--cm-object-verge-top) 80%, transparent); --d5c: color-mix(in oklab, var(--cm-object-verge-top) 30%, transparent); --d5d: color-mix(in oklab, var(--cm-color-good-lip) 40%, transparent); --d5e: color-mix(in oklab, var(--cm-object-verge-top) 60%, transparent); --d5f: color-mix(in oklab, var(--d42) 70%, transparent); --d5g: color-mix(in oklab, var(--d49) 90%, transparent); --d5h: color-mix(in oklab, var(--cm-color-muted) 10%, transparent); --d5i: color-mix(in oklab, var(--d41) 80%, transparent); --d5j: color-mix(in oklab, var(--cm-object-gold) 90%, transparent); --d5k: color-mix(in oklab, var(--cm-object-gold-lip) 50%, transparent); --d5l: color-mix(in oklab, var(--d49) 70%, transparent); --d5m: color-mix(in oklab, var(--cm-color-bg) 0%, transparent); --d5n: color-mix(in oklab, var(--cm-color-ink) 0%, transparent); --d5o: color-mix(in oklab, var(--d41) 60%, transparent); --d5p: color-mix(in oklab, var(--cm-object-gold) 80%, transparent); --d5q: color-mix(in oklab, var(--cm-object-steel) 80%, transparent); --d5r: color-mix(in oklab, var(--cm-object-crimson) 30%, transparent); --d5s: color-mix(in oklab, var(--cm-object-verge) 30%, transparent); } .fore { --sky-far: var(--cm-color-bg); --ng: var(--cm-color-good-lip); --dh: color-mix(in oklab, var(--cm-color-bg) 100%, var(--sky-far) 0%); --dk: color-mix(in oklab, var(--cm-color-ink) 40%, var(--sky-far) 60%); --d21: color-mix(in oklab, var(--cm-color-ink) 70%, var(--sky-far) 30%); --d23: color-mix(in oklab, var(--cm-color-ink) 82%, var(--sky-far) 18%); --d27: color-mix(in oklab, var(--cm-color-line) 50%, transparent); --d28: color-mix(in oklab, var(--cm-color-surface) 80%, transparent); --d2l: color-mix(in oklab, var(--cm-color-ink) 10%, transparent); --d2n: color-mix(in oklab, var(--dh) 40%, transparent); --d2o: color-mix(in oklab, var(--dh) 30%, transparent); --d2q: color-mix(in oklab, var(--dk) 50%, transparent); --d3a: color-mix(in oklab, var(--cm-color-muted) 60%, transparent); --d3b: color-mix(in oklab, var(--cm-object-gold-top) 80%, transparent); --d3c: color-mix(in oklab, var(--cm-color-ink) 30%, transparent); --d3d: color-mix(in oklab, var(--cm-color-ink) 20%, transparent); --d3f: color-mix(in oklab, var(--d21) 50%, transparent); --d3h: color-mix(in oklab, var(--cm-color-bg) 70%, transparent); --d3l: color-mix(in oklab, var(--cm-color-good-lip) 60%, transparent); --d3m: color-mix(in oklab, var(--cm-object-verge) 90%, transparent); --d3o: color-mix(in oklab, var(--cm-color-good-lip) 80%, transparent); --d3p: color-mix(in oklab, var(--cm-object-verge) 50%, transparent); --d3q: color-mix(in oklab, var(--cm-object-gold-lip) 70%, transparent); --d3r: color-mix(in oklab, var(--cm-color-muted) 40%, transparent); --d3s: color-mix(in oklab, var(--cm-object-gold-top) 20%, transparent); --d3v: color-mix(in oklab, var(--cm-object-gold-top) 30%, transparent); --d3w: color-mix(in oklab, var(--cm-color-sunken) 82%, var(--cm-color-ink)); --d3x: color-mix(in oklab, var(--cm-color-muted) 58%, var(--cm-color-sunken)); --d3y: color-mix(in oklab, var(--cm-color-sunken) 70%, var(--cm-object-gold-top)); --d3z: color-mix(in oklab, var(--cm-color-good-lip) 72%, var(--cm-color-ink)); --d40: color-mix(in oklab, var(--cm-color-good-lip) 80%, var(--cm-color-ink)); --d41: color-mix(in oklab, var(--cm-object-ember-lip) 44%, var(--cm-color-ink)); --d42: color-mix(in oklab, var(--cm-object-ember-lip) 78%, var(--cm-object-gold-top)); --d43: color-mix(in oklab, var(--cm-object-ember-lip) 22%, var(--cm-color-ink)); --d44: color-mix(in oklab, var(--cm-object-ember-lip) 58%, var(--cm-color-ink)); --d45: color-mix(in oklab, var(--cm-object-verge) 72%, var(--cm-color-ink)); --d46: color-mix(in oklab, var(--cm-color-good-lip) 78%, var(--cm-color-ink)); --d47: color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-object-gold-top)); --d48: color-mix(in oklab, var(--cm-color-muted) 64%, var(--cm-color-ink)); --d49: color-mix(in oklab, var(--cm-color-muted) 82%, var(--cm-color-bg)); --d4a: color-mix(in oklab, var(--cm-color-ink) 88%, var(--sky-far) 12%); --d4b: color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-color-ink)); --d4c: color-mix(in oklab, var(--cm-color-good-lip) 62%, var(--cm-color-ink)); --d4d: color-mix(in oklab, color-mix(in oklab, var(--cm-object-verge) 55%, var(--cm-color-ink)) 55%, var(--cm-object-gold-top)); --d4e: color-mix(in oklab, var(--cm-color-muted) 40%, var(--cm-color-ink)); --d4f: color-mix(in oklab, var(--cm-object-gold-lip) 78%, var(--cm-color-ink)); --d4g: color-mix(in oklab, var(--cm-object-steel-lip) 70%, var(--cm-color-ink)); --d4h: color-mix(in oklab, var(--cm-color-muted) 60%, var(--cm-object-steel)); --d4i: color-mix(in oklab, var(--cm-color-muted) 72%, var(--cm-color-faint)); --d4j: color-mix(in oklab, var(--cm-object-gold-lip) 30%, var(--cm-object-ember-lip)); --d4k: color-mix(in oklab, var(--cm-object-gold-lip) 55%, var(--cm-object-ember-lip)); --d4l: color-mix(in oklab, var(--cm-color-bg) 10%, transparent); --d4m: color-mix(in oklab, var(--cm-color-bg) 80%, transparent); --d4n: color-mix(in oklab, var(--cm-color-bg) 30%, transparent); --d4o: color-mix(in oklab, var(--cm-object-gold-lip) 60%, transparent); --d4p: color-mix(in oklab, var(--cm-object-gold-top) 90%, transparent); --d4q: color-mix(in oklab, var(--cm-color-bg) 60%, transparent); --d4r: color-mix(in oklab, var(--cm-color-ink) 60%, transparent); --d4s: color-mix(in oklab, var(--cm-object-gold-top) 50%, transparent); --d4t: color-mix(in oklab, var(--d4j) 30%, transparent); --d4u: color-mix(in oklab, var(--cm-color-muted) 50%, transparent); --d4v: color-mix(in oklab, var(--cm-color-muted) 30%, transparent); --d4w: color-mix(in oklab, var(--cm-object-ember-lip) 60%, transparent); --d4x: color-mix(in oklab, var(--cm-object-steel-top) 80%, transparent); --d4y: color-mix(in oklab, var(--cm-object-teal) 80%, transparent); --d4z: color-mix(in oklab, var(--cm-color-ink) 80%, transparent); --d50: color-mix(in oklab, var(--cm-color-muted) 70%, transparent); --d51: color-mix(in oklab, var(--cm-color-ink) 50%, transparent); --d52: color-mix(in oklab, var(--cm-color-ink) 40%, transparent); --d53: color-mix(in oklab, var(--cm-color-ink) 70%, transparent); --d54: color-mix(in oklab, var(--cm-color-bg) 20%, transparent); --d55: color-mix(in oklab, var(--d3y) 70%, transparent); --d56: color-mix(in oklab, var(--cm-object-gold-top) 10%, transparent); --d57: color-mix(in oklab, var(--d3z) 60%, transparent); --d58: color-mix(in oklab, var(--cm-object-verge) 80%, transparent); --d59: color-mix(in oklab, var(--d42) 90%, transparent); --d5a: color-mix(in oklab, var(--d42) 60%, transparent); --d5b: color-mix(in oklab, var(--cm-object-verge-top) 80%, transparent); --d5c: color-mix(in oklab, var(--cm-object-verge-top) 30%, transparent); --d5d: color-mix(in oklab, var(--cm-color-good-lip) 40%, transparent); --d5e: color-mix(in oklab, var(--cm-object-verge-top) 60%, transparent); --d5f: color-mix(in oklab, var(--d42) 70%, transparent); --d5g: color-mix(in oklab, var(--d49) 90%, transparent); --d5h: color-mix(in oklab, var(--cm-color-muted) 10%, transparent); --d5i: color-mix(in oklab, var(--d41) 80%, transparent); --d5j: color-mix(in oklab, var(--cm-object-gold) 90%, transparent); --d5k: color-mix(in oklab, var(--cm-object-gold-lip) 50%, transparent); --d5l: color-mix(in oklab, var(--d49) 70%, transparent); --d5m: color-mix(in oklab, var(--cm-color-bg) 0%, transparent); --d5n: color-mix(in oklab, var(--cm-color-ink) 0%, transparent); --d5o: color-mix(in oklab, var(--d41) 60%, transparent); --d5p: color-mix(in oklab, var(--cm-object-gold) 80%, transparent); --d5q: color-mix(in oklab, var(--cm-object-steel) 80%, transparent); --d5r: color-mix(in oklab, var(--cm-object-crimson) 30%, transparent); --d5s: color-mix(in oklab, var(--cm-object-verge) 30%, transparent); } .world, .fore { --car-place: max(var(--car-x), calc(40 * var(--u))); } @media (prefers-reduced-motion: no-preference) and (min-height: 521px) { @supports (animation-timeline: view()) and (timeline-scope: --x) { .car__lights,.car__flare,.car__ind,.car__puff,.car__sweep,.world [data-light] .tl__go,.marker--signal .sig__go,.world [data-light] .tl__ready,.marker--signal .sig__ready{--cm-on:0;opacity:var(--cm-on)}
.car__lamp-front{--cm-on:0.55;opacity:var(--cm-on)}
.fore [data-strike] .lamp__on,.fore .gantry__light,.fore .underpass__lamp,.fore .bay__pool,.world .lamp-strike{--cm-on:1;opacity:var(--cm-on)}
@container style(--cm-on:0){.car__lights > *,.car__flare > *,.car__ind > *,.car__puff > *,.car__sweep > *,.world [data-light] .tl__go > *,.marker--signal .sig__go > *,.world [data-light] .tl__ready > *,.marker--signal .sig__ready > *,.fore [data-strike] .lamp__on > *,.fore .gantry__light > *,.fore .underpass__lamp > *,.fore .bay__pool > *,.world .lamp-strike > *,.fore #drive-road-tunnel > *{visibility:hidden} .fore .marker--deer > *,.fore .pigeons__flock > *,.fore .pigeons__strip > *{display:none}}
@keyframes pan-town{from{translate:0 0} to{translate:calc(-430 * var(--u) * var(--k)) 0}}
@keyframes pan-outskirts{from{translate:0 0} to{translate:calc(-552 * var(--u) * var(--k)) 0}}
@keyframes pan-forest{from{translate:0 0} to{translate:calc(-440 * var(--u) * var(--k)) 0}}
@keyframes pan-tunnel{from{translate:0 0} to{translate:calc(-250 * var(--u) * var(--k)) 0}}
@keyframes pan-open{from{translate:0 0} to{translate:calc(-620 * var(--u) * var(--k)) 0}}
@keyframes spin-town{from{rotate:0deg} to{rotate:12032.8deg}}
@keyframes lead-town{0%{translate:calc(0 * var(--u)) 0} 6%{translate:calc(1.2 * var(--u)) 0} 11%{translate:calc(1.2 * var(--u)) 0} 100%{translate:calc(0 * var(--u)) 0}}
@keyframes hopf-town{0%{translate:0 0} 41.6%{translate:0 0} 41.99%{translate:0 calc(-0.45 * var(--u))} 42.38%{translate:0 0} 63.19%{translate:0 0} 63.61%{translate:0 calc(-0.45 * var(--u))} 64.04%{translate:0 0} 100%{translate:0 0}}
@keyframes hopf-town-p{0%{translate:0 0} 41.6%{translate:0 0} 41.99%{translate:0 -2.4px} 42.38%{translate:0 0} 63.19%{translate:0 0} 63.61%{translate:0 -2.4px} 64.04%{translate:0 0} 100%{translate:0 0}}
@keyframes hopr-town{0%{translate:0 0} 42.89%{translate:0 0} 43.27%{translate:0 calc(-0.45 * var(--u))} 43.65%{translate:0 0} 64.62%{translate:0 0} 65.06%{translate:0 calc(-0.45 * var(--u))} 65.5%{translate:0 0} 100%{translate:0 0}}
@keyframes hopr-town-p{0%{translate:0 0} 42.89%{translate:0 0} 43.27%{translate:0 -2.4px} 43.65%{translate:0 0} 64.62%{translate:0 0} 65.06%{translate:0 -2.4px} 65.5%{translate:0 0} 100%{translate:0 0}}
@keyframes spin-outskirts{from{rotate:0deg} to{rotate:15446.8deg}}
@keyframes spin-forest{from{rotate:0deg} to{rotate:12312.6deg}}
@keyframes spin-tunnel{from{rotate:0deg} to{rotate:6995.8deg}}
@keyframes spin-open{from{rotate:0deg} to{rotate:17349.6deg}}
@keyframes lead-open{0%{translate:calc(0 * var(--u)) 0} 80%{translate:calc(0 * var(--u)) 0} 86%{translate:calc(-1.5 * var(--u)) 0} 95%{translate:calc(-2.2 * var(--u)) 0} 100%{translate:calc(-2.2 * var(--u)) 0}}
@keyframes hopf-open{0%{translate:0 0} 68.29%{translate:0 0} 68.53%{translate:0 calc(-0.7 * var(--u))} 70.28%{translate:0 calc(-0.7 * var(--u))} 70.54%{translate:0 0} 100%{translate:0 0}}
@keyframes hopf-open-p{0%{translate:0 0} 68.29%{translate:0 0} 68.53%{translate:0 -3.73px} 70.28%{translate:0 -3.73px} 70.54%{translate:0 0} 100%{translate:0 0}}
@keyframes hopr-open{0%{translate:0 0} 69.41%{translate:0 0} 69.66%{translate:0 calc(-0.7 * var(--u))} 71.48%{translate:0 calc(-0.7 * var(--u))} 71.74%{translate:0 0} 100%{translate:0 0}}
@keyframes hopr-open-p{0%{translate:0 0} 69.41%{translate:0 0} 69.66%{translate:0 -3.73px} 71.48%{translate:0 -3.73px} 71.74%{translate:0 0} 100%{translate:0 0}}
@keyframes body-town0{0%{rotate:0deg;translate:0 0} 18.18%{rotate:-1.3deg;translate:0 calc(0.25 * var(--u))} 54.55%{rotate:-0.4deg;translate:0 0} 100%{rotate:0deg;translate:0 0}}
@keyframes body-town0-p{0%{rotate:0deg;translate:0 0} 18.18%{rotate:-1.3deg;translate:0 1.33px} 54.55%{rotate:-0.4deg;translate:0 0} 100%{rotate:0deg}}
@keyframes body-town1{0%{rotate:0deg;translate:0 0} 20.39%{rotate:1deg} 46.32%{rotate:0.8deg;translate:0 0} 56.53%{rotate:-1.8deg;translate:0 calc(-0.7 * var(--u))} 64.47%{rotate:-0.2deg;translate:0 calc(0.15 * var(--u))} 77.16%{rotate:1.6deg;translate:0 calc(-0.6 * var(--u))} 85.55%{rotate:-0.3deg;translate:0 calc(0.2 * var(--u))} 92.23%{rotate:0.1deg;translate:0 calc(-0.08 * var(--u))} 100%{rotate:0deg;translate:0 0}}
@keyframes body-town1-p{0%{rotate:0deg} 20.39%{rotate:1deg} 46.32%{rotate:0.8deg;translate:0 0} 56.53%{rotate:-1.8deg;translate:0 -3.73px} 64.47%{rotate:-0.2deg;translate:0 0.8px} 77.16%{rotate:1.6deg;translate:0 -3.2px} 85.55%{rotate:-0.3deg;translate:0 1.07px} 92.23%{rotate:0.1deg;translate:0 -0.43px} 100%{rotate:0deg;translate:0 0}}
@keyframes body-town2{0%{rotate:0deg;translate:0 0} 18.69%{rotate:1deg} 43.62%{rotate:0.8deg;translate:0 0} 53.82%{rotate:-1.8deg;translate:0 calc(-0.7 * var(--u))} 61.92%{rotate:-0.2deg;translate:0 calc(0.15 * var(--u))} 75.16%{rotate:1.6deg;translate:0 calc(-0.6 * var(--u))} 84.13%{rotate:-0.3deg;translate:0 calc(0.2 * var(--u))} 91.4%{rotate:0.1deg;translate:0 calc(-0.08 * var(--u))} 100%{rotate:0deg;translate:0 0}}
@keyframes body-town2-p{0%{rotate:0deg} 18.69%{rotate:1deg} 43.62%{rotate:0.8deg;translate:0 0} 53.82%{rotate:-1.8deg;translate:0 -3.73px} 61.92%{rotate:-0.2deg;translate:0 0.8px} 75.16%{rotate:1.6deg;translate:0 -3.2px} 84.13%{rotate:-0.3deg;translate:0 1.07px} 91.4%{rotate:0.1deg;translate:0 -0.43px} 100%{rotate:0deg;translate:0 0}}
@keyframes body-forest{0%{rotate:0deg} 23.18%{rotate:1.4deg} 46.03%{rotate:1deg} 59.62%{rotate:0.8deg} 77.63%{rotate:-0.5deg} 100%{rotate:0deg}}
@keyframes body-forest-p{0%{rotate:0deg} 23.18%{rotate:1.4deg} 46.03%{rotate:1deg} 59.62%{rotate:0.8deg} 77.63%{rotate:-0.5deg} 100%{rotate:0deg}}
@keyframes body-open0{0%{rotate:0deg;translate:0 0} 16.75%{rotate:1.2deg} 44.31%{rotate:0.6deg;translate:0 0} 51.14%{rotate:-1.2deg;translate:0 calc(-0.35 * var(--u))} 59.85%{rotate:-1.2deg;translate:0 calc(-0.35 * var(--u))} 62.33%{rotate:0deg;translate:0 calc(-0.7 * var(--u))} 68.46%{rotate:0deg;translate:0 calc(-0.7 * var(--u))} 71.01%{rotate:1.2deg;translate:0 calc(-0.35 * var(--u))} 80.29%{rotate:1.2deg;translate:0 calc(-0.35 * var(--u))} 82.95%{rotate:-0.3deg;translate:0 0} 100%{rotate:0deg;translate:0 0}}
@keyframes body-open0-p{0%{rotate:0deg} 16.75%{rotate:1.2deg} 44.31%{rotate:0.6deg;translate:0 0} 51.14%{rotate:-1.2deg;translate:0 -1.87px} 59.85%{rotate:-1.2deg;translate:0 -1.87px} 62.33%{rotate:0deg;translate:0 -3.73px} 68.46%{rotate:0deg;translate:0 -3.73px} 71.01%{rotate:1.2deg;translate:0 -1.87px} 80.29%{rotate:1.2deg;translate:0 -1.87px} 82.95%{rotate:-0.3deg;translate:0 0} 100%{rotate:0deg}}
@keyframes body-open1{0%{rotate:0deg;translate:0 0} 30%{rotate:1.4deg} 75%{rotate:1.6deg;translate:0 calc(0.2 * var(--u))} 79%{rotate:-0.3deg;translate:0 calc(-0.05 * var(--u))} 81.5%{rotate:0deg;translate:0 0} 86%{translate:0 0} 88%{translate:0 calc(0.12 * var(--u))} 100%{rotate:0deg;translate:0 calc(0.12 * var(--u))}}
@keyframes body-open1-p{0%{rotate:0deg;translate:0 0} 30%{rotate:1.4deg} 75%{rotate:1.6deg;translate:0 1.07px} 79%{rotate:-0.3deg;translate:0 -0.27px} 81.5%{rotate:0deg;translate:0 0} 86%{translate:0 0} 88%{translate:0 0.64px} 100%{rotate:0deg;translate:0 0.64px}}
@keyframes glow-town0{0%{--cm-on:1} 62.5%{--cm-on:1} 100%{--cm-on:0}}
@keyframes glow-town1{0%{--cm-on:0} 36.07%{--cm-on:1} 88.9%{--cm-on:1} 100%{--cm-on:0}}
@keyframes glow-town2{0%{--cm-on:0} 34.72%{--cm-on:1} 88.3%{--cm-on:1} 100%{--cm-on:0}}
@keyframes glow-forest{0%{--cm-on:0} 20.95%{--cm-on:1} 82.62%{--cm-on:1} 100%{--cm-on:0}}
@keyframes glow-open0{0%{--cm-on:0} 20.2%{--cm-on:1} 96.8%{--cm-on:1} 100%{--cm-on:0}}
@keyframes glow-open1{0%{--cm-on:0} 37.97%{--cm-on:1} 96.2%{--cm-on:1} 100%{--cm-on:0}}
@keyframes puff-town0{0%{--cm-on:0;translate:0px 0px} 18.18%{--cm-on:0.9;translate:-0.5px 0.2px} 54.55%{--cm-on:0.35;translate:-3px 1.2px} 100%{--cm-on:0;translate:-6px 2.4px}}
@keyframes puff-town1{0%{--cm-on:0;translate:0px 0px} 13.52%{--cm-on:0.55;translate:-0.5px 0.2px} 100%{--cm-on:0;translate:-4px 1.6px}}
@keyframes puff-town2{0%{--cm-on:0;translate:0px 0px} 13.05%{--cm-on:0.55;translate:-0.5px 0.2px} 100%{--cm-on:0;translate:-4px 1.6px}}
@keyframes puff-forest{0%{--cm-on:0;translate:0px 0px} 28.66%{--cm-on:0.5;translate:-0.5px 0.2px} 100%{--cm-on:0;translate:-4px 1.6px}}
@keyframes puff-open{0%{--cm-on:0;translate:0px 0px} 13.48%{--cm-on:0.5;translate:-0.5px 0.2px} 100%{--cm-on:0;translate:-4px 1.6px}}
@keyframes sweep-tunnel{18.66%{--cm-on:0;translate:44px 0} 22.46%{--cm-on:0.32} 26.26%{--cm-on:0;translate:-44px 0} 30.17%{--cm-on:0;translate:44px 0} 32.80%{--cm-on:0.32} 35.42%{--cm-on:0;translate:-44px 0} 38.97%{--cm-on:0;translate:44px 0} 41.19%{--cm-on:0.32} 43.41%{--cm-on:0;translate:-44px 0} 47.12%{--cm-on:0;translate:44px 0} 49.21%{--cm-on:0.32} 51.30%{--cm-on:0;translate:-44px 0} 56.90%{--cm-on:0;translate:44px 0} 59.13%{--cm-on:0.32} 61.36%{--cm-on:0;translate:-44px 0}}
@keyframes traffic-on{0%,100%{--cm-on:0} 0.01%,99.99%{--cm-on:1}}
@keyframes pass-hatchback{0%{translate:calc(-163 * var(--u)) 0} 4.17%{translate:calc(-133.37 * var(--u)) 0} 8.33%{translate:calc(-100.94 * var(--u)) 0} 12.5%{translate:calc(-70.38 * var(--u)) 0} 16.67%{translate:calc(-46.36 * var(--u)) 0} 20.83%{translate:calc(-33.29 * var(--u)) 0} 25%{translate:calc(-25.8 * var(--u)) 0} 29.17%{translate:calc(-19.75 * var(--u)) 0} 33.33%{translate:calc(-14.75 * var(--u)) 0} 37.5%{translate:calc(-10.42 * var(--u)) 0} 41.67%{translate:calc(-6.35 * var(--u)) 0} 45.83%{translate:calc(-2.18 * var(--u)) 0} 50%{translate:calc(2.5 * var(--u)) 0} 54.17%{translate:calc(6.92 * var(--u)) 0} 58.33%{translate:calc(10.56 * var(--u)) 0} 62.5%{translate:calc(14.15 * var(--u)) 0} 66.67%{translate:calc(18.44 * var(--u)) 0} 70.83%{translate:calc(24.14 * var(--u)) 0} 75%{translate:calc(32 * var(--u)) 0} 79.17%{translate:calc(59.67 * var(--u)) 0} 83.33%{translate:calc(117.57 * var(--u)) 0} 87.5%{translate:calc(195.64 * var(--u)) 0} 91.67%{translate:calc(283.79 * var(--u)) 0} 95.83%{translate:calc(371.93 * var(--u)) 0} 100%{translate:calc(450 * var(--u)) 0}}
.fore .vehicle--hatchback{animation:pass-hatchback linear both;animation-timeline:--act-town;animation-range:cover calc(7% + 93svh) cover calc(32% + 68svh)}
.fore .traffic--hatchback{--cm-on:0;animation:traffic-on linear both;animation-timeline:--act-town;animation-range:cover calc(7% + 93svh) cover calc(32% + 68svh)}
@keyframes pass-truck{0%{translate:calc(-178 * var(--u)) 0} 4.17%{translate:calc(-148.61 * var(--u)) 0} 8.33%{translate:calc(-116.63 * var(--u)) 0} 12.5%{translate:calc(-86.37 * var(--u)) 0} 16.67%{translate:calc(-62.14 * var(--u)) 0} 20.83%{translate:calc(-48.02 * var(--u)) 0} 25%{translate:calc(-39.26 * var(--u)) 0} 29.17%{translate:calc(-32.12 * var(--u)) 0} 33.33%{translate:calc(-26.14 * var(--u)) 0} 37.5%{translate:calc(-20.88 * var(--u)) 0} 41.67%{translate:calc(-15.9 * var(--u)) 0} 45.83%{translate:calc(-10.76 * var(--u)) 0} 50%{translate:calc(-5 * var(--u)) 0} 54.17%{translate:calc(0.48 * var(--u)) 0} 58.33%{translate:calc(5.08 * var(--u)) 0} 62.5%{translate:calc(9.66 * var(--u)) 0} 66.67%{translate:calc(15.1 * var(--u)) 0} 70.83%{translate:calc(22.25 * var(--u)) 0} 75%{translate:calc(32 * var(--u)) 0} 79.17%{translate:calc(61.16 * var(--u)) 0} 83.33%{translate:calc(119.48 * var(--u)) 0} 87.5%{translate:calc(197.25 * var(--u)) 0} 91.67%{translate:calc(284.74 * var(--u)) 0} 95.83%{translate:calc(372.23 * var(--u)) 0} 100%{translate:calc(450 * var(--u)) 0}}
.fore .vehicle--truck{animation:pass-truck linear both;animation-timeline:--act-outskirts;animation-range:cover 4% cover 46%}
.fore .traffic--truck{--cm-on:0;animation:traffic-on linear both;animation-timeline:--act-outskirts;animation-range:cover 4% cover 46%}
@keyframes pass-pickup{0%{translate:calc(-166 * var(--u)) 0} 4.17%{translate:calc(-136.42 * var(--u)) 0} 8.33%{translate:calc(-104.08 * var(--u)) 0} 12.5%{translate:calc(-73.58 * var(--u)) 0} 16.67%{translate:calc(-49.52 * var(--u)) 0} 20.83%{translate:calc(-36.24 * var(--u)) 0} 25%{translate:calc(-28.49 * var(--u)) 0} 29.17%{translate:calc(-22.22 * var(--u)) 0} 33.33%{translate:calc(-17.02 * var(--u)) 0} 37.5%{translate:calc(-12.5 * var(--u)) 0} 41.67%{translate:calc(-8.26 * var(--u)) 0} 45.83%{translate:calc(-3.89 * var(--u)) 0} 50%{translate:calc(1 * var(--u)) 0} 54.17%{translate:calc(5.63 * var(--u)) 0} 58.33%{translate:calc(9.46 * var(--u)) 0} 62.5%{translate:calc(13.25 * var(--u)) 0} 66.67%{translate:calc(17.76 * var(--u)) 0} 70.83%{translate:calc(23.76 * var(--u)) 0} 75%{translate:calc(32 * var(--u)) 0} 79.17%{translate:calc(59.97 * var(--u)) 0} 83.33%{translate:calc(117.96 * var(--u)) 0} 87.5%{translate:calc(195.96 * var(--u)) 0} 91.67%{translate:calc(283.98 * var(--u)) 0} 95.83%{translate:calc(371.99 * var(--u)) 0} 100%{translate:calc(450 * var(--u)) 0}}
.fore .vehicle--pickup{animation:pass-pickup linear both;animation-timeline:--act-forest;animation-range:cover 12% cover 40%}
.fore .traffic--pickup{--cm-on:0;animation:traffic-on linear both;animation-timeline:--act-forest;animation-range:cover 12% cover 40%}
@keyframes pass-camper{0%{translate:calc(-165 * var(--u)) 0} 4.17%{translate:calc(-135.4 * var(--u)) 0} 8.33%{translate:calc(-103.03 * var(--u)) 0} 12.5%{translate:calc(-72.51 * var(--u)) 0} 16.67%{translate:calc(-48.47 * var(--u)) 0} 20.83%{translate:calc(-35.26 * var(--u)) 0} 25%{translate:calc(-27.59 * var(--u)) 0} 29.17%{translate:calc(-21.39 * var(--u)) 0} 33.33%{translate:calc(-16.27 * var(--u)) 0} 37.5%{translate:calc(-11.81 * var(--u)) 0} 41.67%{translate:calc(-7.62 * var(--u)) 0} 45.83%{translate:calc(-3.32 * var(--u)) 0} 50%{translate:calc(1.5 * var(--u)) 0} 54.17%{translate:calc(6.06 * var(--u)) 0} 58.33%{translate:calc(9.83 * var(--u)) 0} 62.5%{translate:calc(13.55 * var(--u)) 0} 66.67%{translate:calc(17.99 * var(--u)) 0} 70.83%{translate:calc(23.88 * var(--u)) 0} 75%{translate:calc(32 * var(--u)) 0} 79.17%{translate:calc(59.87 * var(--u)) 0} 83.33%{translate:calc(117.83 * var(--u)) 0} 87.5%{translate:calc(195.86 * var(--u)) 0} 91.67%{translate:calc(283.91 * var(--u)) 0} 95.83%{translate:calc(371.97 * var(--u)) 0} 100%{translate:calc(450 * var(--u)) 0}}
.fore .vehicle--camper{animation:pass-camper linear both;animation-timeline:--act-open;animation-range:entry-crossing 8% entry-crossing 32%}
.fore .traffic--camper{--cm-on:0;animation:traffic-on linear both;animation-timeline:--act-open;animation-range:entry-crossing 8% entry-crossing 32%}
@container style(--cm-on:0){.fore .traffic > .vehicle{display:none}}
.world .plane,.fore .plane{left:min(0px,calc(var(--car-x) - 40 * var(--u)))}
.pan.run--pan-town{animation:pan-town ease-in-out forwards;animation-timeline:--act-town;animation-range:cover 100svh cover 100%}
.pan.run--pan-outskirts{animation:pan-outskirts ease-in-out forwards;animation-timeline:--act-outskirts;animation-range:cover 0% cover 100%}
.pan.run--pan-forest{animation:pan-forest ease-in-out forwards;animation-timeline:--act-forest;animation-range:cover 0% cover 100%}
.pan.run--pan-tunnel{animation:pan-tunnel ease-in-out forwards;animation-timeline:--act-tunnel;animation-range:cover 0% cover 100%}
.pan.run--pan-open{animation:pan-open ease-in-out forwards;animation-timeline:--act-open;animation-range:cover 0% exit 0%}
.fore .run--lead-town{animation:lead-town linear forwards;animation-timeline:--act-town;animation-range:cover 100svh cover 100%}
.fore .run--lead-open{animation:lead-open linear forwards;animation-timeline:--act-open;animation-range:cover 0% exit 0%}
.fore .run--body-town0{animation:body-town0 linear forwards;animation-timeline:--act-town;animation-range:cover calc(0% + 100svh) cover calc(11% + 89svh)}
.fore .run--body-town1{animation:body-town1 linear forwards;animation-timeline:--act-town;animation-range:cover calc(38.61% + 61.39svh) cover calc(44.83% + 55.17svh)}
.fore .run--body-town2{animation:body-town2 linear forwards;animation-timeline:--act-town;animation-range:cover calc(60.12% + 39.88svh) cover calc(66.9% + 33.1svh)}
.fore .run--body-forest{animation:body-forest linear forwards;animation-timeline:--act-forest;animation-range:cover 41.96% cover 47.89%}
.fore .run--body-open0{animation:body-open0 linear forwards;animation-timeline:--act-open;animation-range:entry-crossing 63.36% entry-crossing 73.47%}
.fore .run--body-open1{animation:body-open1 linear forwards;animation-timeline:--act-open;animation-range:entry-crossing 80% entry-crossing 100%}
.fore .run--hopf-town{animation:hopf-town linear forwards;animation-timeline:--act-town;animation-range:cover 100svh cover 100%}
.fore .run--hopf-open{animation:hopf-open linear forwards;animation-timeline:--act-open;animation-range:cover 0% exit 0%}
.fore .run--hopr-town{animation:hopr-town linear forwards;animation-timeline:--act-town;animation-range:cover 100svh cover 100%}
.fore .run--hopr-open{animation:hopr-open linear forwards;animation-timeline:--act-open;animation-range:cover 0% exit 0%}
.fore .run--spin-town{animation:spin-town ease-in-out forwards;animation-timeline:--act-town;animation-range:cover 100svh cover 100%}
.fore .run--spin-outskirts{animation:spin-outskirts ease-in-out forwards;animation-timeline:--act-outskirts;animation-range:cover 0% cover 100%}
.fore .run--spin-forest{animation:spin-forest ease-in-out forwards;animation-timeline:--act-forest;animation-range:cover 0% cover 100%}
.fore .run--spin-tunnel{animation:spin-tunnel ease-in-out forwards;animation-timeline:--act-tunnel;animation-range:cover 0% cover 100%}
.fore .run--spin-open{animation:spin-open ease-in-out forwards;animation-timeline:--act-open;animation-range:cover 0% exit 0%}
.car__flare{animation-name:glow-town0,glow-town1,glow-town2,glow-forest,glow-open0,glow-open1;animation-timeline:--act-town,--act-town,--act-town,--act-forest,--act-open,--act-open;animation-range:cover calc(0% + 100svh) cover calc(0.8% + 99.2svh),cover calc(38.61% + 61.39svh) cover calc(42.13% + 57.87svh),cover calc(60.12% + 39.88svh) cover calc(63.77% + 36.23svh),cover 41.96% cover 46.56%,entry-crossing 63.36% entry-crossing 71.74%,entry-crossing 80% entry-crossing 95.8%;animation-fill-mode:forwards;animation-composition:replace;animation-timing-function:linear}
.car__puff{animation-name:puff-town0,puff-town1,puff-town2,puff-forest,puff-open;animation-timeline:--act-town,--act-town,--act-town,--act-forest,--act-open;animation-range:cover calc(0% + 100svh) cover calc(11% + 89svh),cover calc(43.86% + 56.14svh) cover calc(45.91% + 54.09svh),cover calc(65.74% + 34.26svh) cover calc(68.25% + 31.75svh),cover 46.03% cover 47.89%,entry-crossing 71.48% entry-crossing 73.47%;animation-fill-mode:forwards;animation-composition:replace;animation-timing-function:linear}
.car__sweep{animation-name:sweep-tunnel;animation-timing-function:linear;animation-fill-mode:forwards;animation-timeline:--act-tunnel;animation-range:cover 0% cover 100%}
.marker--signal .sig__go{animation:on-in linear both;animation-timeline:--act-town;animation-range:cover calc(0.44% + 99.56svh) cover calc(0.52% + 99.48svh)}
:lang(de) .marker--signal .sig__ready{animation:ready-go linear both;animation-timeline:--act-town;animation-range:cover calc(0.3% + 99.7svh) cover calc(0.52% + 99.48svh)}
.world [data-light] .tl__go{animation:on-in linear both;animation-timeline:--act-town;animation-range:cover calc(0.44% + 99.56svh) cover calc(0.52% + 99.48svh)}
:lang(de) .world [data-light] .tl__ready{animation:ready-go linear both;animation-timeline:--act-town;animation-range:cover calc(0.3% + 99.7svh) cover calc(0.52% + 99.48svh)}
@keyframes pigeons-fly{0%{--cm-on:0;--cm-tx:0.2px;--cm-ty:-0.4px;animation-timing-function:step-end} 0.27%{--cm-on:1;--cm-tx:0.2px;--cm-ty:-0.4px;animation-timing-function:step-end} 8.36%{--cm-tx:0.7px;--cm-ty:-31.1px} 24.26%{--cm-tx:6.8px;--cm-ty:-35.9px;animation-timing-function:step-end} 24.53%{--cm-tx:6.8px;--cm-ty:-65.9px} 40.43%{--cm-tx:16px;--cm-ty:-69.1px;animation-timing-function:step-end} 40.7%{--cm-tx:16px;--cm-ty:-99.1px} 56.6%{--cm-tx:26.5px;--cm-ty:-100.2px;animation-timing-function:step-end} 56.87%{--cm-tx:26.5px;--cm-ty:-130.2px} 72.78%{--cm-tx:38.2px;--cm-ty:-131.8px;animation-timing-function:step-end} 73.05%{--cm-tx:38.2px;--cm-ty:-161.8px} 88.95%{--cm-tx:48.2px;--cm-ty:-161.9px;animation-timing-function:step-end} 89.22%{--cm-tx:48.2px;--cm-ty:-191.9px} 99.73%{--cm-tx:50.3px;--cm-ty:-191.9px;animation-timing-function:step-end} 100%{--cm-on:0;--cm-tx:50.3px;--cm-ty:-191.9px}}
.fore .pigeons__strip{--cm-on:0;opacity:var(--cm-on);translate:var(--cm-tx) var(--cm-ty);animation:pigeons-fly linear both;animation-timeline:--act-town;animation-range:cover calc(1.59% + 98.41svh) cover calc(5.3% + 94.7svh)}
.fore .pigeons__flock{opacity:var(--cm-on);animation:on-out step-end both;animation-timeline:--act-town;animation-range:cover calc(1.59% + 98.41svh) cover calc(1.6% + 98.4svh)}
@keyframes deer-go{0%{--cm-ty:0%;--cm-rot:0deg;--cm-on:0} 7.17%{--cm-on:1} 14.28%{--cm-ty:0%;--cm-rot:0deg} 19.58%{--cm-ty:-10.42%;--cm-rot:6deg} 24.86%{--cm-ty:-4.17%;--cm-rot:-3deg} 30.1%{--cm-ty:-14.58%;--cm-rot:6deg} 35.33%{--cm-ty:-8.33%;--cm-rot:0deg} 69.64%{--cm-ty:-8.33%;--cm-rot:0deg} 74.72%{--cm-ty:-29.17%;--cm-rot:12deg} 79.8%{--cm-ty:-25%;--cm-rot:-8deg} 84.86%{--cm-ty:-47.92%;--cm-rot:12deg} 89.92%{--cm-ty:-39.58%;--cm-rot:-8deg;--cm-on:1} 100%{--cm-ty:-39.58%;--cm-rot:0deg;--cm-on:0}}
@keyframes deer-legs{0%{--cm-tx:0px} 20.51%{--cm-tx:-14px} 50.73%{--cm-tx:0px} 100%{--cm-tx:-28px}}
@keyframes deer-look{0%{--cm-rot:0deg} 35.52%{--cm-rot:20deg} 82.49%{--cm-rot:20deg} 100%{--cm-rot:0deg}}
.fore .marker--deer{--cm-on:0;opacity:var(--cm-on);translate:0 var(--cm-ty);rotate:var(--cm-rot);animation:deer-go linear both;animation-timeline:--act-forest;animation-range:cover 40.28% cover 48.15%}
.fore .marker--deer .deer__legs{translate:var(--cm-tx) 0;animation:deer-legs step-end both;animation-timeline:--act-forest;animation-range:cover 40.28% cover 45.76%}
.fore .marker--deer .deer__head{rotate:var(--cm-rot);animation:deer-look linear both;animation-timeline:--act-forest;animation-range:cover 43.33% cover 45.63%}
@keyframes farmer-arm{0%{rotate:150deg} 8.77%{rotate:-20deg} 17.45%{rotate:22deg} 27.03%{rotate:-22deg} 36.36%{rotate:22deg} 45.74%{rotate:-22deg} 55.03%{rotate:22deg} 64.1%{rotate:-22deg} 73.22%{rotate:22deg} 78.62%{rotate:0deg} 100%{rotate:150deg}}
@keyframes farmer-hat{0%{rotate:0deg} 50.2%{rotate:-10deg} 100%{rotate:0deg}}
.fore .marker--farmer .farmer__arm{animation:farmer-arm linear both;animation-timeline:--act-open;animation-range:entry-crossing 34.98% entry-crossing 40.54%}
.fore .marker--farmer .farmer__hat{animation:farmer-hat linear both;animation-timeline:--act-open;animation-range:entry-crossing 38.14% entry-crossing 39.05%}
@media (min-width:900px) and (not (pointer:coarse)){.plane .pan,.world .sheet-in,.world .sheet,.fore .car__lead,.fore .vehicle{animation-composition:add} .fore .car__run{animation:none} .fore .car__body{animation-name:body-town0-p,body-town1-p,body-town2-p,body-forest-p,body-open0-p,body-open1-p;animation-timeline:--act-town,--act-town,--act-town,--act-forest,--act-open,--act-open;animation-range:cover calc(0% + 100svh) cover calc(11% + 89svh),cover calc(38.61% + 61.39svh) cover calc(44.83% + 55.17svh),cover calc(60.12% + 39.88svh) cover calc(66.9% + 33.1svh),cover 41.96% cover 47.89%,entry-crossing 63.36% entry-crossing 73.47%,entry-crossing 80% entry-crossing 100%;animation-fill-mode:forwards;animation-composition:add;animation-timing-function:linear,linear,linear,linear,linear,linear} .fore .car__wheel--f{animation-name:hopf-town-p,hopf-open-p,spin-town,spin-outskirts,spin-forest,spin-tunnel,spin-open;animation-timeline:--act-town,--act-open,--act-town,--act-outskirts,--act-forest,--act-tunnel,--act-open;animation-range:cover 100svh cover 100%,cover 0% exit 0%,cover 100svh cover 100%,cover 0% cover 100%,cover 0% cover 100%,cover 0% cover 100%,cover 0% exit 0%;animation-fill-mode:forwards;animation-composition:add;animation-timing-function:linear,linear,ease-in-out,ease-in-out,ease-in-out,ease-in-out,ease-in-out} .fore .car__wheel--r{animation-name:hopr-town-p,hopr-open-p,spin-town,spin-outskirts,spin-forest,spin-tunnel,spin-open;animation-timeline:--act-town,--act-open,--act-town,--act-outskirts,--act-forest,--act-tunnel,--act-open;animation-range:cover 100svh cover 100%,cover 0% exit 0%,cover 100svh cover 100%,cover 0% cover 100%,cover 0% cover 100%,cover 0% cover 100%,cover 0% exit 0%;animation-fill-mode:forwards;animation-composition:add;animation-timing-function:linear,linear,ease-in-out,ease-in-out,ease-in-out,ease-in-out,ease-in-out}}
.fore [data-strike] .lamp__off,.fore [data-strike] .lamp__pool{opacity:1}
@keyframes home-strike{0%{--cm-on:0} 33%{--cm-on:0.8} 58%{--cm-on:0.15} 100%{--cm-on:1}}
.fore [data-strike] .lamp__on{animation:home-strike linear both;animation-timeline:--act-open}
.fore [data-strike="n0"] .lamp__on{animation-range:entry-crossing 64.60% entry-crossing 65.20%}
.fore [data-strike="n1"] .lamp__on{animation-range:entry-crossing 71.10% entry-crossing 71.70%}
.fore .gantry__light{animation:light-strike linear both;animation-timeline:--beat-arrive;animation-range:cover 15% cover 40%}
.fore .bay__pool{animation:on-in linear both;animation-timeline:--beat-arrive;animation-range:cover 46% cover 66%}
@keyframes ind-open{0%{--cm-on:0} 0.29%{--cm-on:1} 5.31%{--cm-on:0} 10.32%{--cm-on:1} 15.34%{--cm-on:0} 20.35%{--cm-on:1} 25.37%{--cm-on:0} 30.38%{--cm-on:1} 35.4%{--cm-on:0} 40.41%{--cm-on:1} 45.43%{--cm-on:0} 50.44%{--cm-on:1} 55.46%{--cm-on:0} 60.47%{--cm-on:1} 65.49%{--cm-on:0} 87.61%{--cm-on:1} 92.33%{--cm-on:0} 95.28%{--cm-on:1} 100%{--cm-on:0}}
.fore .car__ind{animation:ind-open step-end both;animation-timeline:--act-open;animation-range:entry-crossing 82.95% entry-crossing 99.9%}
@keyframes fade-in{from{opacity:0} to{opacity:1}}
@keyframes fade-out{from{opacity:1} to{opacity:0}}
@keyframes lamp-on{from{--cm-on:0.55} to{--cm-on:1}}
@keyframes lamp-off{from{--cm-on:1} to{--cm-on:0.55}}
@keyframes beam-on{from{--cm-on:0} to{--cm-on:1}}
@keyframes on-in{from{--cm-on:0} to{--cm-on:1}}
@keyframes ready-go{0%{--cm-on:0} 36.4%{--cm-on:1} 63.6%{--cm-on:1} 100%{--cm-on:0}}
@keyframes on-out{from{--cm-on:1} to{--cm-on:0}}
@keyframes light-strike{0%{--cm-on:0} 35%{--cm-on:0.75} 45%{--cm-on:0.1} 70%{--cm-on:0.9} 80%{--cm-on:0.45} 100%{--cm-on:1}}
@keyframes beam-off{from{--cm-on:1} to{--cm-on:0}}
.sky--outskirts{animation:fade-in linear forwards;animation-timeline:--act-outskirts;animation-range:entry 10% entry 90%}
.sky--forest{animation:fade-in linear forwards;animation-timeline:--beat-dawn;animation-range:cover 0% cover 100%}
.sky--open{animation:fade-in linear forwards;animation-timeline:--beat-tunnel-out;animation-range:cover 0% cover 60%}
@keyframes bloom{0%{opacity:0} 30%{opacity:1} 100%{opacity:0}}
.sky--bloom{animation:bloom linear forwards;animation-timeline:--beat-tunnel-out;animation-range:cover 0% cover 100%}
@keyframes sheet-dusk-in{from{translate:0 65lvh} to{translate:0 -195lvh}}
@keyframes sheet-dusk-out{0%{translate:0 0} 13.33%{translate:0 -70lvh} 100%{translate:0 -330lvh}}
.sheet-in--dusk{animation:sheet-dusk-in linear forwards;animation-timeline:--beat-dusk;animation-range:cover 0% cover 100%}
.sheet--dusk{animation:sheet-dusk-out linear forwards;animation-timeline:--beat-dawn;animation-range:cover -40lvh cover 100%}
@keyframes sheet-night-in{from{translate:0 35lvh} to{translate:0 -165lvh}}
@keyframes sheet-night-out{0%{translate:0 0} 17.39%{translate:0 -135lvh} 100%{translate:0 -325lvh}}
.sheet-in--night{animation:sheet-night-in linear forwards;animation-timeline:--beat-tunnel-in;animation-range:cover 0% cover 100%}
.sheet--night{animation:sheet-night-out linear forwards;animation-timeline:--beat-tunnel-out;animation-range:cover -40lvh cover 100%}
.world #drive-canopy-tunnel{opacity:0;animation:fade-in linear forwards;animation-timeline:--beat-tunnel-in;animation-range:cover 69.0% cover 78.5%}
.world #drive-canopy-tunnel > g{animation:fade-out linear forwards;animation-timeline:--beat-tunnel-out;animation-range:cover 16% cover 30%}
.fore #drive-road-tunnel{--cm-on:0;opacity:var(--cm-on);animation:on-in linear forwards,on-out linear forwards;animation-timeline:--beat-tunnel-in,--beat-tunnel-out;animation-range:cover 69.0% cover 78.5%,cover 16% cover 30%}
.world #drive-canopy-forest{animation:fade-out linear forwards;animation-timeline:--beat-tunnel-in;animation-range:cover 45.0% cover 61.5%}
.fore .portal--exit{opacity:0;animation:fade-in linear forwards;animation-timeline:--beat-tunnel-out;animation-range:cover 24% cover 24.2%}
@media (max-aspect-ratio:3/4){.fore .portal--exit{animation-range:cover 20% cover 20.2%}}
.fore .portal__night,.fore .plane--near .portal__shade{opacity:0;animation:fade-in linear forwards;animation-timeline:--beat-tunnel-in;animation-range:cover 30.5% cover 52.5%}
.world .lamp-strike{animation:light-strike linear both;animation-timeline:--beat-tunnel-in}
.world .lamp-strike[data-i="0"]{animation-range:cover 74.0% cover 77.0%}
.world .lamp-strike[data-i="1"]{animation-range:cover 76.6% cover 79.6%}
.world .lamp-strike[data-i="2"]{animation-range:cover 79.2% cover 82.2%}
.world .lamp-strike[data-i="3"]{animation-range:cover 81.8% cover 84.8%}
.world .lamp-strike[data-i="4"]{animation-range:cover 84.4% cover 87.4%}
.world .lamp-strike[data-i="5"]{animation-range:cover 87.0% cover 90.0%}
.world .lamp-strike[data-i="6"]{animation-range:cover 89.6% cover 92.6%}
@keyframes home-lamp{0%{--cm-on:0} 14.71%{--cm-on:0.45} 97.79%{--cm-on:0.45} 100%{--cm-on:0}}
@keyframes home-beam{0%{--cm-on:0} 14.71%{--cm-on:1} 97.79%{--cm-on:1} 100%{--cm-on:0}}
.car__lamp-front{animation:lamp-on linear forwards,lamp-off linear forwards,lamp-on linear forwards,lamp-off linear forwards,home-lamp linear both;animation-timeline:--beat-dusk,--beat-dawn,--beat-tunnel-in,--beat-tunnel-out,--act-open;animation-range:cover 20% cover 50%,cover 40% cover 70%,cover 25% cover 55%,cover 30% cover 60%,entry-crossing 70% entry-crossing 97.2%;animation-composition:replace,replace,replace,replace,add}
.car__lights{animation:beam-on linear forwards,beam-off linear forwards,beam-on linear forwards,beam-off linear forwards,home-beam linear both;animation-timeline:--beat-dusk,--beat-dawn,--beat-tunnel-in,--beat-tunnel-out,--act-open;animation-range:cover 20% cover 50%,cover 40% cover 70%,cover 25% cover 55%,cover 30% cover 60%,entry-crossing 70% entry-crossing 97.2%;animation-composition:replace,replace,replace,replace,add}
.fore .underpass__lamp{animation:light-strike linear both;animation-timeline:--act-outskirts}
@media (width <= 900px){.fore .underpass__lamp{animation-range:cover 39.17% cover 40.34%}}
@media (width > 900px){.fore .underpass__lamp{animation-range:cover 35.95% cover 37.19%}}
html{timeline-scope:--act-town,--act-outskirts,--act-forest,--act-tunnel,--act-open,--beat-dusk,--beat-dawn,--beat-tunnel-in,--beat-tunnel-out,--beat-arrive}
.masthead__act-name[data-act="town"]{animation-name:fade-out;animation-timeline:--act-outskirts;animation-range:cover 42vh cover 50vh;animation-fill-mode:both;animation-timing-function:linear}
.masthead__act-name[data-act="outskirts"]{animation-name:fade-in,fade-out;animation-timeline:--act-outskirts,--beat-dawn;animation-range:cover 50vh cover 58vh,cover 44% cover 50%;animation-fill-mode:both,forwards;animation-timing-function:linear}
@keyframes tint-outskirts{from{--pill-tint:var(--cm-object-gold-top)} to{--pill-tint:var(--cm-color-warn-soft)}}
.masthead__act-name[data-act="forest"]{animation-name:fade-in,fade-out;animation-timeline:--beat-dawn,--beat-tunnel-in;animation-range:cover 50% cover 56%,cover 44% cover 50%;animation-fill-mode:both,forwards;animation-timing-function:linear}
@keyframes tint-forest{from{--pill-tint:var(--cm-color-warn-soft)} to{--pill-tint:var(--cm-color-good-soft)}}
.masthead__act-name[data-act="tunnel"]{animation-name:fade-in,fade-out;animation-timeline:--beat-tunnel-in,--beat-tunnel-out;animation-range:cover 50% cover 56%,cover 44% cover 50%;animation-fill-mode:both,forwards;animation-timing-function:linear}
@keyframes tint-tunnel{from{--pill-tint:var(--cm-color-good-soft)} to{--pill-tint:var(--cm-color-ink)}}
.masthead__act-name[data-act="open"]{animation-name:fade-in;animation-timeline:--beat-tunnel-out;animation-range:cover 50% cover 56%;animation-fill-mode:both;animation-timing-function:linear}
@keyframes tint-open{from{--pill-tint:var(--cm-color-ink)} to{--pill-tint:var(--cm-object-gold)}}
.masthead__bar{--pill-tint:var(--cm-object-gold-top);animation-name:tint-outskirts,tint-forest,tint-tunnel,tint-open;animation-timeline:--act-outskirts,--beat-dawn,--beat-tunnel-in,--beat-tunnel-out;animation-range:cover 42vh cover 58vh,cover 44% cover 56%,cover 44% cover 56%,cover 44% cover 56%;animation-fill-mode:forwards;animation-timing-function:linear} } }