@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dmsans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dmsans-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--s:2;--t:2;--z:2;--u:calc(var(--s) * 1px);--ink:#2a1b22;--paper:#fffaf0;--red:#c4472b;--sky-top:#c2e6ff;--sky-bottom:#eef8ff;--fg:var(--ink);--read:"DM Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--sky-bottom);cursor:var(--cursor,auto)}a{cursor:var(--hand,pointer)}body{background:linear-gradient(var(--sky-top), var(--sky-bottom)) fixed;min-height:100vh;color:var(--fg);font:calc(11 * var(--u)) / calc(14 * var(--u)) "Pixelify Sans", system-ui, sans-serif;-webkit-font-smoothing:none;margin:0}body.playing{overflow:hidden}.talk,.hint,.window.open .close{--s:var(--play-s,2);--u:calc(var(--s) * 1px)}img{image-rendering:pixelated}button{font:inherit;color:inherit;cursor:var(--hand,pointer);background:0 0;border:0;padding:0}:focus-visible{outline:var(--u) solid currentColor;outline-offset:var(--u)}.panel,.tag,.slot,.sign,.cap,.tab,.window{isolation:isolate}.panel:before,.tag:before,.slot:before,.sign:before,.cap:before,.tab:before,.window:before{content:"";z-index:-1;border:calc(var(--m) * var(--u)) solid transparent;border-image:var(--img) var(--m) fill / calc(var(--m) * var(--u)) stretch;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.panel{--img:url(/art/ui/panel.png);--m:3}.tag{--img:url(/art/ui/name.png);--m:2;color:var(--paper)}.slot,.cap{--img:url(/art/ui/slot.png);--m:3}.sign,.window{--img:url(/art/ui/sign.png);--m:5}.tab{--img:url(/art/ui/choice.png);--m:2}.tab[aria-selected=true]{--img:url(/art/ui/name.png);color:var(--paper)}.land{pointer-events:none;position:fixed;inset:0;overflow:hidden}.land svg{width:0;height:0;position:absolute}.land canvas{image-rendering:pixelated;position:absolute;left:0}.land-sky{top:0}.land-ground,.land-lights{transition:opacity .3s;bottom:0}.land.turning .land-ground,.land.turning .land-lights{opacity:0}.land-ground{filter:url(#land-grade)}.land-lights{filter:drop-shadow(0 0 3px #ffd86ae6)}body.playing .land{visibility:hidden}main{padding:0 max(1.5rem,5vw);position:relative}.hero,.pin,.feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:100vh;padding:4rem 0 8rem;display:grid}.copy{max-width:34rem}.title{margin:0 0 1.5rem calc(-3px * var(--t));line-height:0}.title img{width:calc(188px * var(--t));height:auto}.headline,.claim{font:400 calc(22px * var(--k)) / calc(26px * var(--k)) "Pixelify Sans", sans-serif;--k:2;margin:0 0 1rem}.claim{--k:1.5}.headline span{text-wrap:balance;display:block}.headline span:last-child{color:var(--red)}.line,.copy p:not(.headline){font:400 1.1875rem / 1.6 var(--read);-webkit-font-smoothing:antialiased;margin:0 0 1.75rem}.ready .hero .copy>*{animation:.6s cubic-bezier(.2,.9,.3,1.1) both settle}.ready .hero .copy>:nth-child(2){animation-delay:80ms}.ready .hero .copy>:nth-child(3){animation-delay:.16s}.ready .hero .copy>:nth-child(4){animation-delay:.24s}.ready .hero .window{animation:.5s cubic-bezier(.33,1,.68,1) .3s both drop}@keyframes settle{0%{opacity:0;transform:translateY(.75rem)}}@keyframes drop{0%{opacity:0;transform:translateY(calc(-14 * var(--u)))}}.get-row{align-items:end;gap:var(--u) 1.25rem;grid-template-columns:auto 1fr;display:grid}.os{gap:var(--u);display:flex}.tab{height:calc(16 * var(--u));padding:0 calc(6 * var(--u)) var(--u);color:var(--ink);position:relative}.hero .go{width:-moz-fit-content;width:fit-content}.stars{justify-self:end;align-items:center;gap:calc(4 * var(--u));height:calc(16 * var(--u));padding:0 calc(6 * var(--u)) var(--u) calc(5 * var(--u));color:var(--paper);white-space:nowrap;text-decoration:none;display:flex;position:relative}.stars:hover,.stars:focus-visible{transform:translateY(var(--u))}.stars:active{transform:translateY(calc(2 * var(--u)))}.stars-mark{width:calc(12 * var(--u));height:calc(12 * var(--u))}.stars-star{width:calc(11 * var(--u));height:calc(11 * var(--u));position:relative}.stars-star svg{width:100%;height:100%;display:block}.stars-star.pop svg{animation:.3s steps(3,end) both star-pop}@keyframes star-pop{50%{scale:1.45}}.stars-spark{z-index:1;left:calc(4 * var(--u));top:calc(4 * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));translate:calc(var(--x,0) * var(--u)) calc(var(--y,0) * var(--u));pointer-events:none;position:absolute}.get,.go,.play{min-width:calc(76 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u)) calc(5 * var(--u)) calc(19 * var(--u));color:var(--paper);white-space:nowrap;align-items:center;text-decoration:none;display:flex;position:relative}.get:hover,.get:focus-visible,.go:hover,.go:focus-visible,.play:hover,.play:focus-visible{transform:translateY(var(--u))}.get:active,.go:active,.play:active{transform:translateY(calc(2 * var(--u)))}.lantern{left:calc(7 * var(--u));top:calc(6 * var(--u));width:calc(7 * var(--u));height:calc(10 * var(--u));background:url(/art/ui/hud_lantern.png) 0 0 / calc(21 * var(--u)) 100%;image-rendering:pixelated;position:absolute}.lantern.flicker{background-position-x:calc(-7 * var(--u))}.window{aspect-ratio:4/3;padding:calc(5 * var(--u));filter:drop-shadow(0 calc(4 * var(--u)) 0 #2a1b2240);margin:0;position:relative}.window:before{z-index:1;border-image-slice:5;border-image-width:calc(5 * var(--u));background:0 0;border-image-source:url(/art/ui/sign.png)}.screen,.still{inset:calc(5 * var(--u));width:calc(100% - 10 * var(--u));height:calc(100% - 10 * var(--u));background:#3a4585;position:absolute}.screen canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.still{image-rendering:pixelated;display:none}.window.away .still{display:block}.plaque{z-index:2;left:calc(14 * var(--u));top:calc(-6 * var(--u));height:calc(14 * var(--u));padding:var(--u) calc(5 * var(--u)) 0;white-space:nowrap;position:absolute}.play{z-index:2;left:50%;bottom:calc(16 * var(--u));position:absolute;translate:-50%}.close{z-index:2;top:calc(8 * var(--u));left:calc(8 * var(--u));align-items:center;gap:calc(3 * var(--u));height:calc(14 * var(--u));padding:0 calc(5 * var(--u)) var(--u);display:none;position:absolute}.close kbd{font:inherit;opacity:.75}.window.open{z-index:4;aspect-ratio:auto;filter:none;padding:0;position:fixed;inset:0;animation:none!important}.window.open:before,.window.open .plaque,.window.open .play{display:none}.window.open .screen{width:100%;height:100%;inset:0}.window.open .close{display:flex}::view-transition-group(*){animation-duration:.35s;animation-timing-function:cubic-bezier(.33,1,.68,1)}.day,.night,.nights{height:300vh}.pin{height:100vh;min-height:0;padding:3rem 0;position:sticky;top:0}.dial{align-items:center;gap:.875rem;display:flex}.clock{background:url(/art/ui/clock_face.png) calc(var(--phase,0) * -81px) 0 / 324px 81px;width:81px;height:81px;image-rendering:pixelated;flex:none;position:relative}.hand{background:url(/art/ui/clock_hand.png) calc(var(--step,0) * -81px) 0 / 1296px 81px;image-rendering:pixelated;position:absolute;inset:0}.phase{font-size:22px;line-height:28px;display:block}.who{min-height:3em;font:400 1rem / 1.5 var(--read);-webkit-font-smoothing:antialiased;display:block}.steps{font:400 1rem / 1.4 var(--read);-webkit-font-smoothing:antialiased;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:center;gap:.875rem;display:flex}.steps b{-webkit-font-smoothing:none;font:400 22px/26px Pixelify Sans,sans-serif;display:block}.step-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));flex:none;place-items:center;display:grid;position:relative}.step-icon img{width:calc(16 * var(--u));height:calc(16 * var(--u))}.bag{z-index:2;inset:calc(16 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));gap:calc(12 * var(--u));padding:calc(9 * var(--u)) calc(11 * var(--u));color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:absolute}.bag-look,.bag-notes{gap:calc(4 * var(--u));flex-direction:column;min-height:0;display:flex}.bag-look{column-gap:calc(5 * var(--u));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.bag-head{grid-column:1/-1}.bag-slot{width:calc(22 * var(--u));height:calc(22 * var(--u));place-items:center;display:grid}.bag-slot img{width:calc(13 * var(--u))}.bag-name{line-height:1.1}.bag-turn{justify-content:center;align-items:center;gap:calc(6 * var(--u));grid-column:1/-1;min-height:0;display:flex}.bag-big{--k:calc(var(--s) + 1);height:calc(48px * var(--k));width:auto;cursor:var(--hand,pointer);image-rendering:pixelated}.bag-arrow{padding:calc(4 * var(--u)) calc(3 * var(--u));color:var(--ink)}.bag-arrow:hover{color:var(--red)}.bag-arrow:active{translate:0 var(--u)}.bag-seen,.bag-list{font:400 .9375rem / 1.45 var(--read);-webkit-font-smoothing:antialiased;margin:0}.bag-seen{grid-column:1/-1;align-self:start;min-height:4.35em}.bag-list{gap:.5rem;padding:0;list-style:none;display:grid}.bag-list li{border-bottom:var(--u) solid #7a452e40;padding-bottom:.5rem}.bag-list .soft{color:#7a452e;border:0}.bag-list .new{animation:.45s cubic-bezier(.2,.9,.3,1.2) both noted}@keyframes noted{0%{opacity:0;translate:0 calc(-4 * var(--u))}}.bag-toast{z-index:3;right:calc(24 * var(--u));bottom:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));color:var(--ink);white-space:nowrap;opacity:0;translate:0 calc(6 * var(--u));pointer-events:none;transition:opacity .2s,translate .25s cubic-bezier(.33,1,.68,1);position:absolute}.bag-toast.on{opacity:1;translate:0}.try{align-items:center;gap:var(--u);display:flex}.try .cap{font:400 calc(11 * var(--u)) / 1 "Pixelify Sans", sans-serif;-webkit-font-smoothing:none}.try span{margin-left:.75rem}.hint{z-index:5;left:50%;bottom:calc(14 * var(--u));color:var(--paper);align-items:flex-end;gap:calc(5 * var(--u));white-space:nowrap;text-shadow:0 var(--u) 0 var(--ink), var(--u) 0 0 var(--ink), calc(-1 * var(--u)) 0 0 var(--ink), 0 calc(-1 * var(--u)) 0 var(--ink);transition:opacity .4s,translate .4s;display:flex;position:fixed;translate:-50%}.hint.gone{opacity:0;translate:-50% calc(6 * var(--u))}.keys{gap:var(--u);grid-template-columns:repeat(3,auto);display:grid}.keys [data-key=KeyW]{grid-area:1/2}.keys [data-key=KeyA]{grid-area:2/1}.keys [data-key=KeyS]{grid-area:2/2}.keys [data-key=KeyD]{grid-area:2/3}.cap{min-width:calc(14 * var(--u));height:calc(14 * var(--u));padding:0 calc(3 * var(--u)) var(--u);color:var(--ink);font:inherit;text-shadow:none;place-items:center;transition:translate 60ms;display:grid;position:relative}.cap.down{translate:0 var(--u)}.cap.wide,.hint.near .keys,.hint.touch .keys,.hint.touch .cap.wide{display:none}.hint.near .cap.wide{display:grid}.hint-say,.hint-try{padding-bottom:var(--u)}.prompt{z-index:5;width:calc(11px * var(--z));height:calc(10px * var(--z));image-rendering:pixelated;pointer-events:none;opacity:0;background:url(/art/ui/prompt.png) 0 0/200% 100%;transition:opacity .15s;position:fixed;top:0;left:0}.prompt.on{opacity:1}.prompt.blink{background-position-x:100%}.corner{z-index:6;top:calc(8 * var(--u));right:calc(8 * var(--u));gap:calc(4 * var(--u));align-items:center;display:flex;position:fixed}.lang{height:calc(14 * var(--u));padding:0 calc(5 * var(--u)) var(--u);position:relative}.mute{width:calc(22 * var(--u));height:calc(22 * var(--u));position:relative}.speaker{inset:calc(3 * var(--u));image-rendering:pixelated;background:url(/art/icons/sound-off.png) 0 0/100% 100%;position:absolute}.mute[aria-pressed=true] .speaker{background-image:url(/art/icons/sound-on.png)}.lang:active,.mute:active{translate:0 var(--u)}.mend{--u:calc(var(--k,2) * 1px);inset:calc(5px * var(--s));color:var(--ink);font:400 calc(11 * var(--u)) / calc(14 * var(--u)) "Pixelify Sans", sans-serif;text-shadow:none;background:#2a1b22d1;place-items:center;display:grid;position:absolute}.mend-bench,.mend-plate{isolation:isolate}.mend-bench:before,.mend-plate:before{content:"";z-index:-1;image-rendering:pixelated;pointer-events:none;border-style:solid;border-color:#0000;position:absolute;inset:0}.mend-bench{justify-items:center;gap:calc(10 * var(--u));min-width:calc(232 * var(--u));padding:calc(16 * var(--u));display:grid;position:relative}.mend-bench:before{border-width:calc(7 * var(--u));border-image:url(/art/ui/bench.png) 7 fill / calc(7 * var(--u)) stretch}.mend-plate{top:calc(-9 * var(--u));height:calc(17 * var(--u));padding:var(--u) calc(12 * var(--u)) 0;color:var(--paper);white-space:nowrap;position:absolute;left:50%;translate:-50%}.mend-plate:before{border-width:calc(4 * var(--u)) calc(5 * var(--u));border-image:url(/art/ui/plate.png) 4 5 fill / calc(4 * var(--u)) calc(5 * var(--u)) stretch}.mend-area{width:calc(200 * var(--u));height:calc(92 * var(--u));position:relative}.mend-play{width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y;cursor:var(--hand,grab);display:block}.mend-rate{left:calc(146 * var(--u));top:calc(53 * var(--u));color:#fff1d2;position:absolute}.mend-rows{place-items:center;display:grid}.mend-set{align-items:center;gap:var(--u) calc(5 * var(--u));grid-area:1/1;grid-template-columns:auto auto;display:grid}.mend-set[inert]{visibility:hidden}.mend-keys{gap:var(--u);display:flex}.mend-say{color:#7a452e}.mend .cap:active{translate:0 var(--u)}.door .get{z-index:2;left:50%;bottom:calc(16 * var(--u));position:absolute;translate:-50%}.facts{margin-bottom:2rem}.first-open:empty{display:none}.first-open{max-width:34rem;min-height:2.8em;font:400 .9375rem / 1.4 var(--read);-webkit-font-smoothing:antialiased;opacity:.8;grid-column:1/-1;margin:.5rem 0 0}[data-window=post]{aspect-ratio:6/5}.nights-list{font:400 1rem / 1.4 var(--read);gap:.375rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.nights-list b{min-width:4.5rem;font:400 calc(11 * var(--u)) / 1 "Pixelify Sans", sans-serif;display:inline-block}.nights-list li{opacity:.6;transition:opacity .2s}.nights-list li[aria-current]{opacity:1}.nights-list .sealed span{font-style:italic}.post{--u:calc(var(--k,2) * 1px);--b:calc(var(--k,2) * 2px);inset:calc(5px * var(--s));color:var(--ink);font:400 calc(11 * var(--u)) / calc(14 * var(--u)) "Pixelify Sans", sans-serif;text-shadow:none;background:#fff1d2;grid-template-rows:auto auto minmax(0,1fr);justify-items:center;display:grid;position:absolute;overflow:hidden}.post-branch{width:calc(72 * var(--b));height:calc(16 * var(--b));margin-top:calc(8 * var(--u));position:relative}.post-bough,.post-lantern,.post-smoke,.post-card,.post-stamp,.post-mark{image-rendering:pixelated;background-repeat:no-repeat}.post-bough{height:calc(10 * var(--b));background-image:url(/art/ui/branch.png);background-size:100% 100%;position:absolute;inset:0 0 auto}.post-lantern{left:calc((6 + var(--i) * 9) * var(--b));top:calc(6 * var(--b));width:calc(7 * var(--b));height:calc(10 * var(--b));background-image:url(/art/ui/hud_lantern.png);background-position:calc(var(--f,0) * -7 * var(--b)) 0;background-size:calc(21 * var(--b)) 100%;cursor:var(--hand,pointer);position:absolute}.post-smoke{left:calc((5 + var(--i,0) * 9) * var(--b));top:calc(-3 * var(--b));width:calc(9 * var(--b));height:calc(12 * var(--b));background-image:url(/art/ui/hud_smoke.png);background-position:calc(var(--f,0) * -9 * var(--b)) 0;background-size:calc(36 * var(--b)) 100%;pointer-events:none;position:absolute}.post-burning{margin:calc(4 * var(--u)) 0 0;color:#7a452e}.post-desk{justify-self:stretch;position:relative}.post-card{left:calc(50% - 170 * var(--u));top:calc(50% - 98 * var(--u) + var(--y,0) * var(--u));width:calc(339 * var(--u));height:calc(195 * var(--u));background-image:url(/art/ui/postcard.png);background-size:100% 100%;position:absolute}.post-message{left:calc(22 * var(--u));top:calc(26 * var(--u));width:calc(166 * var(--u));justify-items:start;display:grid;position:absolute}.post-kicker,.post-line{color:#7a452e}.post-title{font-size:calc(22 * var(--u));line-height:calc(26 * var(--u))}.post-rule{width:calc(40 * var(--u));height:var(--u);margin-top:calc(6 * var(--u));background:#7a452e}.post-line{margin-top:calc(9 * var(--u))}.post-to{left:calc(210 * var(--u));top:calc(118 * var(--u));position:absolute}.post-town{left:calc(224 * var(--u));top:calc(136 * var(--u))}.post-stamp{left:calc(275 * var(--u));top:calc(22 * var(--u));width:calc(41 * var(--u));height:calc(49 * var(--u));background-image:url(/art/ui/stamp.png);background-size:100% 100%;position:absolute}.post-keepsake{left:calc(var(--x,0) * var(--u));top:calc(var(--y,0) * var(--u));width:calc(var(--w,0) * var(--u));height:calc(var(--h,0) * var(--u));position:absolute}.post-mark{left:calc(235 * var(--u));top:calc(58 * var(--u));width:calc(75 * var(--u));height:calc(43 * var(--u));background-image:url(/art/ui/postmark.png);background-size:100% 100%;position:absolute}.post-mark[hidden]{display:none}.post-day{left:calc(21 * var(--u));top:calc(18 * var(--u));color:#5060b0;white-space:nowrap;position:absolute;translate:-50%}.window>.talk{--s:var(--k,2);--u:calc(var(--k,2) * 1px);position:absolute}.talk{font:calc(11 * var(--u)) / calc(14 * var(--u)) "Pixelify Sans", system-ui, sans-serif;left:calc(var(--x) * 1px);bottom:calc(6 * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));color:var(--ink);z-index:5;position:fixed}.talk.top{bottom:auto;top:calc(16 * var(--u))}.talk.in{animation:.16s cubic-bezier(.2,.9,.3,1.3) talk-in}@keyframes talk-in{0%{transform:translateY(calc(4 * var(--u)));opacity:0}}.talk-slot{left:calc(5 * var(--u));top:calc(5 * var(--u));width:calc(52 * var(--u));height:calc(52 * var(--u));position:absolute}.talk-face{left:calc(7 * var(--u));top:calc(7 * var(--u));width:calc(48 * var(--u));height:calc(48 * var(--u));background:0 0 / calc(144 * var(--u)) calc(288 * var(--u)) no-repeat;background-position:calc(var(--f,0) * -48 * var(--u)) calc(var(--row,0) * -48 * var(--u));image-rendering:pixelated;position:absolute}.talk-name{left:calc((var(--left) - 4) * var(--u));top:calc(-10 * var(--u));height:calc(14 * var(--u));padding:var(--u) calc(5 * var(--u)) 0;color:var(--paper);white-space:nowrap;position:absolute}.talk-text{left:calc(var(--left) * var(--u));top:calc(6 * var(--u));width:calc((var(--w) - var(--left) - 10) * var(--u));margin:0;position:absolute}.talk-text em{color:var(--red);font-style:normal}.talk-text .untyped{color:#0000}.talk-next{left:calc((var(--w) - 16) * var(--u));top:calc((var(--h) - 13) * var(--u));width:calc(7 * var(--u));height:calc(8 * var(--u));background:url(/art/ui/next.png) calc(var(--f,0) * -7 * var(--u)) 0 / calc(28 * var(--u)) 100%;image-rendering:pixelated;position:absolute}[hidden]{display:none!important}@media (max-width:900px){.hero,.pin,.feature{grid-template-columns:minmax(0,1fr);align-content:center;gap:1.5rem}.hero{padding-top:4.5rem}.headline{--k:1.5}.claim{--k:1}.copy p:not(.headline){margin-bottom:1rem;font-size:1rem}.pin .window{aspect-ratio:1;justify-self:center;width:min(100%,48vh)}[data-window=bag]{aspect-ratio:9/14}[data-window=mend]{aspect-ratio:1}.pin [data-window=post]{aspect-ratio:5/4;width:calc(100% + 2rem);margin-inline:-1rem}.nights-list{display:none}.mend-bench{gap:calc(6 * var(--u));min-width:0;padding:calc(12 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u))}.mend-set{max-width:calc(200 * var(--u));grid-template-columns:auto minmax(0,1fr)}.bag{inset:calc(14 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));gap:calc(6 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.bag-big{--k:var(--s)}.bag-seen{min-height:0}.bag-toast{translate:50% calc(6 * var(--u));right:50%}.bag-toast.on{translate:50%}.pin{padding-top:4.5rem}.steps{grid-template-columns:1fr 1fr;gap:.75rem 1rem;font-size:.875rem}.steps li{align-items:flex-start;gap:.5rem}.steps b{font-size:11px;line-height:14px}.stars{grid-area:3/1/auto/-1;justify-self:start}.plaque{left:50%;translate:-50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-delay:0s!important}}