.scene{position:absolute;inset:0;overflow:hidden;background:var(--terrain);container-type:size;container-name:scene}.yard{display:block;width:100%;height:100%}.grain{mix-blend-mode:overlay;opacity:.22;pointer-events:none}:root[data-quality=medium] .grain,:root[data-quality=low] .grain{display:none}@media(pointer:coarse){:root:not([data-quality]) .grain{display:none}}.slot{--far: 0;--air-sat: calc(1 - var(--far) * .16);--air-lum: calc(1 + var(--far) * .05);cursor:pointer}.slot .body{transition:filter var(--dur-state) var(--ease-default);filter:saturate(var(--air-sat)) brightness(var(--air-lum))}.slot:where(:not([data-state=operating]):not([data-state=under_construction]):not([data-state=switching_recipe]):not([data-state=shut_down])) .body{filter:saturate(calc(var(--air-sat) * .55)) brightness(calc(var(--air-lum) * .86))}.slot:where([data-state=shut_down]) .body{filter:saturate(calc(var(--air-sat) * .32)) brightness(calc(var(--air-lum) * .74))}.slot[data-locked] .body{filter:saturate(var(--air-sat)) brightness(var(--air-lum))}@media(hover:hover){.slot:hover .body{filter:saturate(var(--air-sat)) brightness(calc(var(--air-lum) * 1.06))}}.slot>:not(.target,.target-halo){transition:translate var(--dur-spring) var(--ease-spring)}@media(hover:hover){.slot:hover>:not(.target,.target-halo){translate:0 -2px}}.slot:active>:not(.target,.target-halo){translate:0 1px;transition:translate var(--dur-tap) var(--ease-pop)}.bay-goods{transition:translate var(--dur-spring) var(--ease-spring)}.bay-goods[data-reached]{translate:0 -2px}.slot .drawing{transform-box:fill-box;transform-origin:50% 100%}.slot[data-moment=built] .drawing{animation:slot-built .7s var(--ease-default) both}@keyframes slot-built{0%{transform:scale(1.08,.86)}40%{transform:scale(.96,1.07)}70%{transform:scale(1.02,.98)}to{transform:none}}.slot[data-moment=started] .drawing{animation:slot-wake .6s var(--ease-default) both}.slot[data-moment=started] .smoke{transform-box:fill-box;transform-origin:50% 100%;animation:plume-wake 1.1s var(--ease-enter) both}@keyframes slot-wake{0%{transform:none}30%{transform:scale(1.015,.97)}60%{transform:scale(.99,1.02)}to{transform:none}}@keyframes plume-wake{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.35);opacity:1}to{transform:none;opacity:1}}.slot[data-moment=stopped] .drawing{animation:slot-wind-down 1.1s var(--ease-enter) both}.slot.slot[data-moment=stopped] .fan{animation:fan-wind-down 1.1s var(--ease-enter) both}@keyframes slot-wind-down{0%{transform:none}35%{transform:scale(1.01,.975)}to{transform:none}}@keyframes fan-wind-down{0%{transform:rotate(0)}to{transform:rotate(150deg)}}.slot[data-moment=razed] .drawing{animation:slot-razed .9s var(--ease-default) both}@keyframes slot-razed{0%{transform:none}40%{transform:scale(1.05,.82)}to{transform:none}}.till-coin{opacity:0;animation:till-ring .9s var(--ease-default) both}@keyframes till-ring{0%{transform:translateY(4px) scale(.5);opacity:0}20%{transform:translateY(-5px) scale(1);opacity:1}40%{transform:translateY(-7px) scaleX(-1)}60%{transform:translateY(-8px) scale(1);opacity:1}to{transform:translateY(-11px) scale(1);opacity:0}}.haul{opacity:0;animation:haul 2.4s var(--ease-default) both}@keyframes haul{0%{transform:translate(0);opacity:0}10%{opacity:1}40%,58%{transform:translate(var(--dx, 0px),var(--dy, 0px))}90%{opacity:1}to{transform:translate(0);opacity:0}}.slot .highlight{transform-box:fill-box;transform-origin:center;animation:pick-in var(--dur-spring) var(--ease-spring) both}@keyframes pick-in{0%{transform:scale(1.12);opacity:0}to{transform:none;opacity:1}}.slot:focus{outline:none}.slot:focus-visible .target-halo{stroke:var(--pick-halo);stroke-width:7}.slot:focus-visible .target{stroke:var(--pick);stroke-width:3}.slot .body,.slot .seat-shadow,.slot .highlight polygon{pointer-events:none}.slot .target{fill:transparent;pointer-events:all}.slot .target-halo{fill:none;pointer-events:none}.covers-viewbox{x:calc(var(--vb-x, 0) * 1px);y:calc(var(--vb-y, 0) * 1px);width:calc(var(--vb-w, 100) * 1px);height:calc(var(--vb-h, 100) * 1px);pointer-events:none}.yard-layers{--night: 0;--dusk: 0;--sky-high: color-mix(in oklab, color-mix(in oklab, var(--sky-high-noon), var(--sky-high-dusk) calc(var(--dusk) * 100%)), var(--sky-high-night) calc(var(--night) * 100%));--sky-low: color-mix(in oklab, color-mix(in oklab, var(--sky-low-noon), var(--sky-low-dusk) calc(var(--dusk) * 100%)), var(--sky-low-night) calc(var(--night) * 100%));--haze: color-mix(in oklab, color-mix(in oklab, var(--haze-noon), var(--haze-dusk) calc(var(--dusk) * 100%)), var(--haze-night) calc(var(--night) * 100%));--cloud: color-mix(in oklab, color-mix(in oklab, var(--cloud-noon), var(--cloud-dusk) calc(var(--dusk) * 100%)), var(--cloud-night) calc(var(--night) * 100%));--bird: color-mix(in oklab, color-mix(in oklab, var(--bird-noon), var(--bird-dusk) calc(var(--dusk) * 100%)), var(--bird-night) calc(var(--night) * 100%));--horizon-1: color-mix(in oklab, color-mix(in oklab, var(--horizon-1-noon), var(--horizon-1-dusk) calc(var(--dusk) * 100%)), var(--horizon-1-night) calc(var(--night) * 100%));--horizon-2: color-mix(in oklab, color-mix(in oklab, var(--horizon-2-noon), var(--horizon-2-dusk) calc(var(--dusk) * 100%)), var(--horizon-2-night) calc(var(--night) * 100%));--horizon-3: color-mix(in oklab, color-mix(in oklab, var(--horizon-3-noon), var(--horizon-3-dusk) calc(var(--dusk) * 100%)), var(--horizon-3-night) calc(var(--night) * 100%));--terrain: color-mix(in oklab, color-mix(in oklab, var(--terrain-noon), var(--terrain-dusk) calc(var(--dusk) * 100%)), var(--terrain-night) calc(var(--night) * 100%));--yard: color-mix(in oklab, color-mix(in oklab, var(--yard-noon), var(--yard-dusk) calc(var(--dusk) * 100%)), var(--yard-night) calc(var(--night) * 100%));--road: color-mix(in oklab, color-mix(in oklab, var(--road-noon), var(--road-dusk) calc(var(--dusk) * 100%)), var(--road-night) calc(var(--night) * 100%));--stripe: color-mix(in oklab, color-mix(in oklab, var(--stripe-noon), var(--stripe-dusk) calc(var(--dusk) * 100%)), var(--stripe-night) calc(var(--night) * 100%));--slot: color-mix(in oklab, color-mix(in oklab, var(--slot-noon), var(--slot-dusk) calc(var(--dusk) * 100%)), var(--slot-night) calc(var(--night) * 100%));--slot-empty: color-mix(in oklab, color-mix(in oklab, var(--slot-empty-noon), var(--slot-empty-dusk) calc(var(--dusk) * 100%)), var(--slot-empty-night) calc(var(--night) * 100%));--marking: color-mix(in oklab, color-mix(in oklab, var(--marking-noon), var(--marking-dusk) calc(var(--dusk) * 100%)), var(--marking-night) calc(var(--night) * 100%));--vignette: color-mix(in oklab, color-mix(in oklab, var(--vignette-noon), var(--vignette-dusk) calc(var(--dusk) * 100%)), var(--vignette-night) calc(var(--night) * 100%));--crop-1-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-1-noon), var(--crop-1-dusk) calc(var(--dusk) * 100%)), var(--crop-1-night) calc(var(--night) * 100%));--crop-2-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-2-noon), var(--crop-2-dusk) calc(var(--dusk) * 100%)), var(--crop-2-night) calc(var(--night) * 100%));--crop-3-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-3-noon), var(--crop-3-dusk) calc(var(--dusk) * 100%)), var(--crop-3-night) calc(var(--night) * 100%));--crop-4-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-4-noon), var(--crop-4-dusk) calc(var(--dusk) * 100%)), var(--crop-4-night) calc(var(--night) * 100%));--crop-1-row-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-1-row-noon), var(--crop-1-row-dusk) calc(var(--dusk) * 100%)), var(--crop-1-row-night) calc(var(--night) * 100%));--crop-2-row-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-2-row-noon), var(--crop-2-row-dusk) calc(var(--dusk) * 100%)), var(--crop-2-row-night) calc(var(--night) * 100%));--crop-3-row-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-3-row-noon), var(--crop-3-row-dusk) calc(var(--dusk) * 100%)), var(--crop-3-row-night) calc(var(--night) * 100%));--crop-4-row-hour: color-mix(in oklab, color-mix(in oklab, var(--crop-4-row-noon), var(--crop-4-row-dusk) calc(var(--dusk) * 100%)), var(--crop-4-row-night) calc(var(--night) * 100%));--fallow: color-mix(in oklab, color-mix(in oklab, var(--fallow-noon), var(--fallow-dusk) calc(var(--dusk) * 100%)), var(--fallow-night) calc(var(--night) * 100%));--bark: color-mix(in oklab, color-mix(in oklab, var(--bark-noon), var(--bark-dusk) calc(var(--dusk) * 100%)), var(--bark-night) calc(var(--night) * 100%));--leaf-high-summer: color-mix(in oklab, color-mix(in oklab, var(--leaf-high-noon), var(--leaf-high-dusk) calc(var(--dusk) * 100%)), var(--leaf-high-night) calc(var(--night) * 100%));--leaf-low-summer: color-mix(in oklab, color-mix(in oklab, var(--leaf-low-noon), var(--leaf-low-dusk) calc(var(--dusk) * 100%)), var(--leaf-low-night) calc(var(--night) * 100%));--grass-summer: color-mix(in oklab, color-mix(in oklab, var(--grass-noon), var(--grass-dusk) calc(var(--dusk) * 100%)), var(--grass-night) calc(var(--night) * 100%));--leaf-high-spring: color-mix(in oklab, color-mix(in oklab, var(--leaf-high-spring-noon), var(--leaf-high-spring-dusk) calc(var(--dusk) * 100%)), var(--leaf-high-spring-night) calc(var(--night) * 100%));--leaf-low-spring: color-mix(in oklab, color-mix(in oklab, var(--leaf-low-spring-noon), var(--leaf-low-spring-dusk) calc(var(--dusk) * 100%)), var(--leaf-low-spring-night) calc(var(--night) * 100%));--grass-spring: color-mix(in oklab, color-mix(in oklab, var(--grass-spring-noon), var(--grass-spring-dusk) calc(var(--dusk) * 100%)), var(--grass-spring-night) calc(var(--night) * 100%));--leaf-high-autumn: color-mix(in oklab, color-mix(in oklab, var(--leaf-high-autumn-noon), var(--leaf-high-autumn-dusk) calc(var(--dusk) * 100%)), var(--leaf-high-autumn-night) calc(var(--night) * 100%));--leaf-low-autumn: color-mix(in oklab, color-mix(in oklab, var(--leaf-low-autumn-noon), var(--leaf-low-autumn-dusk) calc(var(--dusk) * 100%)), var(--leaf-low-autumn-night) calc(var(--night) * 100%));--grass-autumn: color-mix(in oklab, color-mix(in oklab, var(--grass-autumn-noon), var(--grass-autumn-dusk) calc(var(--dusk) * 100%)), var(--grass-autumn-night) calc(var(--night) * 100%));--leaf-high-winter: color-mix(in oklab, color-mix(in oklab, var(--leaf-high-winter-noon), var(--leaf-high-winter-dusk) calc(var(--dusk) * 100%)), var(--leaf-high-winter-night) calc(var(--night) * 100%));--leaf-low-winter: color-mix(in oklab, color-mix(in oklab, var(--leaf-low-winter-noon), var(--leaf-low-winter-dusk) calc(var(--dusk) * 100%)), var(--leaf-low-winter-night) calc(var(--night) * 100%));--grass-winter: color-mix(in oklab, color-mix(in oklab, var(--grass-winter-noon), var(--grass-winter-dusk) calc(var(--dusk) * 100%)), var(--grass-winter-night) calc(var(--night) * 100%));--snow: color-mix(in oklab, color-mix(in oklab, var(--snow-noon), var(--snow-dusk) calc(var(--dusk) * 100%)), var(--snow-night) calc(var(--night) * 100%));--blossom-1: color-mix(in oklab, color-mix(in oklab, var(--blossom-1-noon), var(--blossom-1-dusk) calc(var(--dusk) * 100%)), var(--blossom-1-night) calc(var(--night) * 100%));--blossom-2: color-mix(in oklab, color-mix(in oklab, var(--blossom-2-noon), var(--blossom-2-dusk) calc(var(--dusk) * 100%)), var(--blossom-2-night) calc(var(--night) * 100%));--leaf-high: color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--leaf-high-summer), var(--leaf-high-spring) calc(var(--spring-mix) * 100%)), var(--leaf-high-autumn) calc(var(--autumn-mix) * 100%)), var(--leaf-high-winter) calc(var(--winter-mix) * 100%));--leaf-low: color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--leaf-low-summer), var(--leaf-low-spring) calc(var(--spring-mix) * 100%)), var(--leaf-low-autumn) calc(var(--autumn-mix) * 100%)), var(--leaf-low-winter) calc(var(--winter-mix) * 100%));--grass: color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--grass-summer), var(--grass-spring) calc(var(--spring-mix) * 100%)), var(--grass-autumn) calc(var(--autumn-mix) * 100%)), var(--grass-winter) calc(var(--winter-mix) * 100%));--crop-1: color-mix(in oklab, color-mix(in oklab, var(--crop-1-hour), var(--crop-2-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 70%));--crop-2: color-mix(in oklab, var(--crop-2-hour), var(--fallow) calc(var(--winter-mix) * 70%));--crop-3: color-mix(in oklab, color-mix(in oklab, var(--crop-3-hour), var(--crop-2-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 70%));--crop-4: color-mix(in oklab, color-mix(in oklab, var(--crop-4-hour), var(--crop-2-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 70%));--crop-1-row: color-mix(in oklab, color-mix(in oklab, var(--crop-1-row-hour), var(--crop-2-row-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 55%));--crop-2-row: color-mix(in oklab, var(--crop-2-row-hour), var(--fallow) calc(var(--winter-mix) * 55%));--crop-3-row: color-mix(in oklab, color-mix(in oklab, var(--crop-3-row-hour), var(--crop-2-row-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 55%));--crop-4-row: color-mix(in oklab, color-mix(in oklab, var(--crop-4-row-hour), var(--crop-2-row-hour) calc(var(--autumn-mix) * 50%)), var(--fallow) calc(var(--winter-mix) * 55%));--vignette-op: calc(var(--vignette-op-noon) + (var(--vignette-op-night) - var(--vignette-op-noon)) * var(--night))}@property --spring{syntax: "<number>"; inherits: true; initial-value: 0;}@property --autumn{syntax: "<number>"; inherits: true; initial-value: 0;}@property --winter{syntax: "<number>"; inherits: true; initial-value: 0;}@property --spring-mix{syntax: "<number>"; inherits: true; initial-value: 0;}@property --autumn-mix{syntax: "<number>"; inherits: true; initial-value: 0;}@property --winter-mix{syntax: "<number>"; inherits: true; initial-value: 0;}.yard-layers{transition:--spring 2s var(--ease-default),--autumn 2s var(--ease-default),--winter 2s var(--ease-default),--spring-mix 2s var(--ease-default),--autumn-mix 2s var(--ease-default),--winter-mix 2s var(--ease-default)}.season-spring{opacity:var(--spring)}.season-autumn{opacity:var(--autumn)}.season-winter{opacity:var(--winter)}.haze-band{y:calc(var(--vb-y, var(--haze-top)) * 1px);height:calc((var(--haze-base) - var(--vb-y, var(--haze-top))) * 1px)}.night-veil{fill:var(--night-veil);opacity:calc(var(--night) * .5);transition:opacity 2s var(--ease-default)}.city-lights>g{opacity:clamp(0,calc((var(--night) - var(--light-at, 0)) * 4),1);transition:opacity 2s var(--ease-default);transition-delay:calc(min(var(--light-order, 0),12)*.14s)}.sky-clouds{opacity:calc(1 - var(--night) * .6);transition:opacity 2s var(--ease-default)}.sky-birds,.cloud-shade{opacity:calc(1 - var(--night));transition:opacity 2s var(--ease-default)}@keyframes puff{0%{transform:translate(var(--drift, 0px)) scale(.9);opacity:0}10%{opacity:.58}55%{transform:translate(calc(var(--drift, 0px) + 4px),-46px) scale(1.9)}to{transform:translate(calc(var(--drift, 0px) + 20px),-80px) scale(3.2);opacity:0}}.puff{animation-name:puff;animation-timing-function:linear;animation-iteration-count:infinite}.puff-0,.puff-3{--drift: -7px}.puff-1,.puff-4{--drift: 0px}.puff-2,.puff-5{--drift: 7px}@keyframes jib{0%,to{transform:matrix(.92718,-.1873,0,1,0,0)}12.5%,87.5%{transform:matrix(.96339,-.13406,0,1,0,0)}25%,75%{transform:scale(1)}37.5%,62.5%{transform:matrix(.96339,.13406,0,1,0,0)}50%{transform:matrix(.92718,.1873,0,1,0,0)}}.jib{animation:jib var(--loop-crane) linear infinite}@keyframes pump{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.pump{animation:pump var(--loop-pump) ease-in-out infinite}@keyframes wheel{to{transform:rotate(360deg)}}.wheel{animation:wheel var(--loop-wheel) linear infinite}.fan{animation:wheel var(--loop-fan) linear infinite}@keyframes flame{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1,1.16);opacity:1}}.flame{animation:flame var(--loop-flame) ease-in-out infinite}@keyframes furnace{0%,to{opacity:.36}50%{opacity:.5}}.furnace{opacity:.43;animation:furnace var(--loop-furnace) ease-in-out infinite}@keyframes lamp{0%,to{opacity:.85}50%{opacity:1}}.lamp{animation:lamp 9.7s ease-in-out infinite}@keyframes paste{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}.paste{animation:paste 6.7s ease-in-out infinite}@keyframes dust{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:.4}to{transform:translate(7px,-12px) scale(2.1);opacity:0}}.dust{opacity:0;animation:dust var(--loop-dust) ease-out infinite;animation-delay:calc(var(--loop-dust) * var(--dust-phase, 0) * -1)}@keyframes drive{0%{transform:translate(0);opacity:0}5%{opacity:1}62%{opacity:1}68%,to{transform:translate(var(--dx, 0px),var(--dy, 0px));opacity:0}}.drive{animation-name:drive;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes walk{0%{transform:translate(0);opacity:0}6%{opacity:1}74%{opacity:1}80%,to{transform:translate(var(--dx, 0px),var(--dy, 0px));opacity:0}}.walk{animation-name:walk;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes glow{0%,to{opacity:.25}50%{opacity:1}}.glow{animation:glow var(--glow-period, 41s) ease-in-out infinite;animation-delay:calc(var(--glow-period, 41s) * var(--glow-phase, 0))}.glow-0{--glow-period: 41s}.glow-1{--glow-period: 59s}.glow-2{--glow-period: 73s}@keyframes cloud{0%{transform:translate(calc(var(--cloud-span) * -.5));opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(calc(var(--cloud-span) * .5));opacity:0}}.cloud{--cloud-span: 1500px;animation:cloud var(--loop-cloud) linear infinite;animation-delay:calc(var(--loop-cloud) * var(--sky-phase, 0) * -1)}@keyframes flock{0%{transform:translate(0);opacity:0}2%{opacity:1}22%{opacity:1}24%,to{transform:translate(var(--dx, 0px),var(--dy, 0px));opacity:0}}.flock{opacity:0;animation-name:flock;animation-timing-function:linear;animation-iteration-count:infinite}.flock-0{animation-duration:var(--loop-flock-0)}.flock-1{animation-duration:var(--loop-flock-1);animation-delay:calc(var(--loop-flock-1) * -.55)}@keyframes flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(-.5)}}.flap{transform-box:fill-box;transform-origin:center;animation:flap var(--loop-flap) ease-in-out infinite;animation-delay:calc(var(--loop-flap) * var(--flap-phase, 0) * -1)}.slot:not([data-state=operating]) .wheel,.slot:not([data-state=operating]) .fan,.slot:not([data-state=operating]) .pump,.slot:not([data-state=operating]) .paste{animation:none}:root[data-motion=reduced] .drive,:root[data-motion=reduced] .walk,:root[data-motion=off] .drive,:root[data-motion=off] .walk{opacity:1}:root[data-motion=reduced] .puff,:root[data-motion=off] .puff{opacity:0}:root[data-motion=reduced] .puff-1,:root[data-motion=off] .puff-1{opacity:.58;transform:translate(4px,-46px) scale(1.9)}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) .drive,:root:not([data-motion=full]) .walk{opacity:1}:root:not([data-motion=full]) .puff{opacity:0}:root:not([data-motion=full]) .puff-1{opacity:.58;transform:translate(4px,-46px) scale(1.9)}}
