:root{--d-sky-0:#3f7fea;--d-sky-1:#7db5ff;--d-sky-2:#b9daff;--d-sky-3:#d8ebff;--d-sky-4:#ffe2c2;--d-face:#fff;--d-rim:#5146e0;--d-focus:#5146e0;--d-leaf:#7db923;--d-leaf-hi:#9bd43a;--d-leaf-rim:#3e6e0d;--d-leaf-lip:#2a4d06;--d-bark:#b9773a;--d-bark-hi:#dca269;--d-bark-rim:#6e3a00;--d-nut:#ffc93c;--d-nut-rim:#b25a00;--d-cap:#9a5200;--d-cap-rim:#5a3900;--d-line:3.5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;-webkit-tap-highlight-color:transparent;background:linear-gradient(var(--d-sky-0) 0, var(--d-sky-1) 300px, var(--d-sky-2) 760px, var(--d-sky-3) 62%, var(--d-sky-4) 100%);min-height:100dvh;overflow:hidden}#door{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.stage{flex:1 1 0;min-height:250px;position:relative}.scene{stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.cloud{fill:var(--d-face);stroke:var(--d-rim);stroke-width:3px}.leaf-lip{fill:var(--d-leaf-lip)}.leaf-rim{fill:var(--d-leaf-rim)}.leaf{fill:var(--d-leaf)}.leaf-hi{fill:var(--d-leaf-hi)}.trunk{fill:var(--d-bark);stroke:var(--d-bark-rim);stroke-width:var(--d-line)}.bark-rim{fill:none;stroke:var(--d-bark-rim);stroke-width:19px}.bark{fill:none;stroke:var(--d-bark);stroke-width:12px}.bark-hi{fill:none;stroke:var(--d-bark-hi);stroke-width:5px}.knot{fill:var(--d-bark-rim)}.glint{fill:none;stroke:var(--d-face);stroke-width:4.5px}.ground{fill:var(--d-leaf-hi)}.ground-low{fill:var(--d-leaf)}.ground-rim{fill:none;stroke:var(--d-leaf-rim);stroke-width:var(--d-line)}.ground-hi{fill:none;stroke:var(--d-face);stroke-width:4px}#nut{transform-box:fill-box;transform-origin:50% 0;outline:none;transition:opacity .16s linear}#nut[role=button]{cursor:pointer}.hit{fill:#0000}.ring{fill:none;stroke:var(--d-focus);stroke-width:3px;opacity:0}#nut:focus-visible .ring{opacity:1}.stem{fill:none;stroke:var(--d-cap-rim);stroke-width:4.5px}.nut{fill:var(--d-nut);stroke:var(--d-nut-rim);stroke-width:var(--d-line)}.cap{fill:var(--d-cap);stroke:var(--d-cap-rim);stroke-width:var(--d-line)}.cap-line{fill:none;stroke:var(--d-cap-rim);stroke-width:2.5px}#nut .glint{stroke-width:3.5px}[data-s=boot] #nut{opacity:0}[data-s=down] #nut{transform:translate(8px,100px)rotate(24deg)}[data-s=fall] #nut{animation:.62s linear forwards door-fall}[data-s=back] #nut{animation:.46s cubic-bezier(.22,1,.36,1) both door-back}@keyframes door-fall{0%{animation-timing-function:ease-in-out;transform:translate(0)rotate(0)}9%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-9deg)}18%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translate(0)rotate(7deg)}69.4%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translate(2px,100px)rotate(10deg)}84%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translate(6px,88px)rotate(19deg)}to{transform:translate(8px,100px)rotate(24deg)}}@keyframes door-back{0%{transform:translate(8px,100px)rotate(24deg)}to{transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){#nut{transition:none}[data-s=fall] #nut,[data-s=back] #nut{animation:none}[data-s=down] #nut{transform:none}}