:root{--field-rgb: 231 231 233;--field-color: rgb(var(--field-rgb));--world-tile: clamp(20px, 3.2dvh, 32px);--tile-size: var(--world-tile);--fargo-red: #c8102e;--litter-size: calc(var(--tile-size) * .86);--step-glide: 90ms;--shadow-rgb: 120 155 160;--shadow-alpha: .2;--shadow-spread: 1.12;--shadow-length: 1.35;--shadow-lean: -28deg;--fog-rgb: var(--field-rgb);--fog-fade-tiles: 10;--night-alpha: 0;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{height:100%}body{margin:0;background:var(--field-color)}.boot-failed{position:absolute;inset:0;margin:0;padding:24px;font:500 13px/1.6 Menlo,ui-monospace,monospace;color:#1c1f24;white-space:pre-wrap;word-break:break-all}#app{position:relative;height:100vh;height:100dvh;overflow:hidden;touch-action:none;background:var(--field-color);isolation:isolate}.board{position:absolute;top:50%;left:50%;display:grid;grid-template-columns:repeat(var(--grid-width),var(--tile-size));grid-template-rows:repeat(var(--grid-height),var(--tile-size));transform:translate(-50%,-50%) translate(calc(var(--camera-x, 0) * var(--tile-size)),calc(var(--camera-y, 0) * var(--tile-size)));transition:transform var(--step-glide) linear}.weather{position:absolute;inset:0;z-index:1;pointer-events:none}.whiteout{position:absolute;inset:0;z-index:2;pointer-events:none;background-color:#fff;opacity:0;transition-property:opacity;transition-duration:0ms;transition-timing-function:cubic-bezier(.45,0,.55,1);will-change:opacity}.night{position:absolute;inset:0;z-index:3;pointer-events:none;background-color:rgb(0 0 0 / var(--night-alpha));transition:background-color .26s linear}.fog{--fog-radius: calc(var(--sight-tiles, 15) * var(--tile-size));--fog-fade: calc(var(--fog-fade-tiles, 12) * var(--tile-size));--fog-from: calc(var(--fog-radius) - var(--fog-fade));position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle var(--fog-radius) at 50% 50%,rgb(var(--fog-rgb) / 0) var(--fog-from),rgb(var(--fog-rgb) / .001) calc(var(--fog-from) + var(--fog-fade) * .08),rgb(var(--fog-rgb) / .01) calc(var(--fog-from) + var(--fog-fade) * .16),rgb(var(--fog-rgb) / .034) calc(var(--fog-from) + var(--fog-fade) * .24),rgb(var(--fog-rgb) / .078) calc(var(--fog-from) + var(--fog-fade) * .32),rgb(var(--fog-rgb) / .148) calc(var(--fog-from) + var(--fog-fade) * .4),rgb(var(--fog-rgb) / .243) calc(var(--fog-from) + var(--fog-fade) * .48),rgb(var(--fog-rgb) / .36) calc(var(--fog-from) + var(--fog-fade) * .56),rgb(var(--fog-rgb) / .493) calc(var(--fog-from) + var(--fog-fade) * .64),rgb(var(--fog-rgb) / .63) calc(var(--fog-from) + var(--fog-fade) * .72),rgb(var(--fog-rgb) / .76) calc(var(--fog-from) + var(--fog-fade) * .8),rgb(var(--fog-rgb) / .873) calc(var(--fog-from) + var(--fog-fade) * .88),rgb(var(--fog-rgb) / .944) calc(var(--fog-from) + var(--fog-fade) * .94),rgb(var(--fog-rgb) / 1) var(--fog-radius))}.tilt{--sight: calc(var(--sight-tiles, 15) * var(--tile-size));position:absolute;--tilt-span: calc(var(--sight) * (var(--tilt-to) - var(--tilt-from)));left:calc(50% - var(--sight) * var(--tilt-half-width));width:calc(var(--sight) * 2 * var(--tilt-half-width));z-index:5;pointer-events:none;backdrop-filter:blur(var(--tilt-blur));-webkit-backdrop-filter:blur(var(--tilt-blur));--tilt-ramp-len: calc(var(--tilt-span) * var(--tilt-ramp));mask-image:linear-gradient(var(--tilt-dir),rgb(0 0 0 / 0) 0,rgb(0 0 0 / 1) var(--tilt-ramp-len));-webkit-mask-image:linear-gradient(var(--tilt-dir),rgb(0 0 0 / 0) 0,rgb(0 0 0 / 1) var(--tilt-ramp-len));background:transparent}.tilt--top{--tilt-dir: to top;top:max(0px,calc(50% - var(--sight) * var(--tilt-to)));bottom:calc(50% + var(--sight) * var(--tilt-from))}.tilt--bottom{--tilt-dir: to bottom;bottom:max(0px,calc(50% - var(--sight) * var(--tilt-to)));top:calc(50% + var(--sight) * var(--tilt-from))}@font-face{font-family:Anton Subset;src:url(data:font/woff2;base64,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) format("woff2");font-style:normal;font-weight:400;font-display:block}.day-title{position:absolute;left:0;right:0;bottom:calc(50% + var(--tile-size) * 3);z-index:6;pointer-events:none;font-family:Anton Subset,HelveticaNeue-CondensedBlack,Haettenschweiler,Arial Narrow,Impact,sans-serif;font-weight:400;font-size:calc(var(--tile-size) * 3.8);line-height:1;letter-spacing:.03em;text-indent:.03em;text-align:center;scale:1 1.08;transform-origin:50% 100%;color:var(--fargo-red);user-select:none;opacity:0}.day-title--shown{opacity:1}#app[data-scene=interior] .fog,#app[data-scene=interior] .night,#app[data-scene=interior] .tilt,#app[data-scene=interior] .weather,#app[data-scene=interior] .whiteout,#app[data-scene=interior] .eyes-layer{display:none}#app[data-scene=interior] .board{content-visibility:hidden}#app[data-scene=interior]:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-color:rgb(var(--fog-rgb));transition:background-color var(--step-glide) linear}#app[data-scene=interior]{--indoor-dim: calc(.78 * var(--darkness, 0) * (1 - .7 * var(--fire-light, 0)));--fire-light: 0;--fire-glow: calc(var(--fire-light, 0) * (.4 + .6 * var(--darkness, 0)));--firelight-paint: rgb(255 146 48 / calc(.3 * var(--fire-glow, 0)));--room-ground-level: calc(231 * (1 - var(--darkness, 0)));--room-shadow-level: max(20, calc(var(--room-ground-level) * .91));--room-shadow-paint: rgb( var(--room-shadow-level) var(--room-shadow-level) calc(var(--room-shadow-level) + 4) )}#app[data-firelit]{--fire-light: 1}.room{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;--room-zoom: 2;--tile-size: min( calc(var(--world-tile) * var(--room-zoom)), calc(92dvw / var(--grid-width)), calc(70dvh / var(--grid-height)) );grid-template-columns:repeat(var(--grid-width),var(--tile-size));grid-template-rows:repeat(var(--grid-height),var(--tile-size));background-image:var(--floor-texture);background-repeat:repeat;background-size:calc(var(--tile-size) * var(--floor-tiles-x)) calc(var(--tile-size) * var(--floor-tiles-y));image-rendering:pixelated}.tile--door{transform:translate(100%)}@keyframes hearth-flicker{0%{filter:brightness(1)}13%{filter:brightness(.902)}26%{filter:brightness(.965)}38%{filter:brightness(.86)}51%{filter:brightness(.979)}63%{filter:brightness(.916)}76%{filter:brightness(.951)}88%{filter:brightness(.888)}to{filter:brightness(1)}}@keyframes firelight-flicker{0%{opacity:1}13%{opacity:.874}26%{opacity:.955}38%{opacity:.82}51%{opacity:.973}63%{opacity:.892}76%{opacity:.937}88%{opacity:.856}to{opacity:1}}#app[data-firelit] .firelight{animation:firelight-flicker .48s linear infinite}#app[data-firelit] .room .tile[data-furniture=fireplace] img{animation:hearth-flicker .48s linear infinite}@media(prefers-reduced-motion:reduce){#app[data-firelit] .firelight,#app[data-firelit] .room .tile[data-furniture=fireplace] img{animation:none}}.fire-burn-bar[hidden]{display:none}.fire-burn-bar{position:absolute;left:50%;bottom:calc(var(--world-tile) * -.22);width:calc(var(--tile-size) * .88);height:max(3px,calc(var(--world-tile) * .12));transform:translate(-50%);z-index:2;overflow:hidden;background:#31170c;border:1px solid #000000;pointer-events:none}.fire-burn-bar>span{display:block;width:100%;height:100%;transform:scaleX(var(--fire-left, 0));transform-origin:left center;background:#ed6a1d}.room{--room-shadow-run: calc(var(--tile-size) * 1.2 * var(--shadow-length, 1));--room-shadow-x: calc(var(--room-shadow-run) * -1 * sin(var(--shadow-lean, 0deg)));--room-shadow-y: calc(var(--room-shadow-run) * cos(var(--shadow-lean, 0deg)));box-shadow:0 0 0 calc(var(--tile-size) * .16) #17150f,var(--room-shadow-x) var(--room-shadow-y) 0 0 var(--room-shadow-paint);transition:box-shadow var(--step-glide) linear}#app[data-scene=interior] .room{display:grid}.room:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:rgb(0 0 0 / var(--indoor-dim, 0));transition:background-color var(--step-glide) linear}.firelight{position:absolute;inset:0;pointer-events:none;background-color:var(--firelight-paint);transition:background-color var(--step-glide) linear}#app[data-dimming] .room .tile,#app[data-firelit] .room .tile{filter:brightness(calc(1 - var(--indoor-dim, 0))) contrast(calc(1 - .18 * var(--fire-glow, 0))) sepia(calc(.8 * var(--fire-glow, 0))) saturate(calc(1 + .6 * var(--fire-glow, 0)));transition:filter var(--step-glide) linear}.layer--floor .tile{z-index:0}.layer{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--grid-width),var(--tile-size));grid-template-rows:repeat(var(--grid-height),var(--tile-size))}.tile{position:relative;z-index:var(--row)}.sprite{position:absolute;bottom:0;left:50%;transform:translate(-50%);image-rendering:pixelated;user-select:none;-webkit-user-drag:none}.sprite--tree,.sprite--rock,.sprite--house,.sprite--plane,.sprite--bunny,.sprite--wolf,.sprite--bear,.sprite--furniture,.sprite--door{width:calc(var(--tile-size) * var(--sprite-width, 1));height:auto}.sprite--player{width:auto;height:var(--tile-size)}.tile[data-facing=east] .sprite--player{transform:translate(-50%) scaleX(-1)}.player-pack{position:absolute;z-index:1;width:calc(var(--tile-size) * .17);height:calc(var(--tile-size) * .2);top:calc(var(--tile-size) * .36);background:#8e9096;display:none;box-shadow:inset 0 0 0 1px rgb(var(--shadow-rgb));pointer-events:none}#app[data-pack=open] .player-pack{display:block}.tile[data-facing=west] .player-pack{left:calc(50% + var(--tile-size) * .04)}.tile[data-facing=east] .player-pack{right:calc(50% + var(--tile-size) * .04)}.tile--bumped{--bump-distance: calc(var(--tile-size) * .18);animation:player-bump 195ms}.tile--nudged{--nudge-distance: calc(var(--tile-size) * .022);--nudge-angle: 1deg;transform-origin:50% 100%;animation:prop-nudge 175ms}.tile--nudged-hard{--nudge-distance: calc(var(--tile-size) * .08);--nudge-angle: 4deg}@keyframes prop-nudge{0%{rotate:0deg;translate:0 0;animation-timing-function:cubic-bezier(.2,0,0,1)}30%{rotate:calc(var(--nudge-tip, 0) * var(--nudge-angle));translate:calc(var(--nudge-x, 0) * var(--nudge-distance)) calc(var(--nudge-y, 0) * var(--nudge-distance));animation-timing-function:cubic-bezier(.3,0,.2,1)}70%{rotate:calc(var(--nudge-tip, 0) * var(--nudge-angle) * -.33);translate:calc(var(--nudge-x, 0) * var(--nudge-distance) * -.25) calc(var(--nudge-y, 0) * var(--nudge-distance) * -.25);animation-timing-function:ease-out}to{rotate:0deg;translate:0 0}}.tile--bumped-soft{--bump-distance: calc(var(--tile-size) * .054)}@keyframes player-bump{0%{translate:0 0;animation-timing-function:cubic-bezier(.2,0,0,1)}35%{translate:calc(var(--bump-x, 0) * var(--bump-distance)) calc(var(--bump-y, 0) * var(--bump-distance));animation-timing-function:cubic-bezier(.4,0,.3,1)}to{translate:0 0}}.tile[data-facing=west] .sprite--bunny,.tile[data-facing=west] .sprite--wolf,.tile[data-facing=west] .sprite--bear,.tile[data-facing=west] .sprite--furniture{transform:translate(-50%) scaleX(-1)}.tile--animal{transform:translate(calc(var(--slide-x, 0) * var(--tile-size)),calc(var(--slide-y, 0) * var(--tile-size)));transition:transform var(--step-glide) linear}.tile--animal.tile--jumped{transition:none}.tile--lunge-a,.tile--lunge-b{--lunge-distance: calc(var(--tile-size) * .18);--lunge-duration: 195ms}.tile--lunge-a[data-species=wolf],.tile--lunge-b[data-species=wolf]{--lunge-distance: calc(var(--tile-size) * .24);--lunge-duration: .17s}.tile--lunge-a[data-species=bear],.tile--lunge-b[data-species=bear]{--lunge-distance: calc(var(--tile-size) * .32);--lunge-duration: .28s}.tile--lunge-a,.tile--lunge-b{animation-delay:calc(var(--lunge-order, 0) * 80ms)}.tile--lunge-a{animation-name:fight-lunge-a;animation-duration:var(--lunge-duration, 195ms)}.tile--lunge-b{animation-name:fight-lunge-b;animation-duration:var(--lunge-duration, 195ms)}@keyframes fight-lunge-a{0%{translate:0 0;animation-timing-function:cubic-bezier(.2,0,0,1)}38%{translate:calc(var(--lunge-x, 0) * var(--lunge-distance)) calc(var(--lunge-y, 0) * var(--lunge-distance));animation-timing-function:cubic-bezier(.4,0,.3,1)}to{translate:0 0}}@keyframes fight-lunge-b{0%{translate:0 0;animation-timing-function:cubic-bezier(.2,0,0,1)}38%{translate:calc(var(--lunge-x, 0) * var(--lunge-distance)) calc(var(--lunge-y, 0) * var(--lunge-distance));animation-timing-function:cubic-bezier(.4,0,.3,1)}to{translate:0 0}}.wounded{--wound-radius: calc(var(--wound-tiles, 45) * var(--wound-tile, var(--tile-size)));--wound-from: calc(var(--wound-radius) * .55);position:absolute;inset:0;z-index:6;pointer-events:none;--wound-blood-rgb: 168 15 30;--wound-alpha: 1;background:radial-gradient(circle var(--wound-radius) at var(--wound-cx, 50%) var(--wound-cy, 50%),rgb(var(--wound-blood-rgb) / 0) var(--wound-from),rgb(var(--wound-blood-rgb) / calc(var(--wound-alpha) * .12)) calc(var(--wound-from) + (var(--wound-radius) - var(--wound-from)) * .35),rgb(var(--wound-blood-rgb) / calc(var(--wound-alpha) * .45)) calc(var(--wound-from) + (var(--wound-radius) - var(--wound-from)) * .7),rgb(var(--wound-blood-rgb) / var(--wound-alpha)) var(--wound-radius));display:none;transition:background var(--step-glide) linear}@keyframes wound-breathe{0%{transform:scale(1)}to{transform:scale(var(--wound-breath))}}.wounded[data-wounded]{display:block;--wound-breath: 1.03;animation:wound-breathe 4s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.wounded[data-wounded]{animation:none}}.eyes-layer{position:absolute;left:50%;top:50%;width:calc(var(--grid-width, 1) * var(--world-tile));height:calc(var(--grid-height, 1) * var(--world-tile));transform:translate(-50%,-50%) translate(calc(var(--camera-x, 0) * var(--world-tile)),calc(var(--camera-y, 0) * var(--world-tile)));transition:transform var(--step-glide) linear;z-index:6;pointer-events:none;--eye-size: 1px;--eye-gap: 2px;--eye-forward: .34;--eye-lift: .14}.eyes{position:absolute;left:0;top:0;--lean: var(--eye-forward);transform:translate(calc(-50% + var(--lean) * var(--world-tile)),calc(-50% - var(--eye-lift) * var(--world-tile)));display:flex;gap:var(--eye-gap);transition:translate var(--step-glide) linear;--blink-cycle: 2.6s;animation:eye-blink var(--blink-cycle) linear infinite;animation-delay:calc(var(--blink-phase, 0) * var(--blink-cycle) * -1)}.eyes[data-facing=west]{--lean: calc(var(--eye-forward) * -1)}.eyes--moving,.eyes--shut{display:none}.eyes--locked{animation-name:none;animation-duration:0s;opacity:1}.eyes:before,.eyes:after{content:"";width:var(--eye-size);height:var(--eye-size);background:#fff}@keyframes eye-blink{0%,94.5%{opacity:1}96.5%{opacity:0}98.5%{opacity:1}}.sprite--tree,.shadow--tree{transform-origin:50% 100%;animation-duration:3.4s;animation-delay:var(--sway-delay, 0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tile[data-sway="1"] .sprite--tree{animation-name:tree-sway-1}.tile[data-sway="2"] .sprite--tree{animation-name:tree-sway-2}.tile[data-sway="3"] .sprite--tree{animation-name:tree-sway-3}.tile[data-sway="4"] .sprite--tree{animation-name:tree-sway-4}@keyframes tree-sway-1{0%{transform:translate(-50%) rotate(-1.89deg) scaleY(.9934);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(3.35deg) scaleY(.9883)}19%{transform:translate(-50%) rotate(1.64deg) scaleY(.9942)}27%{transform:translate(-50%) rotate(2.98deg) scaleY(.9896)}37%{transform:translate(-50%) rotate(2.13deg) scaleY(.9925)}50%{transform:translate(-50%) rotate(2.62deg) scaleY(.9908)}64%{transform:translate(-50%) rotate(.85deg) scaleY(.997)}78%{transform:translate(-50%) rotate(-1.16deg) scaleY(.996)}90%{transform:translate(-50%) rotate(-2.25deg) scaleY(.9921)}to{transform:translate(-50%) rotate(-1.89deg) scaleY(.9934)}}@keyframes tree-sway-2{0%{transform:translate(-50%) rotate(-2.09deg) scaleY(.9927);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(3.71deg) scaleY(.987)}19%{transform:translate(-50%) rotate(1.82deg) scaleY(.9936)}27%{transform:translate(-50%) rotate(3.3deg) scaleY(.9884)}37%{transform:translate(-50%) rotate(2.36deg) scaleY(.9917)}50%{transform:translate(-50%) rotate(2.9deg) scaleY(.9899)}64%{transform:translate(-50%) rotate(.94deg) scaleY(.9967)}78%{transform:translate(-50%) rotate(-1.28deg) scaleY(.9955)}90%{transform:translate(-50%) rotate(-2.49deg) scaleY(.9913)}to{transform:translate(-50%) rotate(-2.09deg) scaleY(.9927)}}@keyframes tree-sway-3{0%{transform:translate(-50%) rotate(-2.29deg) scaleY(.992);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(4.07deg) scaleY(.9858)}19%{transform:translate(-50%) rotate(2deg) scaleY(.993)}27%{transform:translate(-50%) rotate(3.62deg) scaleY(.9873)}37%{transform:translate(-50%) rotate(2.59deg) scaleY(.9909)}50%{transform:translate(-50%) rotate(3.18deg) scaleY(.9889)}64%{transform:translate(-50%) rotate(1.03deg) scaleY(.9964)}78%{transform:translate(-50%) rotate(-1.4deg) scaleY(.9951)}90%{transform:translate(-50%) rotate(-2.73deg) scaleY(.9904)}to{transform:translate(-50%) rotate(-2.29deg) scaleY(.992)}}@keyframes tree-sway-4{0%{transform:translate(-50%) rotate(-2.56deg) scaleY(.991);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(4.54deg) scaleY(.9841)}19%{transform:translate(-50%) rotate(2.23deg) scaleY(.9922)}27%{transform:translate(-50%) rotate(4.05deg) scaleY(.9858)}37%{transform:translate(-50%) rotate(2.89deg) scaleY(.9899)}50%{transform:translate(-50%) rotate(3.55deg) scaleY(.9876)}64%{transform:translate(-50%) rotate(1.16deg) scaleY(.996)}78%{transform:translate(-50%) rotate(-1.57deg) scaleY(.9945)}90%{transform:translate(-50%) rotate(-3.06deg) scaleY(.9893)}to{transform:translate(-50%) rotate(-2.56deg) scaleY(.991)}}.shadow{--shadow-width: calc(var(--tile-size) * var(--sprite-width, 1.15) * var(--shadow-spread));--shadow-run: calc( var(--tile-size) * var(--sprite-width, 1.15) * var(--aspect, 1.8) * var(--shadow-length) * var(--shadow-jitter, 1) );--shadow-bury: calc(var(--tile-size) * .18);position:absolute;top:calc(100% - var(--shadow-bury));left:calc(50% - var(--shadow-width) / 2);width:var(--shadow-width);height:calc(var(--shadow-run) + var(--shadow-bury));transform-origin:50% var(--shadow-bury);rotate:var(--shadow-lean);background-color:rgb(var(--shadow-rgb) / var(--shadow-alpha));mask-image:var(--sprite);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--sprite);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;pointer-events:none}.shadow--rock{--rock-shadow-pull: .8;--shadow-width: calc( var(--tile-size) * var(--sprite-width, 1) * var(--shadow-spread) * var(--rock-shadow-pull) );--shadow-run: calc( var(--tile-size) * var(--sprite-width, 1) * var(--aspect, 1) * var(--shadow-length) * var(--rock-shadow-pull) )}.shadow-tile--house{--house-shadow-pull: .5;--house-reach: calc( var(--tile-size) * var(--sprite-width, 1) * var(--aspect, 1) * var(--shadow-length) * var(--house-shadow-pull) );box-shadow:calc(var(--house-reach) * -1 * sin(var(--shadow-lean))) clamp(0px,calc(var(--house-reach) * cos(var(--shadow-lean))),calc(var(--tile-size) * 1.9)) 0 0 rgb(var(--shadow-rgb) / var(--shadow-alpha))}.shadow--plane{--plane-shadow-width: calc(var(--tile-size) * var(--sprite-width, 1));--plane-shadow-lift: .5;--plane-shadow-run: calc( var(--tile-size) * var(--plane-shadow-lift) * var(--shadow-length, 1) );top:auto;bottom:0;left:calc(50% - var(--plane-shadow-width) / 2);width:var(--plane-shadow-width);height:calc(var(--plane-shadow-width) * var(--aspect, 1));rotate:none;translate:calc(var(--plane-shadow-run) * -1 * sin(var(--shadow-lean, 0deg))) calc(var(--plane-shadow-run) * cos(var(--shadow-lean, 0deg)))}.shadow--player{--player-shadow-squash: 1;--player-shadow-narrow: .66;--shadow-width: calc( var(--tile-size) * var(--sprite-width, 1) * var(--shadow-spread) * var(--player-shadow-narrow) );--player-foot: calc(16 / 90);--shadow-run: calc( var(--tile-size) * var(--sprite-width, 1) * var(--aspect, 1) * var(--shadow-length) * var(--player-shadow-squash) );top:calc(100% - var(--tile-size) * var(--player-foot) - var(--shadow-bury))}.tile[data-sway="1"] .shadow--tree{animation-name:tree-shadow-sway-1}.tile[data-sway="2"] .shadow--tree{animation-name:tree-shadow-sway-2}.tile[data-sway="3"] .shadow--tree{animation-name:tree-shadow-sway-3}.tile[data-sway="4"] .shadow--tree{animation-name:tree-shadow-sway-4}@keyframes tree-shadow-sway-1{0%{transform:rotate(1.42deg) scaleY(.9934);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-2.51deg) scaleY(.9883)}19%{transform:rotate(-1.23deg) scaleY(.9942)}27%{transform:rotate(-2.24deg) scaleY(.9896)}37%{transform:rotate(-1.6deg) scaleY(.9925)}50%{transform:rotate(-1.96deg) scaleY(.9908)}64%{transform:rotate(-.64deg) scaleY(.997)}78%{transform:rotate(.87deg) scaleY(.996)}90%{transform:rotate(1.69deg) scaleY(.9921)}to{transform:rotate(1.42deg) scaleY(.9934)}}@keyframes tree-shadow-sway-2{0%{transform:rotate(1.57deg) scaleY(.9927);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-2.78deg) scaleY(.987)}19%{transform:rotate(-1.36deg) scaleY(.9936)}27%{transform:rotate(-2.48deg) scaleY(.9884)}37%{transform:rotate(-1.77deg) scaleY(.9917)}50%{transform:rotate(-2.17deg) scaleY(.9899)}64%{transform:rotate(-.71deg) scaleY(.9967)}78%{transform:rotate(.96deg) scaleY(.9955)}90%{transform:rotate(1.87deg) scaleY(.9913)}to{transform:rotate(1.57deg) scaleY(.9927)}}@keyframes tree-shadow-sway-3{0%{transform:rotate(1.72deg) scaleY(.992);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-3.05deg) scaleY(.9858)}19%{transform:rotate(-1.5deg) scaleY(.993)}27%{transform:rotate(-2.72deg) scaleY(.9873)}37%{transform:rotate(-1.94deg) scaleY(.9909)}50%{transform:rotate(-2.38deg) scaleY(.9889)}64%{transform:rotate(-.78deg) scaleY(.9964)}78%{transform:rotate(1.05deg) scaleY(.9951)}90%{transform:rotate(2.05deg) scaleY(.9904)}to{transform:rotate(1.72deg) scaleY(.992)}}@keyframes tree-shadow-sway-4{0%{transform:rotate(1.92deg) scaleY(.991);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-3.41deg) scaleY(.9841)}19%{transform:rotate(-1.67deg) scaleY(.9922)}27%{transform:rotate(-3.04deg) scaleY(.9858)}37%{transform:rotate(-2.17deg) scaleY(.9899)}50%{transform:rotate(-2.66deg) scaleY(.9876)}64%{transform:rotate(-.87deg) scaleY(.996)}78%{transform:rotate(1.18deg) scaleY(.9945)}90%{transform:rotate(2.29deg) scaleY(.9893)}to{transform:rotate(1.92deg) scaleY(.991)}}:where(#app[data-weather="1"]) .tile[data-sway="1"] .sprite--tree{animation-name:tree-sway-calm-1}:where(#app[data-weather="1"]) .tile[data-sway="2"] .sprite--tree{animation-name:tree-sway-calm-2}:where(#app[data-weather="1"]) .tile[data-sway="3"] .sprite--tree{animation-name:tree-sway-calm-3}:where(#app[data-weather="1"]) .tile[data-sway="4"] .sprite--tree{animation-name:tree-sway-calm-4}@keyframes tree-sway-calm-1{0%{transform:translate(-50%) rotate(-.85deg) scaleY(.997);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(1.51deg) scaleY(.9947)}19%{transform:translate(-50%) rotate(.74deg) scaleY(.9974)}27%{transform:translate(-50%) rotate(1.34deg) scaleY(.9953)}37%{transform:translate(-50%) rotate(.96deg) scaleY(.9966)}50%{transform:translate(-50%) rotate(1.18deg) scaleY(.9959)}64%{transform:translate(-50%) rotate(.38deg) scaleY(.9987)}78%{transform:translate(-50%) rotate(-.52deg) scaleY(.9982)}90%{transform:translate(-50%) rotate(-1.01deg) scaleY(.9965)}to{transform:translate(-50%) rotate(-.85deg) scaleY(.997)}}@keyframes tree-sway-calm-2{0%{transform:translate(-50%) rotate(-.94deg) scaleY(.9967);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(1.67deg) scaleY(.9942)}19%{transform:translate(-50%) rotate(.82deg) scaleY(.9971)}27%{transform:translate(-50%) rotate(1.48deg) scaleY(.9948)}37%{transform:translate(-50%) rotate(1.06deg) scaleY(.9963)}50%{transform:translate(-50%) rotate(1.31deg) scaleY(.9954)}64%{transform:translate(-50%) rotate(.42deg) scaleY(.9985)}78%{transform:translate(-50%) rotate(-.58deg) scaleY(.998)}90%{transform:translate(-50%) rotate(-1.12deg) scaleY(.9961)}to{transform:translate(-50%) rotate(-.94deg) scaleY(.9967)}}@keyframes tree-sway-calm-3{0%{transform:translate(-50%) rotate(-1.03deg) scaleY(.9964);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(1.83deg) scaleY(.9936)}19%{transform:translate(-50%) rotate(.9deg) scaleY(.9969)}27%{transform:translate(-50%) rotate(1.63deg) scaleY(.9943)}37%{transform:translate(-50%) rotate(1.16deg) scaleY(.9959)}50%{transform:translate(-50%) rotate(1.43deg) scaleY(.995)}64%{transform:translate(-50%) rotate(.46deg) scaleY(.9984)}78%{transform:translate(-50%) rotate(-.63deg) scaleY(.9978)}90%{transform:translate(-50%) rotate(-1.23deg) scaleY(.9957)}to{transform:translate(-50%) rotate(-1.03deg) scaleY(.9964)}}@keyframes tree-sway-calm-4{0%{transform:translate(-50%) rotate(-1.15deg) scaleY(.996);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(2.05deg) scaleY(.9928)}19%{transform:translate(-50%) rotate(1deg) scaleY(.9965)}27%{transform:translate(-50%) rotate(1.82deg) scaleY(.9936)}37%{transform:translate(-50%) rotate(1.3deg) scaleY(.9954)}50%{transform:translate(-50%) rotate(1.6deg) scaleY(.9944)}64%{transform:translate(-50%) rotate(.52deg) scaleY(.9982)}78%{transform:translate(-50%) rotate(-.71deg) scaleY(.9975)}90%{transform:translate(-50%) rotate(-1.37deg) scaleY(.9952)}to{transform:translate(-50%) rotate(-1.15deg) scaleY(.996)}}:where(#app[data-weather="1"]) .tile[data-sway="1"] .shadow--tree{animation-name:tree-shadow-sway-calm-1}:where(#app[data-weather="1"]) .tile[data-sway="2"] .shadow--tree{animation-name:tree-shadow-sway-calm-2}:where(#app[data-weather="1"]) .tile[data-sway="3"] .shadow--tree{animation-name:tree-shadow-sway-calm-3}:where(#app[data-weather="1"]) .tile[data-sway="4"] .shadow--tree{animation-name:tree-shadow-sway-calm-4}@keyframes tree-shadow-sway-calm-1{0%{transform:rotate(.64deg) scaleY(.997);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-1.13deg) scaleY(.9947)}19%{transform:rotate(-.55deg) scaleY(.9974)}27%{transform:rotate(-1.01deg) scaleY(.9953)}37%{transform:rotate(-.72deg) scaleY(.9966)}50%{transform:rotate(-.88deg) scaleY(.9959)}64%{transform:rotate(-.29deg) scaleY(.9987)}78%{transform:rotate(.39deg) scaleY(.9982)}90%{transform:rotate(.76deg) scaleY(.9965)}to{transform:rotate(.64deg) scaleY(.997)}}@keyframes tree-shadow-sway-calm-2{0%{transform:rotate(.71deg) scaleY(.9967);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-1.25deg) scaleY(.9942)}19%{transform:rotate(-.61deg) scaleY(.9971)}27%{transform:rotate(-1.11deg) scaleY(.9948)}37%{transform:rotate(-.8deg) scaleY(.9963)}50%{transform:rotate(-.98deg) scaleY(.9954)}64%{transform:rotate(-.32deg) scaleY(.9985)}78%{transform:rotate(.43deg) scaleY(.998)}90%{transform:rotate(.84deg) scaleY(.9961)}to{transform:rotate(.71deg) scaleY(.9967)}}@keyframes tree-shadow-sway-calm-3{0%{transform:rotate(.77deg) scaleY(.9964);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-1.37deg) scaleY(.9936)}19%{transform:rotate(-.67deg) scaleY(.9969)}27%{transform:rotate(-1.22deg) scaleY(.9943)}37%{transform:rotate(-.87deg) scaleY(.9959)}50%{transform:rotate(-1.07deg) scaleY(.995)}64%{transform:rotate(-.35deg) scaleY(.9984)}78%{transform:rotate(.48deg) scaleY(.9978)}90%{transform:rotate(.92deg) scaleY(.9957)}to{transform:rotate(.77deg) scaleY(.9964)}}@keyframes tree-shadow-sway-calm-4{0%{transform:rotate(.87deg) scaleY(.996);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-1.53deg) scaleY(.9928)}19%{transform:rotate(-.75deg) scaleY(.9965)}27%{transform:rotate(-1.36deg) scaleY(.9936)}37%{transform:rotate(-.98deg) scaleY(.9954)}50%{transform:rotate(-1.2deg) scaleY(.9944)}64%{transform:rotate(-.39deg) scaleY(.9982)}78%{transform:rotate(.53deg) scaleY(.9975)}90%{transform:rotate(1.03deg) scaleY(.9952)}to{transform:rotate(.87deg) scaleY(.996)}}:where(#app[data-weather="3"]) .tile[data-sway="1"] .sprite--tree{animation-name:tree-sway-gale-1}:where(#app[data-weather="3"]) .tile[data-sway="2"] .sprite--tree{animation-name:tree-sway-gale-2}:where(#app[data-weather="3"]) .tile[data-sway="3"] .sprite--tree{animation-name:tree-sway-gale-3}:where(#app[data-weather="3"]) .tile[data-sway="4"] .sprite--tree{animation-name:tree-sway-gale-4}@keyframes tree-sway-gale-1{0%{transform:translate(-50%) rotate(-3.12deg) scaleY(.9891);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(5.53deg) scaleY(.9807)}19%{transform:translate(-50%) rotate(2.71deg) scaleY(.9905)}27%{transform:translate(-50%) rotate(4.92deg) scaleY(.9828)}37%{transform:translate(-50%) rotate(3.51deg) scaleY(.9877)}50%{transform:translate(-50%) rotate(4.32deg) scaleY(.9849)}64%{transform:translate(-50%) rotate(1.4deg) scaleY(.9951)}78%{transform:translate(-50%) rotate(-1.91deg) scaleY(.9933)}90%{transform:translate(-50%) rotate(-3.71deg) scaleY(.987)}to{transform:translate(-50%) rotate(-3.12deg) scaleY(.9891)}}@keyframes tree-sway-gale-2{0%{transform:translate(-50%) rotate(-3.45deg) scaleY(.9879);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(6.12deg) scaleY(.9786)}19%{transform:translate(-50%) rotate(3deg) scaleY(.9895)}27%{transform:translate(-50%) rotate(5.44deg) scaleY(.9809)}37%{transform:translate(-50%) rotate(3.89deg) scaleY(.9864)}50%{transform:translate(-50%) rotate(4.79deg) scaleY(.9832)}64%{transform:translate(-50%) rotate(1.55deg) scaleY(.9946)}78%{transform:translate(-50%) rotate(-2.12deg) scaleY(.9926)}90%{transform:translate(-50%) rotate(-4.11deg) scaleY(.9856)}to{transform:translate(-50%) rotate(-3.45deg) scaleY(.9879)}}@keyframes tree-sway-gale-3{0%{transform:translate(-50%) rotate(-3.79deg) scaleY(.9867);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(6.71deg) scaleY(.9765)}19%{transform:translate(-50%) rotate(3.29deg) scaleY(.9885)}27%{transform:translate(-50%) rotate(5.97deg) scaleY(.9791)}37%{transform:translate(-50%) rotate(4.27deg) scaleY(.9851)}50%{transform:translate(-50%) rotate(5.25deg) scaleY(.9816)}64%{transform:translate(-50%) rotate(1.7deg) scaleY(.994)}78%{transform:translate(-50%) rotate(-2.32deg) scaleY(.9919)}90%{transform:translate(-50%) rotate(-4.51deg) scaleY(.9842)}to{transform:translate(-50%) rotate(-3.79deg) scaleY(.9867)}}@keyframes tree-sway-gale-4{0%{transform:translate(-50%) rotate(-4.23deg) scaleY(.9852);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:translate(-50%) rotate(7.5deg) scaleY(.9737)}19%{transform:translate(-50%) rotate(3.67deg) scaleY(.9871)}27%{transform:translate(-50%) rotate(6.67deg) scaleY(.9766)}37%{transform:translate(-50%) rotate(4.77deg) scaleY(.9833)}50%{transform:translate(-50%) rotate(5.87deg) scaleY(.9795)}64%{transform:translate(-50%) rotate(1.9deg) scaleY(.9933)}78%{transform:translate(-50%) rotate(-2.6deg) scaleY(.9909)}90%{transform:translate(-50%) rotate(-5.04deg) scaleY(.9824)}to{transform:translate(-50%) rotate(-4.23deg) scaleY(.9852)}}:where(#app[data-weather="3"]) .tile[data-sway="1"] .shadow--tree{animation-name:tree-shadow-sway-gale-1}:where(#app[data-weather="3"]) .tile[data-sway="2"] .shadow--tree{animation-name:tree-shadow-sway-gale-2}:where(#app[data-weather="3"]) .tile[data-sway="3"] .shadow--tree{animation-name:tree-shadow-sway-gale-3}:where(#app[data-weather="3"]) .tile[data-sway="4"] .shadow--tree{animation-name:tree-shadow-sway-gale-4}@keyframes tree-shadow-sway-gale-1{0%{transform:rotate(2.34deg) scaleY(.9891);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-4.15deg) scaleY(.9807)}19%{transform:rotate(-2.03deg) scaleY(.9905)}27%{transform:rotate(-3.69deg) scaleY(.9828)}37%{transform:rotate(-2.64deg) scaleY(.9877)}50%{transform:rotate(-3.24deg) scaleY(.9849)}64%{transform:rotate(-1.05deg) scaleY(.9951)}78%{transform:rotate(1.44deg) scaleY(.9933)}90%{transform:rotate(2.78deg) scaleY(.987)}to{transform:rotate(2.34deg) scaleY(.9891)}}@keyframes tree-shadow-sway-gale-2{0%{transform:rotate(2.59deg) scaleY(.9879);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-4.59deg) scaleY(.9786)}19%{transform:rotate(-2.25deg) scaleY(.9895)}27%{transform:rotate(-4.08deg) scaleY(.9809)}37%{transform:rotate(-2.92deg) scaleY(.9864)}50%{transform:rotate(-3.59deg) scaleY(.9832)}64%{transform:rotate(-1.16deg) scaleY(.9946)}78%{transform:rotate(1.59deg) scaleY(.9926)}90%{transform:rotate(3.08deg) scaleY(.9856)}to{transform:rotate(2.59deg) scaleY(.9879)}}@keyframes tree-shadow-sway-gale-3{0%{transform:rotate(2.84deg) scaleY(.9867);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-5.03deg) scaleY(.9765)}19%{transform:rotate(-2.46deg) scaleY(.9885)}27%{transform:rotate(-4.48deg) scaleY(.9791)}37%{transform:rotate(-3.2deg) scaleY(.9851)}50%{transform:rotate(-3.94deg) scaleY(.9816)}64%{transform:rotate(-1.28deg) scaleY(.994)}78%{transform:rotate(1.74deg) scaleY(.9919)}90%{transform:rotate(3.38deg) scaleY(.9842)}to{transform:rotate(2.84deg) scaleY(.9867)}}@keyframes tree-shadow-sway-gale-4{0%{transform:rotate(3.17deg) scaleY(.9852);animation-timing-function:cubic-bezier(.15,.85,.3,1)}10%{transform:rotate(-5.63deg) scaleY(.9737)}19%{transform:rotate(-2.75deg) scaleY(.9871)}27%{transform:rotate(-5deg) scaleY(.9766)}37%{transform:rotate(-3.58deg) scaleY(.9833)}50%{transform:rotate(-4.4deg) scaleY(.9795)}64%{transform:rotate(-1.43deg) scaleY(.9933)}78%{transform:rotate(1.95deg) scaleY(.9909)}90%{transform:rotate(3.78deg) scaleY(.9824)}to{transform:rotate(3.17deg) scaleY(.9852)}}.footprint{--print-size: var(--tile-size);--print-rgb: 96 108 116;--print-alpha: .5;place-self:center;position:relative;width:calc(var(--print-size) * var(--print-aspect, 1));height:var(--print-size);opacity:var(--print-fade, 1);transition:opacity .26s linear;pointer-events:none}.footprint__leg{position:absolute;inset:0;transform:rotate(var(--print-turn, 0deg));background-color:rgb(var(--print-rgb) / var(--print-alpha));mask-image:var(--print-sprite);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--print-sprite);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.footprint__leg--in{clip-path:inset(50% 0 0 0)}.footprint__leg--out{clip-path:inset(0 0 50% 0)}@media(prefers-reduced-motion:reduce){.footprint{transition:none}}.stain{--stain-size: var(--tile-size);--stain-alpha: .55;--stain-scale: 1;place-self:center;width:var(--stain-size);height:var(--stain-size);background-image:var(--stain-sprite);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;transform:rotate(var(--stain-turn, 0deg)) scale(var(--stain-scale));opacity:calc(var(--stain-fade, 1) * var(--stain-alpha));transition:opacity .26s linear;pointer-events:none}.stain--big{--stain-scale: 1.7}@media(prefers-reduced-motion:reduce){.stain{transition:none}}.litter{place-self:center;width:var(--litter-size);height:var(--litter-size);background-image:var(--litter-sprite);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.tile.tile--becalmed .sprite--tree,.tile.tile--becalmed .shadow--tree{animation-name:none;animation-duration:0s}.tile.tile--becalmed .sprite--tree{transform:translate(-50%)}.tile.tile--becalmed .shadow--tree{transform:none}@media(prefers-reduced-motion:reduce){.tile[data-sway] .sprite--tree,.tile[data-sway] .shadow--tree{animation-name:none;animation-duration:0s}.night{transition:none}.tile[data-sway] .sprite--tree{transform:translate(-50%)}.tile[data-sway] .shadow--tree{transform:none}}#app[data-fx=off]{--step-glide: 0s}#app[data-fx=off] .weather,#app[data-fx=off] .tilt,#app[data-fx=off] .whiteout{display:none}#app[data-fx=off] .tile .sprite--tree,#app[data-fx=off] .tile .shadow--tree{animation-name:none;animation-duration:0s}#app[data-fx=off] .tile .sprite--tree{transform:translate(-50%)}#app[data-fx=off] .tile .shadow--tree{transform:none}#app[data-fx=off] .eyes{animation-name:none;animation-duration:0s}#app[data-fx=off] .wounded[data-wounded],#app[data-fx=off][data-firelit] .firelight,#app[data-fx=off][data-firelit] .room .tile[data-furniture=fireplace] img{animation:none}#app[data-fx=off] .footprint,#app[data-fx=off] .stain,#app[data-fx=off] .night{transition:none}.debug{position:absolute;top:.5rem;right:.5rem;z-index:7;pointer-events:none;contain:strict;width:12rem;height:24.4rem;padding:.4rem .55rem;border-radius:.25rem;background:#0c1016b8;color:#e8eef5;font:500 .72rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:pre}.debug[data-perf=open]{height:30.2rem}.debug[data-perf=shut] .debug__drawer{display:none}.debug__row{display:flex;justify-content:flex-end;gap:.6em}.debug__label{color:#8b9bad}.debug__value{min-width:3.4em}.debug [data-testid=debug-rate]{font-size:.82rem;margin-bottom:.15rem}.debug__rule{margin:.35rem 0;border:0;border-top:1px solid rgb(232 238 245 / 18%)}[data-level=ok]{color:#7fe0a0}[data-level=warn]{color:#f2c85c}[data-level=bad]{color:#ff7a70}.debug [data-testid=debug-steps],.debug [data-testid=debug-edge],.debug [data-testid=debug-wind],.debug [data-testid=debug-seed]{color:#b9c6d6}.debug [data-testid=debug-screen],.debug [data-testid=debug-version]{color:#77879a}.debug__copy{pointer-events:auto;display:block;width:100%;margin:0;padding:0;border:0;background:none;color:#8fa3bb;font:inherit;text-align:right;text-decoration:underline;text-decoration-color:#8fa3bb66;text-underline-offset:.15em;cursor:pointer}.debug__copy:hover:not(:disabled){color:#cfe0f2}.debug__copy:disabled{text-decoration:none;cursor:default}.debug__more{color:#77879a}.debug__more:hover{color:#b9c6d6}.debug__winds{display:flex;justify-content:flex-end;gap:.75em;pointer-events:auto}.debug__wind{width:auto}.debug__wind--on,.debug__playing{color:var(--fargo-red);font-weight:700}#app{--flash-rim: drop-shadow(0 0 1px rgb(0 0 0 / .9)) drop-shadow(0 0 1px rgb(0 0 0 / .9))}#app[data-weather="3"]{--struck-invert: 0}.sprite--struck-a{animation:hit-white-a 60ms steps(1,end)}.sprite--struck-b{animation:hit-white-b 60ms steps(1,end)}.sprite--hurt-a,.sprite--hurt-b{animation-duration:80ms;animation-timing-function:steps(1,end);animation-iteration-count:var(--hurt-beats, 1)}.sprite--hurt-a{animation-name:hit-red-a}.sprite--hurt-b{animation-name:hit-red-b}@keyframes hit-white-a{0%{filter:brightness(0) invert(var(--struck-invert, 1)) var(--flash-rim)}}@keyframes hit-white-b{0%{filter:brightness(0) invert(var(--struck-invert, 1)) var(--flash-rim)}}@keyframes hit-red-a{0%{filter:brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(3750%) hue-rotate(341deg) var(--flash-rim)}50%{filter:none}}@keyframes hit-red-b{0%{filter:brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(3750%) hue-rotate(341deg) var(--flash-rim)}50%{filter:none}}@media(prefers-reduced-motion:reduce){.sprite--struck-a,.sprite--struck-b,.sprite--hurt-a,.sprite--hurt-b{animation-name:none}}.eyes.tile--lunge-a,.eyes.tile--lunge-b{animation-composition:add;animation-duration:.17s;--lunge-distance: calc(var(--world-tile) * .24)}.eyes.tile--lunge-a{animation-name:fight-lunge-a}.eyes.tile--lunge-b{animation-name:fight-lunge-b}.tile--hop-a .sprite,.tile--hop-b .sprite{animation-duration:calc(var(--step-glide) * 1.8);animation-timing-function:linear}.tile--hop-a .sprite{animation-name:bunny-hop-a}.tile--hop-b .sprite{animation-name:bunny-hop-b}@keyframes bunny-hop-a{0%{translate:0 0;animation-timing-function:cubic-bezier(.15,.7,.35,1)}35%{translate:0 calc(var(--tile-size) * -.32);animation-timing-function:linear}65%{translate:0 calc(var(--tile-size) * -.32);animation-timing-function:cubic-bezier(.6,0,.85,.35)}to{translate:0 0}}@keyframes bunny-hop-b{0%{translate:0 0;animation-timing-function:cubic-bezier(.15,.7,.35,1)}35%{translate:0 calc(var(--tile-size) * -.32);animation-timing-function:linear}65%{translate:0 calc(var(--tile-size) * -.32);animation-timing-function:cubic-bezier(.6,0,.85,.35)}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.tile--hop-a .sprite,.tile--hop-b .sprite{animation-name:none}}.tile--stalk-a .sprite,.tile--stalk-b .sprite{animation-duration:calc(var(--step-glide) * 1.6);animation-timing-function:ease-in-out}.tile--stalk-a .sprite{animation-name:bear-stalk-a}.tile--stalk-b .sprite{animation-name:bear-stalk-b}@keyframes bear-stalk-a{45%{rotate:-4deg}}@keyframes bear-stalk-b{45%{rotate:-4deg}}@media(prefers-reduced-motion:reduce){.tile--stalk-a .sprite,.tile--stalk-b .sprite{animation-name:none}}.hud{--u: 2px;--hud-row-h: calc(var(--u) * 4);--hud-bar-min: calc(var(--hud-row-h) * 16);--hud-health-h: calc(var(--hud-row-h) * 2);--hud-row-gap: var(--u);--hud-trio-gap: calc(var(--u) * 3);--hud-red: var(--fargo-red);--hud-white: #ffffff;--hud-plate: #000000;pointer-events:none;user-select:none}.hud{display:block}.hud-plate{display:flex;flex-direction:column;align-items:stretch;background:var(--hud-plate);padding:calc(var(--u) * 6) var(--corner-pad)}.hud-rows{display:grid;grid-template-columns:max-content minmax(var(--hud-bar-min),1fr) max-content;column-gap:calc(var(--u) * 3);row-gap:var(--hud-row-gap);align-items:center}.hud-trend{display:flex;flex-direction:column;align-items:center;justify-content:center;width:10px;height:11px}.hud-chev+.hud-chev{margin-top:-1.5px}.hud-chev{display:block;width:10px;height:4px}.hud-chev path{fill:none;stroke:var(--hud-white);stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.hud-trend[data-trend=none] .hud-chev{display:none}.hud-trend[data-trend=up1] .hud-chev:nth-child(-n+2),.hud-trend[data-trend=down1] .hud-chev:nth-child(-n+2){display:none}.hud-trend[data-trend=up2] .hud-chev:first-child,.hud-trend[data-trend=down2] .hud-chev:first-child{display:none}.hud-trend[data-trend=up1],.hud-trend[data-trend=up2],.hud-trend[data-trend=up3]{transform:rotate(180deg)}.hud-label{font:700 11px Menlo,ui-monospace,monospace;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--hud-white)}.hud-label--empty{color:var(--hud-red);-webkit-text-stroke:.35px currentColor}.hud-bar{position:relative;overflow:hidden;height:var(--hud-row-h);--hud-bar-ink: var(--hud-white);color:var(--hud-bar-ink)}.hud-bar--health{grid-column:1 / 3;height:var(--hud-health-h);margin-top:var(--hud-trio-gap);--hud-bar-ink: var(--hud-red);color:var(--hud-bar-ink)}.hud-bar--health+.hud-trend{margin-top:var(--hud-trio-gap)}.hud-bar--health+.hud-trend .hud-chev path{stroke:var(--hud-red)}.hud-fill,.hud-end{position:absolute;top:0;height:100%;background:currentColor}.hud-end{background:var(--hud-bar-ink)}.hud-fill{left:0}.hud-end{right:0;width:1px}.hud-bar--empty .hud-end{display:none}.death{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--fargo-red);visibility:hidden;opacity:0;pointer-events:none}.death--shown{visibility:visible;opacity:1;pointer-events:auto}.death-word{margin:0;font-family:Anton Subset,HelveticaNeue-CondensedBlack,Haettenschweiler,Arial Narrow,Impact,sans-serif;font-weight:400;font-size:108px;letter-spacing:.03em;text-indent:.03em;line-height:1;scale:1 1.08;transform-origin:50% 100%;color:#000}.death-buttons{display:flex;flex-direction:column;align-items:start;gap:6px}.death-button{display:flex;align-items:center;gap:10px;font:700 12px Menlo,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:#00000073;background:none;border:0;padding:6px 0;cursor:pointer}.death-button:hover,.death-button:focus{color:#000;outline:none}.death-button:focus .death-mark{visibility:visible}.death-mark{display:block;width:5px;height:10px;visibility:hidden;flex:none}.death-mark path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.hud-plate[data-alarm-health] .hud-label--empty,.hud-plate[data-alarm-rest] .hud-bar--rest{animation-name:hud-alarm-a;animation-duration:.1s;animation-timing-function:steps(1,end)}.hud-loss{position:absolute;top:0;height:100%;background:var(--hud-white);display:none}.hud-plate[data-alarm-health] .hud-loss{display:block}.hud-bar--rest{--hud-alarm-to: var(--hud-red)}.hud-label--empty{--hud-alarm-to: var(--hud-white)}.hud-plate[data-alarm-health][data-alarm-health-flip="1"] .hud-label--empty,.hud-plate[data-alarm-rest][data-alarm-rest-flip="1"] .hud-bar--rest{animation-name:hud-alarm-b}@keyframes hud-alarm-a{0%{color:var(--hud-alarm-to)}}@keyframes hud-alarm-b{0%{color:var(--hud-alarm-to)}}.corner{--u: 2px;--pack-cell: 48px;--slot-cell: var(--pack-cell);--pack-gutter: var(--u);--pack-grid-w: calc( var(--pack-width, 4) * var(--pack-cell) + (var(--pack-width, 4) - 1) * var(--pack-gutter) );--corner-pad: calc(var(--u) * 5);--pack-pad: var(--corner-pad);position:absolute;left:26px;bottom:26px;width:calc(var(--slot-cell) + var(--pack-pad) * 2 + var(--pack-grid-w) + var(--pack-pad) * 2);display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:6;pointer-events:none;user-select:none}#app[data-hud=off] .corner{display:none}#app[data-hud-centred] .corner{left:50%;bottom:50%;transform:translate(-50%,50%)}.pack{--pack-cell: 48px;--pack-gutter: var(--u);--pack-grid-h: calc( var(--pack-depth) * var(--pack-cell) + (var(--pack-depth) - 1) * var(--pack-gutter) );--pack-pad: var(--corner-pad);--pack-cell-bg: #1b1b1b;--pack-white: #ffffff;--pack-plate: #000000;width:100%}.pack-plate{background:none;padding:0}.pack-body{display:none}.pack--open .pack-body{display:block}.pack-title{display:flex;align-items:center;height:var(--slot-cell);background:var(--pack-plate);padding:0 var(--pack-pad);box-sizing:content-box;gap:calc(var(--u) * 3);font:700 11px Menlo,ui-monospace,monospace;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--pack-white)}.pack-words{flex:1;display:flex;flex-direction:column;gap:calc(var(--u) * 3);height:calc(11px * 2 + var(--u) * 3)}.pack-name,.pack-sub{line-height:11px}.pack-key,.pack-tag{color:#6b6b6b}.pack-slots{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--pack-gutter);background:var(--pack-plate);padding:var(--pack-pad) var(--pack-pad) var(--pack-gutter)}.pack-columns{gap:0;align-items:stretch}.pack-columns{display:none}.pack--open .pack-columns{display:flex}.pack-beside{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--pack-gutter);flex:1;background:var(--pack-plate);padding:0 var(--pack-pad) var(--pack-gutter)}.pack--open .pack-beside{padding-top:var(--pack-pad)}.pack-slot{width:var(--slot-cell);height:var(--slot-cell);position:relative}.pack-slot--on{box-shadow:inset 0 0 0 var(--u) var(--pack-white)}.pack-slot-damage,.pack-damage{position:absolute;right:1px;bottom:0;font:700 11px Menlo,ui-monospace,monospace;line-height:1;color:var(--pack-white);pointer-events:none}.pack-damage{right:calc(var(--u) * 2);bottom:calc(var(--u) * 2)}.pack-slot-damage:after,.pack-damage:after{content:"DAM";margin-left:2px;font-size:9px}.pack-slot-count{position:absolute;right:1px;top:0;font:700 11px Menlo,ui-monospace,monospace;line-height:1;color:var(--pack-white);pointer-events:none}.pack-slot-art{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.pack--slotted .pack-cursor{display:none}.pack-grid{position:relative;display:grid;grid-template-columns:repeat(var(--pack-width),var(--pack-cell));grid-template-rows:repeat(var(--pack-depth),var(--pack-cell));gap:var(--pack-gutter)}.pack-cell{background:var(--pack-cell-bg)}.pack-cursor{position:absolute;left:calc(var(--at-x) * (var(--pack-cell) + var(--pack-gutter)));top:calc(var(--at-y) * (var(--pack-cell) + var(--pack-gutter)));width:calc(var(--span-x) * var(--pack-cell) + (var(--span-x) - 1) * var(--pack-gutter));height:calc(var(--span-y) * var(--pack-cell) + (var(--span-y) - 1) * var(--pack-gutter));box-shadow:inset 0 0 0 var(--u) var(--pack-white)}.pack-items{position:absolute;inset:0}.pack-item{background:var(--pack-cell-bg);position:absolute;left:calc(var(--at-x) * (var(--pack-cell) + var(--pack-gutter)));top:calc(var(--at-y) * (var(--pack-cell) + var(--pack-gutter)));width:calc(var(--span-x) * var(--pack-cell) + (var(--span-x) - 1) * var(--pack-gutter));height:calc(var(--span-y) * var(--pack-cell) + (var(--span-y) - 1) * var(--pack-gutter))}.pack-art{display:block;width:100%;height:100%;image-rendering:pixelated}.pack-count{position:absolute;right:calc(var(--u) * 2);top:calc(var(--u) * 2);font:700 11px Menlo,ui-monospace,monospace;letter-spacing:.1em;line-height:1;color:var(--pack-white);pointer-events:none}.pack-body{width:var(--pack-grid-w);height:var(--pack-grid-h)}.pack--inside .pack-grid,.pack-detail{display:none}.pack--inside .pack-detail{display:grid;grid-template-columns:auto auto;gap:calc(var(--u) * 8);place-content:center;align-items:center;height:100%}.pack-preview{display:flex;align-items:center;justify-content:center;position:relative}.pack-preview-art{display:block;width:calc(var(--span-x, 1) * var(--pack-cell));height:calc(var(--span-y, 1) * var(--pack-cell));image-rendering:pixelated}.pack-rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(var(--u) * 3);align-items:start}.pack-row{display:grid;grid-template-columns:14px auto;align-items:baseline;font:700 11px Menlo,ui-monospace,monospace;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;color:#6b6b6b}.pack-row--on{color:var(--pack-white)}.pack-row--off{color:#444}.pack-row--off.pack-row--on,.pack-row--said,.pack-row--said.pack-row--off{color:#6b6b6b}.pack-row--off .pack-caret{color:inherit}.pack-caret{opacity:0;color:var(--pack-white)}.pack-row--on .pack-caret{opacity:1}.pickup-layer{position:absolute;left:50%;top:50%;width:calc(var(--grid-width, 1) * var(--world-tile));height:calc(var(--grid-height, 1) * var(--world-tile));transform:translate(-50%,-50%) translate(calc(var(--camera-x, 0) * var(--world-tile)),calc(var(--camera-y, 0) * var(--world-tile)));transition:transform var(--step-glide) linear;z-index:6;pointer-events:none}.pickup{position:absolute;left:calc((var(--at-x, 0) + .5) * var(--world-tile));top:calc(var(--at-y, 0) * var(--world-tile));transform:translate(-50%,calc(-100% - var(--world-tile) * .34));user-select:none;display:flex;align-items:center;gap:calc(var(--world-tile) * .1);padding:calc(var(--world-tile) * .1) calc(var(--world-tile) * .16);background:#fff;border:2px solid #000000;border-radius:3px;display:none}.pickup--shown{display:flex}.pickup-cell{position:relative;z-index:50;pointer-events:none}.pickup--in-room{left:50%;top:0}.pickup:before,.pickup:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;border-left:calc(var(--world-tile) * .2) solid transparent;border-right:calc(var(--world-tile) * .2) solid transparent}.pickup:before{transform:translate(-50%);border-top:calc(var(--world-tile) * .3) solid #000000}.pickup:after{transform:translate(-50%) translateY(-3px);border-top:calc(var(--world-tile) * .3) solid #ffffff}.pickup-plus{font:700 calc(var(--world-tile) * .42) Menlo,ui-monospace,monospace;line-height:1;color:#000}.pickup-art{display:block;width:var(--litter-size);height:var(--litter-size);image-rendering:pixelated}.pickup-weight{display:none;width:calc(var(--world-tile) * .62);height:calc(var(--world-tile) * .47);color:#000}.pickup-weight rect{fill:currentColor}.pickup--heavy .pickup-plus,.pickup--heavy .pickup-art{display:none}.pickup--heavy .pickup-weight{display:block}.pickup-says{display:none;flex:none;white-space:nowrap;font:700 11px Menlo,ui-monospace,monospace;letter-spacing:.1em;line-height:1;color:#000}.pickup--says .pickup-plus,.pickup--says .pickup-art{display:none}.pickup--says .pickup-says{display:block}.pickup-zzz{display:none;font:700 calc(var(--world-tile) * .42) Menlo,ui-monospace,monospace;line-height:1;letter-spacing:.06em;color:#000}.pickup--sleeping .pickup-plus,.pickup--sleeping .pickup-art{display:none}.pickup--sleeping .pickup-zzz{display:block}.pack-art[hidden],.pickup--heavy .pickup-art,.pickup--says .pickup-art,.pickup--sleeping .pickup-art,.pack-preview-art[hidden],.pickup-art[hidden]{display:none}.pause{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#000;color:#fff;visibility:hidden;opacity:0;pointer-events:none}.pause--shown{visibility:visible;opacity:1;pointer-events:auto}.pause-title{margin:0;font-family:Anton Subset,HelveticaNeue-CondensedBlack,Haettenschweiler,Arial Narrow,Impact,sans-serif;font-weight:400;font-size:88px;letter-spacing:.03em;text-indent:.03em;line-height:1;scale:1 1.08;transform-origin:50% 100%}.pause-rows{display:flex;flex-direction:column;align-items:start;gap:2px}.pause-row{display:flex;align-items:center;gap:12px;margin:0;padding:7px 0;border:0;background:none;font:700 16px Menlo,ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;line-height:1;text-align:left;text-transform:uppercase;color:#ffffff73;cursor:pointer}.pause-row:hover,.pause-row:focus{color:#fff;outline:none}.pause-row:focus .pause-mark{visibility:visible}.pause-row--quiet{font-size:12px;color:#ffffff4d;margin-top:18px}.pause-row:disabled{cursor:default}.pause-row:disabled:hover{color:#ffffff4d}.pause-state{width:6ch;flex:none;opacity:.55}.pause-row--quiet .pause-state{width:10ch}.pause-mark{display:block;width:5px;height:10px;visibility:hidden;flex:none}.pause-mark path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.pause-note{margin:6px 0 0;font:700 10px Menlo,ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;line-height:1;color:#ffffff4d;pointer-events:none}.fps-meter{position:fixed;top:.5rem;right:.5rem;z-index:7;padding:.2rem .4rem;border-radius:.25rem;background:#0c1016b8;color:#e8eef5;font:700 11px Menlo,ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;letter-spacing:.1em;line-height:1.35;text-align:right;pointer-events:none}.fps-meter__load{opacity:.72}.fps-meter[data-level=warn]{color:#fc6}.fps-meter[data-level=bad]{color:#ff8a80}