@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{color-scheme:dark;--bg: #0f1b24;--bg-2: #182c39;--column: #132430;--edge: #2b4555;--rim: #9fb1bd;--orange: #f0732a;--orange-2: #ff9a4d;--red: #f0524a;--green: #3a966c;--text: #e9eef2;--muted: #a8b4bd;--faint: #5d7280;--shadow: #080e12;--pixel: "Silkscreen", ui-monospace, monospace;--plain: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--column-max: 500px;--page-max: calc(4 * var(--column-max) + 3 * 22px + 32px);--narrow-max: 760px}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;min-height:100vh;min-height:100svh;padding:24px 16px;background:var(--bg);color:var(--text);font:16px/1.5 var(--pixel)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.outlined,.button{--ring: var(--rim);--w: 3px;--drop: 0px;box-shadow:0 calc(-1 * var(--w)) 0 0 var(--ring),0 var(--w) 0 0 var(--ring),calc(-1 * var(--w)) 0 0 0 var(--ring),var(--w) 0 0 0 var(--ring),var(--drop) var(--drop) 0 0 var(--shadow)}.priority-low{--p: #8196a4}.priority-medium{--p: var(--rim)}.priority-high{--p: var(--orange)}.priority-critical{--p: #ff645c;--ring: var(--red)}.button{--drop: 4px;margin:3px;padding:9px 16px;background:var(--bg-2);color:var(--text);font:14px/1.2 var(--pixel);letter-spacing:.03em;border:0;border-radius:0;cursor:pointer}.button:hover,.button:focus-visible{--drop: 2px;outline:none;transform:translate(2px,2px)}.button:active{--drop: 0px;transform:translate(4px,4px)}.button:disabled{opacity:.5;cursor:wait}.button.primary{--ring: var(--orange);color:var(--orange-2)}.button.primary:hover,.button.primary:focus-visible{--ring: var(--orange-2)}.button.danger{--ring: var(--red);color:var(--red)}.button.flash{--ring: #fff;transition:none}:where(input:not([type=checkbox],[type=radio],[type=file]),select,textarea){width:100%;padding:10px 12px;background:var(--bg-2);color:var(--text);font:13px/1.4 var(--pixel);border:3px solid var(--edge);border-radius:0}.plain{padding:9px 12px;font:16px/1.4 var(--plain)}select{cursor:pointer}@supports (appearance: base-select){select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select{display:flex;align-items:center;justify-content:space-between;gap:10px}select::picker-icon{content:"";flex:none;width:10px;height:6px;background:currentColor;clip-path:polygon(0 0,10px 0,10px 2px,8px 2px,8px 4px,6px 4px,6px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px);transition:none}select:open{border-color:var(--orange)}select:open::picker-icon{rotate:180deg}::picker(select){margin-top:4px;padding:0;background:var(--bg-2);border:3px solid var(--orange);box-shadow:4px 4px 0 var(--shadow)}option{padding:8px 12px;color:var(--text)}option::checkmark{display:none}option:checked{color:var(--orange)}option:hover,option:focus-visible{outline:none;background:var(--green);color:#fff}}textarea{resize:vertical}:where(input,select,textarea):focus{outline:none;border-color:var(--orange)}.check{display:flex;align-items:center;gap:8px;cursor:pointer}input[type=checkbox]{flex:none;width:18px;height:18px;margin:0;accent-color:var(--orange)}.now{width:100%;display:grid;gap:8px;text-align:left;font-size:14px;line-height:1.4;color:var(--muted)}.now>*,.status{display:block;margin:0;padding-left:1.4em;text-indent:-1.4em}.now>*:before,.status:before{content:">";display:inline-block;width:1.4em;text-indent:0;color:var(--orange)}.status{color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.status.problem{color:var(--orange-2)}.heading{margin:0;font:400 15px/1.2 var(--pixel);letter-spacing:.04em}.card{--ring: var(--edge);margin:3px;padding:12px 14px;background:var(--bg-2)}.typed-text{color:var(--text);font:15px/1.5 var(--plain);white-space:pre-wrap;overflow-wrap:anywhere}.text-link{color:var(--orange-2)}.empty{margin:0;color:var(--muted);font-size:12px}.fine-print{color:var(--faint);font-size:10px}.bare-list{margin:0;padding:0;list-style:none}.bare-button{padding:0;background:none;color:inherit;font:inherit;border:0;cursor:pointer}.corner-button{--w: 2px;display:grid;place-items:center;background:var(--bg);color:var(--muted)}.corner-button:hover,.corner-button:focus-visible{--ring: var(--orange);outline:none;color:var(--orange-2)}@media(hover:hover){.shown-on-hover{opacity:0}:hover>.shown-on-hover,:focus-within>.shown-on-hover{opacity:1}}.dragging{opacity:.35}.private-page{max-width:var(--page-max);margin:0 auto;padding-top:0;padding-bottom:40px}.top{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:22px;padding-top:24px;background:var(--bg)}.top .home img{display:block;width:44px;height:44px;image-rendering:pixelated}.top .home:hover img,.top .home:focus-visible img{transform:translate(2px,2px)}.top .home:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.top h1{margin:0;font:400 clamp(26px,5vw,34px)/1.1 var(--pixel);letter-spacing:.04em;text-shadow:3px 3px 0 var(--shadow)}.top .action{margin-left:auto}@media(prefers-reduced-motion:no-preference){.button,.top .home img{transition:transform .08s ease,box-shadow .08s ease}}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.burst i{position:absolute;left:0;top:0}.type .at{position:relative}.type .at:after{content:"";position:absolute;left:100%;bottom:.08em;width:.55em;height:.14em;margin-left:.08em;background:var(--orange)}.type .letter{visibility:hidden}.type .letter.on{visibility:visible}@media(prefers-reduced-motion:no-preference){.type{visibility:hidden;animation:reveal 0s 1.5s forwards}.type.typing{visibility:visible;animation:none}.type .at:after{animation:blink .5s steps(1) infinite}}@keyframes blink{50%{opacity:0}}@keyframes reveal{to{visibility:visible}}html{overscroll-behavior:none}body{display:grid;place-items:center}main{width:min(440px,100%);display:grid;justify-items:center;gap:22px;text-align:center}h1{margin:0;font:400 clamp(24px,6vw,34px)/1.1 var(--pixel);letter-spacing:.04em;color:var(--text);text-shadow:3px 3px 0 var(--shadow)}nav{width:100%;display:grid;gap:12px}.avatar{display:block;width:256px;height:auto;image-rendering:pixelated}.glow{position:relative}.glow:before{content:"";position:absolute;left:50%;top:50%;width:280%;height:187%;transform:translate(-50%,-50%);background:url(/images/glow.svg) center / 100% 100% no-repeat;z-index:-1;pointer-events:none}.link{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--text);text-align:left;background:var(--bg-2);padding:14px 18px;margin:3px;transition:transform .08s ease,box-shadow .08s ease}.link:hover,.link:focus-visible{outline:none;transform:translate(2px,2px)}.link:active,.link.pressed{transform:translate(3px,3px)}.link .arrow{font-family:var(--pixel);color:var(--orange);font-size:20px}.link .name{font-family:var(--pixel);font-size:15px;letter-spacing:.03em}.featured{--ring: var(--orange);--w: 4px;--drop: 8px;padding:20px;margin:4px}.featured .name{font-size:24px;color:var(--orange-2)}.featured .tag{display:block;margin-top:6px;color:var(--muted);font-size:16px;line-height:1.3}.featured:hover,.featured:focus-visible{--ring: var(--orange-2);--drop: 4px;transform:translate(4px,4px)}.featured:active,.featured.pressed{--ring: var(--orange-2);--drop: 0px;transform:translate(8px,8px)}.link:not(.featured):hover .name,.link:not(.featured):focus-visible .name{color:var(--orange-2)}.link.flash{--ring: #fff;transition:none}.social{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.social .link{justify-content:center;padding:12px 14px}.social img{width:20px;height:14px;flex:none;image-rendering:pixelated}.now{margin-top:8px}.now .playing{color:var(--green)}.now .playing .cursor{display:inline-block;width:.55em;height:.14em;margin-left:.3em;background:currentColor}.devlog{color:var(--muted);text-decoration:none}.devlog .title{color:var(--text)}.devlog:hover .title,.devlog:focus-visible .title{color:var(--orange-2)}.devlog:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.lock{position:fixed;left:10px;bottom:10px;padding:8px;line-height:0}.lock img{display:block;width:14px;height:18px;image-rendering:pixelated}.lock .hover,.lock:hover img,.lock:focus-visible img{display:none}.lock:hover .hover,.lock:focus-visible .hover{display:block}.lock:focus-visible{outline:none}.lost{gap:18px}.lost-code{margin:0;font:400 clamp(96px,30vw,168px)/.9 var(--pixel);color:var(--orange);text-shadow:6px 6px 0 var(--shadow),-4px 0 0 var(--green)}.lost h1{font-size:clamp(22px,6vw,30px)}.lost .avatar-link{display:block;margin:6px 0}.lost :is(.avatar,.screen){transition:transform .08s ease}.lost .avatar{width:128px}.lost .avatar-link:hover :is(.avatar,.screen),.lost .avatar-link:focus-visible :is(.avatar,.screen){transform:translate(2px,2px)}.lost .avatar-link:is(:active,.pressed) :is(.avatar,.screen){transform:translate(3px,3px)}.lost .avatar-link.flash .avatar{filter:brightness(1.5)}.lost .avatar-link:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.screen{position:absolute;left:30.469%;top:47.656%;width:12.5%;height:1.5625%;background:#232034;pointer-events:none}.screen .typed{position:absolute;top:0;right:12.5%;bottom:0;left:0;background:url(/images/screen-text.svg) 0 0 / 100% 100%}.screen .cursor{position:absolute;left:0;bottom:0;width:12.5%;height:50%;background:#3a966c}@media(prefers-reduced-motion:no-preference){.screen .typed{animation:screen-type 7s .9s infinite backwards}.screen .cursor{animation:screen-cursor 7s .9s infinite backwards,blink .9s steps(1) infinite}.glow:before{animation:glow-in .5s 80ms ease-out backwards,breathe 3.2s .6s ease-in-out infinite alternate}[style*=--i]{animation:boot .45s calc(80ms + var(--i) * 90ms) cubic-bezier(.34,1.56,.64,1) backwards}.now .playing .cursor{animation:blink .9s steps(1) infinite}.lost-code[style*=--i]{animation:boot .45s 80ms cubic-bezier(.34,1.56,.64,1) backwards,glitch 4.5s 1.5s steps(1) infinite}}@keyframes screen-type{0%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(14,end)}30%,85%{clip-path:inset(0 0 0 0);animation-timing-function:step-end}86%,to{clip-path:inset(0 100% 0 0)}}@keyframes screen-cursor{0%{left:0;animation-timing-function:steps(14,end)}30%,85%{left:87.5%;animation-timing-function:step-end}86%,to{left:0}}@keyframes glow-in{0%{opacity:0}}@keyframes breathe{0%{opacity:.7}to{opacity:1}}@keyframes boot{0%{opacity:0;transform:translateY(16px)}}@keyframes glitch{0%,88%,to{transform:none;text-shadow:6px 6px 0 var(--shadow),-4px 0 0 var(--green)}89%{transform:translate(-4px);text-shadow:6px 6px 0 var(--shadow),8px 0 0 var(--green)}91%{transform:translate(3px,2px);text-shadow:6px 6px 0 var(--shadow),-10px -2px 0 var(--green),6px 0 0 var(--rim)}93%{transform:translateY(-2px) skew(-6deg);text-shadow:6px 6px 0 var(--shadow),-4px 0 0 var(--green)}95%{transform:translate(2px);text-shadow:6px 6px 0 var(--shadow),4px 0 0 var(--green)}}
