@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;--rim: #9fb1bd;--orange: #f0732a;--orange-2: #ff9a4d;--green: #3f9c6e;--text: #e9eef2;--muted: #a8b4bd;--shadow: #080e12;--pixel: "Silkscreen", ui-monospace, monospace}*{box-sizing:border-box}html{margin:0;overscroll-behavior:none;overflow-x:clip}body{margin:0;min-height:100vh;min-height:100svh;overflow-x:clip;background:var(--bg);color:var(--text);font:16px/1.5 var(--pixel);display:grid;place-items:center;padding:24px 16px}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}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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{--ring: var(--rim);--w: 3px;--drop: 0px;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;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);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 svg{width:22px;height:22px;flex:none}.social .discord svg{color:#8c95ff}.social .youtube svg{color:#ff4a4a}.now{width:100%;margin-top:8px;display:grid;gap:8px;text-align:left;font-size:14px;line-height:1.4;color:var(--muted)}.now>*{margin:0;display:block;padding-left:1.4em;text-indent:-1.4em}.now>[hidden]{display:none}.now>*:before{content:">";display:inline-block;width:1.4em;text-indent:0;color:var(--orange)}.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}.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}.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){.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}.type{visibility:hidden;animation:reveal 0s 1.5s forwards}.type.typing{visibility:visible;animation:none}.type .at:after{animation:blink .5s steps(1) infinite}.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 blink{50%{opacity:0}}@keyframes glow-in{0%{opacity:0}}@keyframes breathe{0%{opacity:.7}to{opacity:1}}@keyframes boot{0%{opacity:0;transform:translateY(16px)}}@keyframes reveal{to{visibility:visible}}@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)}}