:root{color-scheme:dark;--void:var(--f-void);--deep:var(--f-deep);--line:var(--f-line);--stone:var(--f-stone);--mist:var(--f-mist);--bone:var(--f-bone);--accent:var(--f-accent);--neon:var(--f-neon);--seal:var(--f-seal);--plum:var(--f-plum);--amber:var(--f-amber);--umber:var(--f-umber);--ember:var(--f-ember);--teal:var(--f-teal);--sea:var(--f-sea);--navy:var(--f-navy);--cream:var(--f-cream);--paper:var(--void);--px:4px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fp:clamp(4px, min(calc(.28vw + .3vh), calc((100vh - 6rem) / 82)), 7px);--edge:clamp(1rem, 3vw, 3rem)}@media not all and (width>=44rem) and (aspect-ratio>=1){:root{--fp:clamp(3px, min(1.05vw, .56vh), 6px);--edge:1rem}}*{box-sizing:border-box}@view-transition{navigation:auto}html,body{background:var(--void);height:100%;color:var(--bone);margin:0;overflow:hidden}body{font:500 1rem/1.5 var(--mono);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--neon);outline-offset:3px}main:focus{outline:none}.sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:5;background:var(--bone);color:var(--void);padding:.5em .8em;font-size:.8rem;position:absolute;top:-10rem;left:1rem}.skip:focus{top:1rem}.arcade{background:var(--void);position:fixed;inset:0;overflow:hidden}.screen,.glow{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0 auto auto 0}.glow{filter:brightness(.7) contrast(2.4) saturate(1.5) blur(calc(var(--px) * 2.4));mix-blend-mode:screen;opacity:.55;pointer-events:none}.crt{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%, transparent 55%, color-mix(in oklab, var(--void) 70%, transparent) 100%), linear-gradient(to bottom, color-mix(in oklab, var(--void) 34%, transparent) 0 34%, transparent 34% 100%) 0 0 / 100% var(--px);position:absolute;inset:0}.menu{z-index:2;inset:50% var(--edge) auto auto;position:fixed;translate:0 -50%}.menu ul{gap:calc(var(--fp) * 2.5);margin:0;padding:0;list-style:none;display:grid}@media not all and (width>=44rem) and (aspect-ratio>=1){.menu{inset:auto auto var(--edge) 50%;translate:-50%}}.menu li{filter:drop-shadow(var(--fp) var(--fp) 0 var(--seal))}.js .menu li{translate:calc(100% + var(--edge) + var(--fp) * 2) 0;transition:translate .46s steps(6, end) calc(var(--i) * 90ms);animation:0s 12s forwards arrive}@media not all and (width>=44rem) and (aspect-ratio>=1){.js .menu li{transition-delay:calc((4 - var(--i)) * 70ms);translate:0 100vh}}.js.is-on .menu li{translate:0}@keyframes arrive{to{translate:0}}.is-back .menu li{transition:none}.is-title .menu{inset:50% auto auto 50%;translate:-50% -50%}.is-title .arcade{filter:brightness(.5)saturate(.85);transition:filter .24s ease-out}.is-title.is-fired .arcade{filter:none}.big{inline-size:calc(var(--fp) * 64);block-size:calc(var(--fp) * 14);border:calc(var(--fp) * .75) solid var(--accent);background:color-mix(in oklab, var(--void) 82%, transparent);clip-path:polygon(var(--fp) 0, calc(100% - var(--fp)) 0, 100% var(--fp), 100% calc(100% - var(--fp)), calc(100% - var(--fp)) 100%, var(--fp) 100%, 0 calc(100% - var(--fp)), 0 var(--fp));animation:2.8s steps(4,jump-none) infinite bob;animation-delay:calc(var(--i) * -.56s);place-items:center;text-decoration:none;display:grid}@keyframes bob{50%{transform:translateY(calc(var(--fp) * -1))}}.word{inline-size:calc(var(--w) * var(--fp));block-size:calc(var(--h) * var(--fp));-webkit-mask:var(--glyphs) 0 0 / 100% 100% no-repeat;mask:var(--glyphs) 0 0 / 100% 100% no-repeat;display:block}.big .word{background:linear-gradient(to bottom, var(--cream) 0 calc(var(--fp) * 1), var(--amber) 0 calc(var(--fp) * 3), var(--ember) 0 calc(var(--fp) * 5), var(--accent) 0 calc(var(--fp) * 6), var(--neon) 0)}.big:is(:hover,:focus-visible,.is-fire){border-color:var(--cream);background:repeating-linear-gradient(to bottom, var(--plum) 0 var(--fp), var(--seal) 0 calc(var(--fp) * 2), var(--accent) 0 calc(var(--fp) * 3), var(--neon) 0 calc(var(--fp) * 4), var(--cream) 0 calc(var(--fp) * 5), var(--neon) 0 calc(var(--fp) * 6), var(--accent) 0 calc(var(--fp) * 7), var(--seal) 0 calc(var(--fp) * 8)) 0 0 / 100% calc(var(--fp) * 8);animation:bob 2.8s steps(4, jump-none) infinite calc(var(--i) * -.56s), copper .64s steps(8, end) infinite;outline:0}.big:is(:hover,:focus-visible,.is-fire) .word{background:var(--void)}@keyframes copper{to{background-position:0 calc(var(--fp) * 8)}}.menu li:has(.big:active){filter:drop-shadow(calc(var(--fp) * .25) calc(var(--fp) * .25) 0 var(--seal))}.big:active{translate:calc(var(--fp) * .75) calc(var(--fp) * .75)}.mail{z-index:2;pointer-events:none;place-items:center;margin:0;display:grid;position:fixed;inset:0}.mail a{--fp:clamp(2px, calc((100vw - 2rem) / 175), 6px);align-items:flex-end;gap:var(--fp);padding:calc(var(--fp) * 2);color:var(--cream);pointer-events:auto;display:flex}.mail .word{background:currentColor}.mail .cursor{inline-size:calc(var(--fp) * 7);block-size:calc(var(--fp) * 7);background:currentColor;animation:1s step-end infinite blink;display:block}@keyframes blink{50%{opacity:0}}.js .mail a{--fp:var(--px);color:var(--navy);opacity:0;padding:0}.js.is-on .mail a{opacity:1}.corner{z-index:3;align-items:center;gap:.5rem;display:flex;position:fixed;inset:auto auto 1rem 1rem}.corner button{border:1px solid var(--line);background:color-mix(in oklab, var(--void) 75%, transparent);block-size:2.25rem;color:var(--mist);cursor:pointer;border-radius:0}.corner button:hover{color:var(--bone);border-color:var(--stone)}.sound{place-items:center;inline-size:2.25rem;padding:0;display:grid}.sound svg{fill:currentColor;inline-size:1.15rem}.sound[aria-pressed=true] .off,.sound[aria-pressed=false] .on{display:none}.sound[aria-pressed=true]{color:var(--neon)}.skip-intro{font:500 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:0 .7rem;transition:opacity .2s,visibility 0s .2s}.is-on .skip-intro{opacity:0;visibility:hidden}:root:not(.js) .corner{display:none}body:after{content:"";z-index:9;background:var(--void);opacity:0;pointer-events:none;transition:opacity .42s ease-in;position:fixed;inset:0}[data-leave=day] body:after{background:var(--f-paper)}.is-leaving body:after{opacity:1}@media (forced-colors:active){.word{display:none}.big .sr,.mail .sr{clip-path:none;width:auto;height:auto;margin:0;font-size:2rem;position:static}}@media (prefers-reduced-motion:reduce){.big,.big:is(:hover,:focus-visible,.is-fire),.mail .cursor{animation:none}.js .menu li,body:after{transition:none}}