@font-face{font-family:Pixeloid;src:url(/fonts/pixeloid-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pixeloid;src:url(/fonts/pixeloid.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Departure;src:url(/fonts/departure-mono.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#000;--field:#000c00;--deep:#001800;--dim:#0c3000;--dith:#18480c;--mid:#2c8a1e;--soft:#3fbf2e;--phos:#54f03c;--hot:#9cff54;--core:#c2ff75;--belt-white:#c2ff75;--belt-yellow:#9cff54;--belt-green:#54f03c;--belt-brown:#2c8a1e;--belt-black:#0e3a0a;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--wrap:1120px;--read:720px;--key:48px;--px:3px;--display:"Pixeloid", "Departure", monospace;--mono:"Departure", ui-monospace, monospace;--t-hero:54px;--t-title:36px;--t-sub:27px;--t-say:22px;--t-body:16.5px;--t-small:13.75px}*{box-sizing:border-box}html{background:var(--bg);color:var(--phos);-webkit-text-size-adjust:100%;font-synthesis:none}body{min-height:100vh;font:var(--t-body)/1.6 var(--mono);background:var(--bg) url(/ui/grain.png) repeat;background-size:calc(96px * var(--px));image-rendering:pixelated;margin:0}img,canvas{display:block}a{color:var(--hot);text-underline-offset:3px}a:hover{color:var(--core)}::selection{background:var(--phos);color:#000}:focus-visible{outline:3px solid var(--core);outline-offset:3px}.skip{position:absolute;top:0;left:-9999px}.skip:focus{left:var(--s2);top:var(--s2);background:var(--phos);color:#000;padding:var(--s1) var(--s2);z-index:20}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(var(--wrap), 100% - 2 * var(--s2));margin-inline:auto}.read{width:min(var(--read), 100%);margin-inline:auto}.center{text-align:center}.muted{color:var(--mid)}.bright{color:var(--core)}.num{font-variant-numeric:tabular-nums}.lake{aspect-ratio:3;background:#000;width:100%;min-height:300px;max-height:64vh;position:relative;overflow:hidden}.lake img,.lake canvas{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.lake canvas{image-rendering:pixelated;pointer-events:none}.lake:after{content:"";background:linear-gradient(#0000,#000);height:18%;position:absolute;inset:auto 0 0}.lockup{padding:var(--s6) 0 0;text-align:center}.lockup h1{font:700 var(--t-hero)/1 var(--display);letter-spacing:0;color:var(--phos);text-shadow:0 0 18px #54f03c59;margin:0}.lockup .ticker{margin:var(--s2) 0 0;font:var(--t-body)/1 var(--mono);color:var(--mid);letter-spacing:.12em;text-transform:uppercase}.lockup .lede{margin:var(--s3) auto 0;width:min(var(--read), 100%);font-size:var(--t-say);color:var(--phos);text-wrap:balance;line-height:1.5}.actions{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;justify-content:center;display:flex}.key{--slice:3;justify-content:center;align-items:center;gap:var(--s1);height:var(--key);min-width:168px;padding:0 var(--s3);font:var(--t-body)/1 var(--mono);letter-spacing:.04em;cursor:pointer;color:#000;border:calc(3 * var(--px)) solid transparent;border-image:url(/ui/key.png) 3 fill / calc(3 * var(--px)) stretch;background:0 0;text-decoration:none;transition:transform 80ms steps(2,end);display:inline-flex}.key:hover{color:#000;filter:brightness(1.12)}.key:active{transform:translateY(var(--px))}.key.ghost{color:var(--phos);border-image-source:url(/ui/key-ghost.png)}.key.ghost:hover{color:var(--core)}.key[aria-disabled=true],.key:disabled{color:var(--mid);cursor:not-allowed;filter:none;border-image-source:url(/ui/key-off.png);transform:none}.key img.mark{object-fit:contain;image-rendering:auto;width:20px;height:20px}.key.ghost img.mark,.key[aria-disabled=true] img.mark{filter:none}.key[aria-disabled=true] img.mark{opacity:.45}.panel{padding:var(--s4);border:calc(6 * var(--px)) solid transparent;border-image:url(/ui/panel.png) 6 / calc(6 * var(--px)) round;background:#000a00d1 padding-box padding-box;position:relative}.rule{height:calc(3 * var(--px));margin:var(--s12) 0;background:url(/ui/rule.png) 50%/auto 100% repeat-x}.seal{margin-top:var(--s6)}.seal .panel{padding:var(--s3)}.seal-head{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.seal-head b{font:700 var(--t-sub)/1 var(--display);color:var(--core)}.seal-head span{color:var(--mid);font-size:var(--t-small);text-transform:uppercase;letter-spacing:.1em}.ca{gap:var(--s2);margin-top:var(--s2);align-items:stretch;display:flex}.ca code{min-width:0;padding:0 var(--s2);min-height:var(--key);font:var(--t-body)/1.3 var(--mono);color:var(--core);word-break:break-all;-webkit-user-select:all;user-select:all;box-shadow:inset 0 0 0 var(--px) var(--dith);background:#000;flex:1;align-items:center;transition:opacity .16s steps(3,end);display:flex}.ca code.empty{color:var(--mid);-webkit-user-select:none;user-select:none;word-break:normal}.ca .key{min-width:112px}.marks{gap:var(--s1);margin-top:var(--s2);grid-template-columns:repeat(6,1fr);display:grid}.marks .key{min-width:0;padding:0 var(--s1);font-size:var(--t-small);grid-column:span 2}.marks .buy,.marks .xk{grid-column:span 3}.seal-note{margin:var(--s2) 0 0;font-size:var(--t-small);color:var(--mid);text-align:center}.belt{margin-top:var(--s8);position:relative}.belt ol{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.belt ol a{padding:0 0 var(--s2);text-align:center;color:var(--mid);font:var(--t-body)/1.2 var(--mono);letter-spacing:.06em;text-decoration:none;display:block}.belt ol a .n{font-size:var(--t-small);color:var(--dith);display:block}.belt ol a:hover,.belt ol a[aria-current=page]{color:var(--core)}.belt ol a[aria-current=page] .n{color:var(--mid)}.band{height:calc(9 * var(--px));background:url(/ui/belt-white.png) 0 0/auto 100% repeat-x}.belt[data-rank=yellow] .band{background-image:url(/ui/belt-yellow.png)}.belt[data-rank=green] .band{background-image:url(/ui/belt-green.png)}.belt[data-rank=brown] .band{background-image:url(/ui/belt-brown.png)}.belt[data-rank=black] .band{background-image:url(/ui/belt-black.png)}.knot{width:calc(25 * var(--px));height:calc(18 * var(--px));transform:translateX(var(--kx,0));pointer-events:none;background:0 0/100% 100% no-repeat;transition:transform .36s steps(6,end);position:absolute;top:0;left:0}.belt .yours{margin:calc(12 * var(--px)) 0 0;text-align:center;font-size:var(--t-small);color:var(--mid);letter-spacing:.08em;text-transform:uppercase}main.page{padding:var(--s12) 0;min-height:60vh}.head{text-align:center;margin-bottom:var(--s4)}.head .label{font-size:var(--t-small);letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin:0 auto}.head h2{margin:var(--s2) 0 0;font:700 var(--t-title)/1.1 var(--display);color:var(--phos);text-wrap:balance}.head p{margin:var(--s2) auto 0;width:min(var(--read), 100%);color:var(--soft);text-wrap:pretty}.block+.block{margin-top:var(--s12)}.cells{gap:var(--s2);display:grid}.cells.c2{grid-template-columns:repeat(2,1fr)}.cells.c3{grid-template-columns:repeat(3,1fr)}.cells.c4{grid-template-columns:repeat(4,1fr)}.cell{text-align:center}.cell .v{font:700 var(--t-sub)/1.1 var(--display);color:var(--core);display:block}.cell .k{margin-top:var(--s1);font-size:var(--t-small);color:var(--mid);letter-spacing:.06em;text-transform:uppercase;display:block}.words{font-size:var(--t-say);color:var(--phos);margin:0;padding:0;line-height:1.55;list-style:none}.words li+li{margin-top:var(--s2)}.words li.last{color:var(--core)}.speaker{justify-content:center;align-items:center;gap:var(--s2);margin-bottom:var(--s3);color:var(--mid);font-size:var(--t-small);letter-spacing:.1em;text-transform:uppercase;display:flex}.speaker img{image-rendering:auto;width:48px;height:48px}.habits{border-collapse:collapse;width:100%}.habits th,.habits td{padding:var(--s1) var(--s1);text-align:left;vertical-align:middle}.habits th{font-weight:400;font-size:var(--t-small);color:var(--mid);letter-spacing:.08em;text-transform:uppercase}.habits td.n,.habits th.n{text-align:right;width:88px}.habits td.bar{width:32%}.habits td:first-child{white-space:nowrap}.habits tr.top td{color:var(--core)}.bar i{height:calc(4 * var(--px));background:repeating-linear-gradient(90deg, var(--phos) 0 calc(4 * var(--px)), transparent calc(4 * var(--px)) calc(5 * var(--px)));display:block}.habits tr.top .bar i{background:repeating-linear-gradient(90deg, var(--core) 0 calc(4 * var(--px)), transparent calc(4 * var(--px)) calc(5 * var(--px)))}.task{text-align:center}.task h3{font:700 var(--t-sub)/1.2 var(--display);color:var(--core);text-wrap:balance;margin:0}.task p{margin:var(--s2) auto 0;width:min(560px,100%);color:var(--soft)}.task .actions{margin-top:var(--s3)}.state{margin:var(--s2) 0 0;font-size:var(--t-small);color:var(--mid);text-align:center}.empty{text-align:center;color:var(--soft)}.empty p{width:min(560px,100%);margin:0 auto}.field{gap:var(--s2);display:flex}.field input{min-width:0;height:var(--key);padding:0 var(--s2);font:var(--t-body)/1 var(--mono);color:var(--core);box-shadow:inset 0 0 0 var(--px) var(--dith);background:#000;border:0;border-radius:0;flex:1}.field input::placeholder{color:var(--mid)}.field input:focus{box-shadow:inset 0 0 0 var(--px) var(--phos);outline:none}.msg{min-height:1.6em;margin:var(--s1) 0 0;font-size:var(--t-small);color:var(--soft);text-align:center}.msg.bad{color:var(--core)}.days{gap:var(--s1);grid-template-columns:repeat(7,1fr);display:grid}.day{text-align:center;padding:var(--s2) var(--s1);box-shadow:inset 0 0 0 var(--px) var(--dim)}.day .d{font-size:var(--t-small);color:var(--mid);letter-spacing:.08em;text-transform:uppercase;display:block}.day .b{margin-top:var(--s1);font:700 var(--t-sub)/1 var(--display);color:var(--phos);display:block}.day .s{margin-top:var(--s1);font-size:var(--t-small);color:var(--soft);display:block}.day.bad{box-shadow:inset 0 0 0 var(--px) var(--core)}.day.bad .s{color:var(--core)}.day.now{box-shadow:inset 0 0 0 var(--px) var(--phos)}.day.later .b{color:var(--dith)}.table{border-collapse:collapse;width:100%;font-size:var(--t-small)}.table th,.table td{padding:var(--s1);text-align:left;border-bottom:var(--px) solid var(--deep)}.table th{color:var(--mid);letter-spacing:.08em;text-transform:uppercase;font-weight:400}.table td.r,.table th.r{text-align:right}.ranks{gap:var(--s2);display:grid}.rank{align-items:center;gap:var(--s3);grid-template-columns:200px 1fr 120px 120px;display:grid}.rank .swatch{height:calc(9 * var(--px));background:url(/ui/belt-white.png) 0 0/auto 100% repeat-x}.rank[data-rank=yellow] .swatch{background-image:url(/ui/belt-yellow.png)}.rank[data-rank=green] .swatch{background-image:url(/ui/belt-green.png)}.rank[data-rank=brown] .swatch{background-image:url(/ui/belt-brown.png)}.rank[data-rank=black] .swatch{background-image:url(/ui/belt-black.png)}.rank b{font:700 var(--t-body)/1 var(--display);color:var(--phos)}.rank .w,.rank .c{text-align:right;color:var(--soft)}.rank.you b{color:var(--core)}.method h3{margin:var(--s8) 0 var(--s2);font:700 var(--t-sub)/1.2 var(--display);color:var(--phos);text-align:center}.method p,.method li{color:var(--soft)}.method dl{margin:0}.method dt{margin-top:var(--s3);color:var(--core)}.method dd{margin:var(--s1) 0 0;color:var(--soft)}.scheme{margin:var(--s3) 0;padding:var(--s3);font:var(--t-small)/1.35 var(--mono);color:var(--phos);white-space:pre;box-shadow:inset 0 0 0 var(--px) var(--dim);background:#000;overflow-x:auto}.risk{margin-top:var(--s8);font-size:var(--t-small);color:var(--mid);text-align:center}dialog.join{width:min(640px, 100% - 2 * var(--s2));color:var(--phos);background:0 0;border:0;padding:0}dialog.join::backdrop{background:#000000d1}dialog.join .panel{padding:var(--s4)}.steps{margin:0 0 var(--s3);gap:var(--s1);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.steps li{text-align:center;font-size:var(--t-small);color:var(--dith);padding-top:var(--s1);box-shadow:inset 0 var(--px) 0 var(--dim)}.steps li.on{color:var(--core);box-shadow:inset 0 var(--px) 0 var(--core)}.steps li.done{color:var(--mid);box-shadow:inset 0 var(--px) 0 var(--mid)}.join h2{font:700 var(--t-sub)/1.2 var(--display);text-align:center;margin:0}.join p{color:var(--soft);text-align:center}.join .post{padding:var(--s2);box-shadow:inset 0 0 0 var(--px) var(--dith);color:var(--core);white-space:pre-wrap;background:#000}.join .close{top:var(--s1);right:var(--s1);min-width:0;width:var(--key);padding:0;position:absolute}@media (max-width:900px){:root{--t-hero:36px;--t-title:27px;--t-sub:22px;--t-say:18px}.seal-head{align-items:center;gap:var(--s1);flex-direction:column}.belt ol{grid-template-columns:repeat(5,1fr)}.belt ol a{font-size:var(--t-small)}.cells.c4{grid-template-columns:repeat(2,1fr)}.cells.c3{grid-template-columns:1fr}.rank{grid-template-columns:1fr 72px 72px}.rank .swatch{grid-column:1/-1}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day{padding:var(--s1) 2px}.day .b{font-size:var(--t-body)}.day .s{font-size:11px}.habits .bar{display:none}.habits td:first-child{white-space:normal}.scheme{padding:var(--s2);font-size:11px}.table{font-size:11px}.table .wide{display:none}.habits td.n,.habits th.n{width:auto}.marks .xk .on{display:none}}@media (max-width:560px){:root{--px:2px}.panel,.seal .panel{padding:var(--s2)}.marks{grid-template-columns:repeat(2,1fr)}.marks .key,.marks .xk{grid-column:span 1}.marks .buy{grid-column:1/-1}.lockup .ticker{letter-spacing:.06em}.belt .long{display:none}.ca{flex-direction:column}.ca .key{width:100%}.belt .n{display:none!important}.lake{aspect-ratio:auto;height:46vh;min-height:240px}.lake img{object-position:50% 40%}}.unroll{clip-path:inset(0 0 100%)}.unroll.open{clip-path:inset(0);transition:clip-path .36s steps(6,end)}main.leaving>*{opacity:0;transition:opacity .18s steps(3,end)}.words.typed li.last:after{content:"";vertical-align:-.12em;background:var(--core);width:.6em;height:1em;margin-left:.2em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.bar i{transition:width .48s steps(8,end)}.day{transition:opacity .12s steps(2,end)}.day.dark{opacity:.2}.seal .panel.lit{animation:.9s steps(6,end) lit}@keyframes lit{0%{filter:brightness()}30%{filter:brightness(1.8)}to{filter:brightness()}}.lockup h1 .word{white-space:nowrap}.lockup h1 .ch{opacity:0;transition:opacity 90ms steps(2,end)}.lockup h1 .ch.on{opacity:1}.lockup h1.lit{animation:.7s steps(4,end) lit-name}@keyframes lit-name{0%{text-shadow:0 0 18px #54f03c59}35%{text-shadow:0 0 34px #c2ff75e6;color:var(--core)}to{text-shadow:0 0 18px #54f03c59}}.typing>span:after{content:"";vertical-align:-.12em;background:var(--core);width:.55em;height:1em;margin-left:.1em;animation:.5s step-end infinite blink;display:inline-block}.key{transition:transform 80ms steps(2,end),opacity .16s steps(3,end);position:relative;overflow:hidden}.key.dark,.ca code.dark{opacity:0}.lockup .actions .key:not(.ghost){animation:3s steps(3,end) infinite breathe}@keyframes breathe{0%,70%,to{box-shadow:0 0 #54f03c00}80%{box-shadow:0 0 22px #54f03c8c}90%{box-shadow:0 0 10px #54f03c4d}}.key:after{content:"";width:calc(4 * var(--px));opacity:0;pointer-events:none;background:#c2ff75d9;position:absolute;top:-20%;bottom:-20%;left:-30%;transform:translate(0)}.key:not([aria-disabled=true]):not(:disabled):hover:after{opacity:1;animation:.42s steps(7,end) forwards glint}.key:not(.ghost):hover:after{background:#ffffffb3}@keyframes glint{0%{left:-10%}to{left:110%}}.seal .panel.drawing{clip-path:inset(0 100% 100% 0)}.seal .panel.drawing.drawn{clip-path:inset(0);transition:clip-path .52s steps(8,end)}.runner{left:calc(-6 * var(--px) + 1px);top:calc(-6 * var(--px) + 1px);width:calc(3 * var(--px));height:calc(3 * var(--px));background:var(--core);box-shadow:0 0 10px var(--core);opacity:0;pointer-events:none;position:absolute}.runner.on{opacity:1}.ca code.empty:after{content:"";vertical-align:-.12em;background:var(--mid);width:.55em;height:1em;margin-left:.3em;animation:1s step-end infinite blink;display:inline-block}.knot{--ka:url(/ui/knot-white.png);--kb:url(/ui/knot-white-b.png);background-image:var(--ka);animation:1.4s step-end infinite sway}.belt[data-rank=yellow] .knot{--ka:url(/ui/knot-yellow.png);--kb:url(/ui/knot-yellow-b.png)}.belt[data-rank=green] .knot{--ka:url(/ui/knot-green.png);--kb:url(/ui/knot-green-b.png)}.belt[data-rank=brown] .knot{--ka:url(/ui/knot-brown.png);--kb:url(/ui/knot-brown-b.png)}.belt[data-rank=black] .knot{--ka:url(/ui/knot-black.png);--kb:url(/ui/knot-black-b.png)}@keyframes sway{0%{background-image:var(--ka)}50%{background-image:var(--kb)}}.band{position:relative;overflow:hidden}.band.flash:after{content:"";width:calc(24 * var(--px));background:#ffffff8c;animation:.64s steps(10,end) forwards bandglint;position:absolute;top:0;bottom:0;left:-10%}@keyframes bandglint{to{left:105%}}.speaker img.talking{animation:.36s steps(2,end) infinite talk}@keyframes talk{50%{opacity:.35}}.cell .v.settled{animation:.36s steps(3,end) settle}@keyframes settle{0%{color:#fff}to{color:var(--core)}}.habits tr{transition:opacity .14s steps(2,end)}.habits tr.dark{opacity:0}.habits tr.blink td{animation:.9s step-end rowblink}@keyframes rowblink{0%,50%{background:#c2ff7529}25%,75%{background:0 0}}.task{overflow-x:clip}.task h3.unstamped{opacity:0;transform:scale(1.12)}.task h3.stamped{animation:.42s steps(3,end) stamp}@keyframes stamp{0%{opacity:0;transform:scale(1.12)}60%{opacity:1;text-shadow:0 0 24px var(--core);transform:scale(.97)}to{transform:scale(1)}}.day.blink{animation:.9s step-end rowblink}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}