@layer tokens{:root{color-scheme:dark;--panel:500px;--panel-foot:6.5px;--panel-head:6px;--panel-strip:20px;--column:320px;--logo-w:319px;--logo-h:40px;--gutter-x:clamp(4vw, 33.6vw - 378.9px, 8vw);--gutter-stacked:20px;--stack-gap:24px;--band-gap:80px;--band-pair:40px;--copy-font:"Departure Mono";--copy-size:15px;--copy-scale:1;--copy-smoothing:none;--small-size:11px;--button-size:14px;--copy-color:#828282;--button-color:#c9c6c0;--ink-dim:#5a5a5a;--hairline:#2a2a2a;--head-scale:.85}}@layer base{html,body{background:#000;height:100%;margin:0;overflow:hidden}.stage{position:fixed;inset:0}.copy{z-index:1;width:var(--column);font-family:var(--copy-font), monospace;font-size:calc(var(--copy-size) * var(--copy-scale));color:var(--copy-color);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);margin:0;line-height:normal;position:absolute}.who-stack .copy,.what-stack .copy{position:static}}@layer components{.grid{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.plugin{width:var(--panel);height:var(--panel);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plugin img{width:var(--panel);height:var(--panel);display:block}@media (hover:hover) and (pointer:fine){html[data-fx] .plugin:not([data-effect-status=unsupported]):not([data-effect-status=failed]) img{visibility:hidden}}@media (pointer:coarse){.grid{display:none}}.play:not([data-state]){visibility:hidden}.plugin-live{left:0;top:calc(-1 * var(--panel-strip));width:var(--panel);height:calc(var(--panel) + var(--panel-strip));clip-path:inset(calc(var(--panel-strip) + var(--panel-head)) 0 0 0);color-scheme:dark;pointer-events:none;background:0 0;border:0;display:block;position:absolute}.plugin[data-live] .plugin-live{pointer-events:auto}@media (pointer:coarse){.plugin[data-live] .plugin-live{touch-action:none}}.plugin[data-open] canvas,.plugin[data-open] img{display:none}.actions{align-items:center;gap:12px;margin-top:4px;display:flex}.actions .download{margin-top:0}.play{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-swap:cubic-bezier(.22, 1, .36, 1);display:flex}.play-circle{border:1px solid var(--hairline);cursor:pointer;color:#8a8a8a;-webkit-appearance:none;appearance:none;width:41px;height:41px;transition:border-color .16s ease, color .16s ease, transform .16s var(--ease-out);background:#000;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.play-circle:hover{color:#cfcfcf;border-color:#3a3a3a}}.play-circle:active{transition-duration:.16s,.16s,.1s;transform:scale(.97)}.play-icon{z-index:1;pointer-events:none;opacity:0;filter:blur(4px);transition:opacity .3s var(--ease-swap), filter .3s var(--ease-swap), transform .3s var(--ease-swap);grid-area:1/1;display:flex;transform:scale(.25)}.play-icon svg{fill:currentColor;stroke:none;width:18px;height:18px;display:block}.play[data-state=idle] .play-icon[data-icon=play],.play[data-state=loading] .play-icon[data-icon=play],.play[data-state=live] .play-icon[data-icon=pause]{opacity:1;filter:blur();transform:scale(1)}.play[data-state=loading] .play-icon[data-icon=play]{opacity:.35}.play[data-state=idle] .play-circle:active .play-icon[data-icon=play],.play[data-state=loading] .play-circle:active .play-icon[data-icon=play],.play[data-state=live] .play-circle:active .play-icon[data-icon=pause]{transition-duration:.3s,.3s,.1s;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.play-circle{transition-property:border-color,color}.play-circle:active{transform:none}.play-icon{filter:none;transition-property:opacity;transform:scale(1)}.play .play-circle:active .play-icon{transform:scale(1)}}.play-circle:after{content:"";z-index:1;opacity:0;pointer-events:none;border:1px solid #0000;border-top-color:#cfcfcf;border-radius:50%;position:absolute;inset:-1px}.play[data-state=loading] .play-circle:after{opacity:1;animation:.9s linear infinite play-spin}@keyframes play-spin{to{transform:rotate(360deg)}}.play[hidden]{display:none}.demo-tracks{--tracks-gap:32px;--tracks-h:calc(var(--tracks-gap) + 28px + 6px);--ease-out:cubic-bezier(.23, 1, .32, 1);left:50%;top:calc(50% + var(--panel) / 2 - var(--panel-foot));z-index:1;width:var(--panel);height:var(--tracks-h);padding-top:var(--tracks-gap);box-sizing:border-box;visibility:hidden;transition:visibility 0s .32s;position:absolute;overflow:hidden;translate:-50%}.demo-tracks[data-open]{visibility:visible;transition-delay:0s}.demo-tracks-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-track{border:1px solid var(--hairline);color:#8a8a8a;height:28px;font-family:var(--copy-font), monospace;font-size:var(--small-size);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transform:translateY(calc(-100% - var(--tracks-gap) - 1px - var(--row,0px)));transition:transform .32s var(--ease-out), border-color .16s ease, color .16s ease, background-color .16s ease;background:#000;border-radius:999px;align-items:center;padding:1px 12px 0;line-height:normal;display:inline-flex}.demo-tracks[data-open] .demo-track{transition-duration:.56s,.16s,.16s,.16s;transition-delay:calc(var(--i,0) * 30ms), 0s, 0s, 0s;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.demo-track:hover{color:#cfcfcf;border-color:#3a3a3a}}.demo-track[aria-pressed=true]{color:var(--button-color);background:#161616;border-color:#4a4a4a}.demo-tracks[data-open] .demo-track:active{transition-duration:.1s,.16s,.16s,.16s;transition-delay:0s;transform:scale(.97)}.demo-credit{text-align:center;font-family:var(--copy-font), monospace;font-size:var(--small-size);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);color:var(--ink-dim);opacity:0;min-height:1lh;margin:24px 0 0;line-height:normal;transition:opacity .12s}.demo-tracks[data-open] .demo-credit[data-on]{opacity:1;transition:opacity .24s ease var(--credit-delay,1s)}@media (prefers-reduced-motion:reduce){.demo-track{opacity:0;transition-property:opacity,border-color,color,background-color;transform:none}.demo-tracks[data-open] .demo-track{opacity:1;transition-delay:0s}.demo-tracks[data-open] .demo-track:active{transform:none}}.download{margin-top:4px}.download-note{white-space:nowrap;font-family:var(--copy-font), monospace;font-size:var(--small-size);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);color:var(--ink-dim);margin:-12px 0 0;line-height:normal}.download-button{height:40px;color:var(--button-color);white-space:nowrap;font-family:var(--copy-font), monospace;font-size:var(--button-size);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);background:#000;border-radius:999px;justify-content:center;align-items:center;padding:1px 28px 0;line-height:normal;text-decoration:none;display:inline-flex}.who-stack{left:var(--gutter-x);align-items:flex-start;gap:var(--stack-gap);flex-direction:column;display:flex;position:absolute;top:10vh}.head-slot{width:calc(152px * var(--head-scale));height:calc(167px * var(--head-scale));position:relative}.head{width:calc(960px * var(--head-scale));height:calc(540px * var(--head-scale));pointer-events:none;mix-blend-mode:lighten;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.head[data-live]{visibility:visible}.head-video{width:calc(960px * var(--head-scale));height:calc(540px * var(--head-scale));pointer-events:none;mix-blend-mode:lighten;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:none),(pointer:coarse){.head{display:none}.head-video{display:block}}.what-stack{right:var(--gutter-x);z-index:1;align-items:flex-start;gap:var(--stack-gap);flex-direction:column;display:flex;position:absolute;top:50%;translate:0 -50%}.logo-box{width:var(--logo-w);height:var(--logo-h);font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;position:relative}.logo{width:var(--logo-w);height:var(--logo-h);display:block}.join-stack{left:calc(var(--gutter-x) + clamp(25px, 16.8vw - 189.45px, 50px));z-index:1;flex-direction:column;align-items:flex-start;gap:20px;display:flex;position:absolute;bottom:10vh}.pets{align-items:flex-end;gap:16px;display:flex}.pet{align-items:center;gap:10px;margin:0;display:flex}.pet.right{flex-direction:row-reverse}.pet .pet-name{position:relative;top:-30px}.pet.right .pet-name{top:30px}.pet img{cursor:pointer;transform-origin:50% 100%;--jump:18px;display:block}.pet img.hop-a{animation:.62s both hop-a}.pet img.hop-b{animation:.62s both hop-b}@keyframes hop-a{0%{transform:translateY(0)scale(1)rotate(0)}12%{transform:translateY(4px)scale(1.05,.93)rotate(0)}40%{transform:translateY(calc(-1 * var(--jump))) scale(.97, 1.05) rotate(-2deg)}65%{transform:translateY(3px)scale(1.03,.96)rotate(1deg)}82%{transform:translateY(-4px)scale(.99,1.01)rotate(-.5deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes hop-b{0%{transform:translateY(0)scale(1)rotate(0)}12%{transform:translateY(4px)scale(1.05,.93)rotate(0)}40%{transform:translateY(calc(-1 * var(--jump))) scale(.97, 1.05) rotate(2deg)}65%{transform:translateY(3px)scale(1.03,.96)rotate(-1deg)}82%{transform:translateY(-4px)scale(.99,1.01)rotate(.5deg)}to{transform:translateY(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.pet img.hop-a,.pet img.hop-b{animation:none}}.pet.missing{display:none}.pet-name{font-family:var(--copy-font), monospace;font-size:var(--small-size);text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);color:var(--ink-dim);margin:0;line-height:normal}.join-stack .copy{position:static}.join-link{color:color-mix(in srgb, var(--copy-color) 70%, #000);margin-top:-8px;text-decoration:none}.join-link:hover{color:var(--copy-color)}@media (hover:hover) and (pointer:fine){.head-slot:has(>.head[data-effect-status=unsupported]),.head-slot:has(>.head[data-effect-status=failed]),.head-slot:has(>.head[data-effect-status=error]){display:none}}.modal{background:0 0;border:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.modal[open]{place-items:center;display:grid}.modal::backdrop{background:rgba(0, 0, 0, var(--modal-dim,.75))}.dl-box{--seed:var(--modal-bg,#102c33);--contrast:var(--modal-contrast,0);--tint:var(--modal-tint,.3);--surface:var(--seed);--ink-muted:#4b6868;--ink:var(--modal-ink,#828282);--ink-strong:var(--modal-ink-strong,#a8b3b3);--shadow:#00000040;--hover:#a1a1a1;--modal-w:850px;--modal-h:460px;--cols:89;--rows:24;--split:38;--line:19px;--ease-out:cubic-bezier(.23, 1, .32, 1);width:calc(var(--cols) * 1ch);height:calc(var(--rows) * var(--line));background:var(--surface);color:var(--ink);font-family:Departure Mono,monospace;font-size:var(--modal-font,15px);line-height:var(--line);-webkit-font-smoothing:none;zoom:var(--modal-scale,1);position:relative}@supports (color:oklch(from red l c h)){.dl-box{--surface:oklch(from var(--seed) clamp(.2, l, .42) min(c, .1) h);--ink-muted:oklch(from var(--surface) calc(l + .22 + .22 * var(--contrast)) min(c * .9, .055) h);--ink:var(--modal-ink,oklch(from var(--surface) calc(l + .36 + .17 * var(--contrast)) min(c * var(--tint), .03) h));--ink-strong:var(--modal-ink-strong,oklch(from var(--surface) calc(l + .5 + .11 * var(--contrast)) min(c * .65, .05) h));--shadow:oklch(from var(--surface) calc(l * .7) calc(c * .8) h);--hover:oklch(from var(--ink) calc(l + .1) c h)}}.modal[open] .dl-box{animation:modal-in .2s var(--ease-out) both}.modal[open]::backdrop{animation:.2s both fade-in}@keyframes modal-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal[open] .dl-box{animation-name:fade-in}}.dl-frame{font:inherit;white-space:pre;color:var(--ink);pointer-events:none;user-select:none;margin:0;position:absolute;inset:0}.dl-title{color:var(--modal-title,var(--ink))}.dl-close{width:var(--line);height:var(--line);background:var(--ink);color:var(--surface);font:inherit;cursor:pointer;border:0;place-items:center;padding:0;transition:background-color .16s;display:grid;position:absolute;top:0;right:0}.dl-close:hover{background:var(--hover)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dl-left{left:5ch;top:calc(2 * var(--line));bottom:calc(2 * var(--line));width:calc((var(--split) - 7) * 1ch);flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;display:flex;position:absolute}.dl-left .copy{color:var(--ink);position:static}.dl-right{left:calc((var(--split) + 2) * 1ch);right:2ch;top:calc(2 * var(--line));bottom:calc(2 * var(--line));place-items:center;display:grid;position:absolute}.dl-line{white-space:nowrap;font-family:var(--copy-font), monospace;font-size:calc(var(--copy-size) * var(--copy-scale));text-transform:uppercase;-webkit-font-smoothing:var(--copy-smoothing);margin:0;line-height:normal}.dl-form{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.dl-form[hidden]{display:none}.term{--n:0;width:100%;margin-bottom:32px;display:block;position:relative}.field{box-sizing:border-box;width:100%;color:var(--ink-strong);caret-color:#0000;font-family:var(--copy-font), monospace;font-size:calc(var(--copy-size) * var(--copy-scale));-webkit-font-smoothing:var(--copy-smoothing);-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0;line-height:normal;display:block}.term.empty .field{text-indent:1ch}.field::selection{background:var(--ink-strong);color:var(--surface)}.ghost{pointer-events:none;font-family:var(--copy-font), monospace;font-size:calc(var(--copy-size) * var(--copy-scale));text-transform:uppercase;color:var(--ink-muted);line-height:normal;position:absolute;top:0;left:1ch}.term:not(.empty) .ghost{display:none}.cursor{left:calc(var(--n) * 1ch);pointer-events:none;font-family:var(--copy-font), monospace;font-size:calc(var(--copy-size) * var(--copy-scale));color:var(--field-cursor,#c9c6c0);line-height:normal;animation:1s step-end infinite blink;position:absolute;top:0}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.field:-webkit-autofill,.field:-webkit-autofill:hover,.field:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink-strong);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 9999s}.dl-hint{color:var(--ink-muted);margin-top:-6px}.dl-hint.bad{color:#c65a3c}.opt{cursor:pointer;user-select:none;display:block;position:relative}.opt input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.opt .mark{white-space:pre;color:var(--ink-muted)}.opt .tick:before{content:"×";visibility:hidden;color:var(--ink-strong)}.opt input:checked~.mark .tick:before{visibility:visible}.opt input:focus-visible~.mark{color:var(--button-color)}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.dl-send{cursor:pointer;background:var(--ink);height:32px;color:var(--surface);border:0;margin:8px 0 0;padding:0 2ch;transition:background-color .16s,opacity .16s;position:relative}.dl-send:hover,.dl-send:focus-visible{background:var(--hover);outline:0}.dl-send:before,.dl-send:after{content:"";background:var(--shadow);pointer-events:none;position:absolute}.dl-send:before{height:calc(var(--line) / 2);top:100%;left:.5ch;right:-.5ch}.dl-send:after{left:100%;top:calc(var(--line) / 2);width:.5ch;bottom:0}.dl-form[data-state=sending] .dl-send{opacity:.5;pointer-events:none}.dl-sent{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.dl-sent[hidden]{display:none}.dl-direct{align-items:center;margin:0;text-decoration:none;display:inline-flex}.dl-left .dl-privacy{color:var(--ink-muted);margin-top:4px;text-decoration:none;transition:color .16s;display:block}.dl-left .dl-privacy:hover,.dl-left .dl-privacy:focus-visible{color:var(--ink)}.dl-left .dl-discord{color:var(--ink-muted);margin-top:8px;text-decoration:none;transition:color .16s}.dl-left .dl-discord:hover,.dl-left .dl-discord:focus-visible{color:var(--ink)}.figure{--cell:var(--figure-cell,2.75px);white-space:pre;user-select:none;font-family:Departure Mono,monospace;font-size:calc(var(--cell) * 11 / 7);line-height:calc(var(--cell) * 2);color:var(--ink);-webkit-font-smoothing:var(--copy-smoothing);margin:0}.dl-box.narrow{justify-content:flex-start;gap:var(--line);padding:calc(1.5 * var(--line)) 3ch;box-sizing:border-box;flex-direction:column;display:flex}.dl-box.narrow .dl-left{justify-content:flex-start;width:auto;position:static}.dl-box.narrow .dl-right{width:auto;margin:calc(2 * var(--line)) 0 var(--line);order:-1;place-items:center;display:grid;position:static}.dl-box.narrow .figure{--cell:var(--figure-cell-narrow,2.25px)}.dl-box.narrow .term{margin-bottom:0}}@layer bands{@media (910px<=width<1300px),(width>=1300px) and (height<=620px){html,body{height:auto;min-height:100%}html{overflow-y:auto}.stage{grid-template-columns:minmax(24px, 1fr) var(--panel) var(--band-pair) var(--column) minmax(24px, 1fr);grid-template-rows:auto var(--band-gap) auto calc(var(--band-gap) + 76px) auto;box-sizing:border-box;align-content:center;min-height:100svh;padding:48px 0 64px;display:grid;position:static}.grid{position:fixed;inset:0}.who-stack{align-items:center;gap:var(--band-pair);flex-direction:row;grid-area:1/2/2/5;position:relative;top:auto;left:auto}.plugin{grid-area:3/2;position:relative;top:auto;left:auto;transform:none}.demo-tracks{margin-bottom:calc(var(--panel-foot) - var(--tracks-h));grid-area:3/2;place-self:end center;position:relative;top:auto;left:auto;translate:none}.what-stack{grid-area:3/4;align-self:center;position:relative;top:auto;left:auto;right:auto;translate:none}.join-stack{column-gap:var(--band-pair);grid-area:5/2/6/5;grid-template-columns:auto 1fr;align-items:center;row-gap:12px;display:grid;position:relative;inset:auto}.join-stack .pets{grid-area:1/1/3}.join-stack .copy.join{grid-area:1/2;align-self:end}.join-stack .join-link{grid-area:2/2;align-self:start;margin-top:0}}@media (width<910px){html,body{height:auto;min-height:100%}html{overflow-y:auto}.stage{grid-template-columns:minmax(max(var(--gutter-stacked), env(safe-area-inset-left)), 1fr) auto minmax(max(var(--gutter-stacked), env(safe-area-inset-right)), 1fr);min-height:100svh;padding:max(32px, env(safe-area-inset-top)) 0 max(64px, env(safe-area-inset-bottom));box-sizing:border-box;align-content:start;justify-items:center;display:grid;position:static}.grid{position:fixed;inset:0}.stage>*,.what-stack>*{grid-column:2}.copy{width:min(var(--column), calc(100vw - 48px))}.logo-box{width:min(var(--logo-w), calc(100vw - 48px))}.logo{width:100%;height:auto}.download-note{white-space:normal}.what-stack{display:contents;top:auto;translate:none}.who-stack{align-items:flex-start;gap:var(--stack-gap);flex-direction:column;order:1;margin:0;position:relative;top:auto;left:auto}.logo-box{margin:var(--band-gap) 0 0;order:2;position:relative}.download-note{width:min(var(--logo-w), calc(100vw - 48px));text-align:left;order:3;margin:12px 0 0;position:relative}.copy.what{order:4;margin:24px 0 0;position:static}.manual-link{order:5;margin:16px 0 0;position:relative}.actions{width:min(var(--logo-w), calc(100vw - 48px));order:5;justify-content:flex-start;margin:24px 0 0;position:relative}.plugin{transform:scale(var(--plugin-zoom,1));transform-origin:50% 0;margin:24px calc((var(--plugin-zoom,1) - 1) * var(--panel) / 2) calc((var(--plugin-zoom,1) - 1) * var(--panel));order:6;position:relative;top:auto;left:auto}.demo-tracks{width:auto;margin:calc(-1 * var(--panel-foot) * var(--plugin-zoom,1)) 0 calc(var(--panel-foot) * var(--plugin-zoom,1) - var(--tracks-h));transition:visibility 0s .32s, margin-bottom .32s var(--ease-out);order:6;justify-self:stretch;position:relative;top:auto;left:auto;translate:none}.demo-tracks[data-open]{margin-bottom:max(calc(var(--panel-foot) * var(--plugin-zoom,1) - var(--tracks-h)), calc(64px - var(--band-gap)));transition:visibility 0s, margin-bottom .32s var(--ease-out)}.join-stack{margin:var(--band-gap) 0 0;flex-direction:column;order:7;align-items:flex-start;gap:20px;display:flex;position:relative;inset:auto}}}@layer utilities{:where(a,button,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #c9c6c0}.dl-send:focus-visible{outline:2px solid var(--ink-strong);outline-offset:2px}.dl-close:before{content:"";position:absolute;inset:-8px}.dl-hint{white-space:normal}.dl-left .copy{width:100%}}@font-face{font-family:Departure Mono;src:url(/_astro/DepartureMono-Regular.2BZob_Zz.woff2)format("woff2");font-display:block}.download .metal-fx-root{background:#000}