@font-face{font-family:Departure Mono;src:url(./DepartureMono-Regular.2BZob_Zz.woff2)format("woff2"),url(./DepartureMono-Regular.DBuWTdvd.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:root{--main-color:#090b10;--glare-color:#0a0f0a;--text-color:#c9e8c9;--heading-color:#3f3;--dim-color:#1c871c;--line-color:#1c871c;--scanline:color-mix(in srgb, var(--heading-color) 12%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--px:11px;--font-size-body:calc(var(--px)*1.5);--line-height-body:calc(var(--px)*2.5);--font-size-h1:calc(var(--px)*10);--line-height-h1:calc(var(--px)*12);--font-size-h2:calc(var(--px)*3);--line-height-h2:calc(var(--px)*4);--font-size-h3:calc(var(--px)*2);--line-height-h3:calc(var(--px)*3);--pad:clamp(1rem, 3vw, 2rem);--gutter:clamp(1rem, 5vw, 3rem)}:root[data-theme=blue]{--main-color:#0000b8;--glare-color:#0000e0;--text-color:#fff;--heading-color:#fff;--dim-color:#a0a0ee;--line-color:#adadeb;--scanline:#00003d59}:root[data-theme=orange]{--main-color:#0d0a07;--glare-color:#110d09;--text-color:#f0ddc2;--heading-color:#ffa31a;--dim-color:#ae6109;--line-color:#ae6109}:root[data-theme=orange],:root[data-theme=red]{--scanline:color-mix(in srgb, var(--heading-color) 12%, transparent)}:root[data-theme=red]{--main-color:#0a0505;--glare-color:#0f0808;--text-color:#ebebeb;--heading-color:#ff0a0a;--dim-color:#a00d0d;--line-color:#a00d0d}@media (width<=600px){:root{--font-size-h1:calc(var(--px)*5);--line-height-h1:calc(var(--px)*6)}}::selection{background-color:var(--heading-color);color:var(--main-color)}html{background-color:var(--glare-color);background-image:radial-gradient(ellipse at 50% 30%,transparent 20%,var(--glare-color)),linear-gradient(var(--scanline) 0 1px,transparent 1px 3px);background-size:100% 100%,auto 3px;background-attachment:fixed,scroll}body{color:var(--text-color);font-family:Departure Mono,monospace;font-size:var(--font-size-body);line-height:var(--line-height-body);padding:calc(var(--gutter)*1.5);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));padding-bottom:max(var(--gutter),env(safe-area-inset-bottom));font-synthesis:none;margin:0}h1,h2,h3{color:var(--heading-color);text-transform:uppercase;margin:0;padding:0;font-weight:400}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:calc(var(--font-size-h1)/-11);text-transform:none}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);letter-spacing:calc(var(--font-size-h2)/-11)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);letter-spacing:calc(var(--font-size-h3)/-11)}a{color:var(--dim-color);text-decoration:none;transition:color .3s}a.router-link-active,a:hover{color:var(--heading-color)}p{text-wrap:pretty;max-width:60ch;margin:0;padding:0}ul{margin:0;padding:0}ul li{list-style-type:none}.screen{z-index:1;border:1px solid var(--line-color);background:var(--main-color);max-width:1000px;margin:0 auto;position:relative}.bar{padding:.5rem var(--pad);color:var(--dim-color);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:0 2ch;display:flex}.bar ul{flex-wrap:wrap;gap:0 2ch;display:flex}.bar button{all:unset;cursor:pointer;color:var(--dim-color);transition:color .3s}.bar button:hover{color:var(--heading-color)}nav.bar{border-bottom:4px double var(--line-color);background:color-mix(in srgb,var(--heading-color) 5%,transparent)}nav.bar>a:first-child{color:var(--heading-color)}footer.bar{border-top:1px solid var(--line-color);text-transform:none}footer.bar .status{font-variant-numeric:tabular-nums}.prompt{color:var(--dim-color)}.cursor{vertical-align:-.1em;background:var(--heading-color);width:1ch;height:1em;margin-left:.5ch;display:inline-block}main{padding:var(--pad);padding-bottom:calc(var(--pad)*1.5);flex-direction:column;gap:3rem;display:flex;position:relative;overflow:clip}main a{color:var(--text-color);text-decoration:underline;-webkit-text-decoration-color:var(--dim-color);text-decoration-color:var(--dim-color);text-underline-offset:.25em}main a:hover{color:var(--heading-color);-webkit-text-decoration-color:var(--heading-color);text-decoration-color:var(--heading-color)}.panel{padding:2rem var(--pad) var(--pad);border:1px solid var(--line-color);position:relative}.panel>h2{top:0;left:var(--pad);font-size:var(--font-size-h3);line-height:var(--line-height-h3);letter-spacing:calc(var(--font-size-h3)/-11);text-transform:uppercase;background:var(--heading-color);color:var(--main-color);padding:0 1ch;position:absolute;transform:translateY(-50%)}.panel>h2 a{color:inherit;text-decoration:none}.panel>h2 a:hover{color:inherit}.list{flex-wrap:wrap;gap:0 4ch;display:flex}.list a{color:var(--text-color);text-decoration:none}.list a:hover{color:var(--heading-color)}.grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:3rem 1rem;display:grid}.photo{aspect-ratio:3/4;background:var(--heading-color);width:100%;max-width:12rem;margin:0 auto 1rem;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo{width:min(100%,24rem);margin:.75rem 0 1rem;display:block}.logo-pixels{fill:var(--heading-color)}.logo-knockout{fill:var(--main-color)}.logo-outline{fill:none;stroke:var(--heading-color);stroke-width:1px}.art{aspect-ratio:1/1.1;pointer-events:none;width:100%;max-width:20rem;margin:-1.5rem auto 0;position:relative}.art:after,.art:before{content:"";position:absolute}.art:before{background:repeating-linear-gradient(color-mix(in srgb,var(--heading-color) 22%,transparent) 0 1px,transparent 1px 3px);inset:-45%;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000);mask:radial-gradient(closest-side,#000 20%,#0000)}.art:after{background:var(--heading-color);inset:0;-webkit-mask:url(../computer.svg) 50%/contain no-repeat;mask:url(../computer.svg) 50%/contain no-repeat}@media (width>=900px){.art{top:2rem;right:calc(var(--pad) + 3.5rem);width:21rem;margin:0;position:absolute}.art~.grid{margin-top:8rem}main:has(.art) header p{max-width:46ch}}.services{grid-template-columns:max-content 1fr;gap:1rem 4ch;margin:0;display:grid}.services dt{color:var(--heading-color)}.services dd{margin:0}@media (width<=600px){.services{grid-template-columns:1fr;gap:0}.services dd{margin-bottom:1rem}}.on{color:var(--heading-color)}.off{color:var(--dim-color)}@media (width<=600px){.bar ul{order:1;width:100%}}
