@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/press-start-2p-latin-400-normal._wFEWmAB.woff2)format("woff2"),url(/_astro/press-start-2p-latin-400-normal.KLytu4cr.woff)format("woff")}@font-face{font-family:"Jersey 25";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/jersey-25-latin-400-normal.BuYJnnt7.woff2)format("woff2"),url(/_astro/jersey-25-latin-400-normal.XLH5qs2C.woff)format("woff")}:root{--foam:#fff;--cyan:#5ff0e6;--aqua:#45d6c4;--teal:#17909a;--deep:#0d5f78;--abyss:#090418;--indigo:#2a1b5e;--sky:#6cb2e0;--violet:#a06bff;--magenta:#ff3d9a;--mauve:#b98fb0;--coral:#ff7a59;--orange:#ff9142;--sun:#ffcf87;--sun-hot:#fff3dc;--sand:#f0e3c8;--bg:#0d0821;--bg-elevated:#171033;--bg-sunken:#090418;--surface-border:#2f2060;--bg-horizon:#a06bff29;--grid-line:#ff3d9a38;--text:#e6e2f5;--text-muted:#a99fc4;--text-faint:#8478a0;--accent:var(--cyan);--accent-hover:var(--magenta);--accent-contrast:#0d0821;--link-underline:#5ff0e666;--code-bg:#0a0620;--code-border:#291a55;--selection:#ff3d9a59;--glint:#fff3dc8c;--warn:var(--sun);--neon-cyan:0 0 6px #5ff0e680, 0 0 18px #5ff0e638;--neon-magenta:0 0 6px #ff3d9a8c, 0 0 20px #ff3d9a40;--font-pixel:"Press Start 2P", ui-monospace, monospace;--font-display:"Jersey 25", ui-sans-serif, system-ui, sans-serif;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--step--1:clamp(.83rem, .8rem + .15vw, .9rem);--step-0:clamp(1rem, .96rem + .2vw, 1.09rem);--step-1:clamp(1.2rem, 1.13rem + .35vw, 1.4rem);--step-2:clamp(1.44rem, 1.32rem + .6vw, 1.8rem);--step-3:clamp(1.73rem, 1.53rem + 1vw, 2.3rem);--step-4:clamp(2.07rem, 1.75rem + 1.6vw, 3rem);--measure:46rem;--wide:68rem;--gutter:clamp(1rem, 4vw, 2rem);--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;color-scheme:dark}html[data-theme=light]{--cyan:#0a7377;--aqua:#14a294;--sky:#2c81c4;--violet:#6d3fd1;--magenta:#c9187a;--mauve:#a06791;--coral:#e05a34;--orange:#c2611b;--sun:#d99b2b;--teal:#127b85;--bg:#f8f4fb;--bg-elevated:#fff;--bg-sunken:#efe9f7;--surface-border:#ddd0ee;--bg-horizon:#ff914229;--grid-line:#c9187a29;--text:#1b1033;--text-muted:#574a70;--text-faint:#6b5d88;--accent:#a3157d;--accent-hover:#7a0f5d;--warn:#8a5a0c;--accent-contrast:#fff;--link-underline:#a3157d59;--code-bg:#f4eefb;--code-border:#e2d6f0;--selection:#a3157d29;--glint:#7a0f5d4d;--neon-cyan:none;--neon-magenta:none;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:radial-gradient(140% 60% at 50% -8%, var(--bg-horizon) 0%, transparent 65%), var(--bg);min-height:100svh;color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;flex-direction:column;line-height:1.65;display:flex}::selection{background:var(--selection)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.15}:where(a){color:var(--accent);text-decoration:underline;text-decoration-color:var(--link-underline);text-underline-offset:.18em;text-decoration-thickness:1px;transition:color .12s,text-decoration-color .12s}:where(a:hover){color:var(--accent-hover);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}hr{border:0;border-top:1px solid var(--surface-border);margin-block:2.5rem}.wrap{width:100%;max-width:var(--wide);padding-inline:var(--gutter);margin-inline:auto}main{flex:1;padding-block:clamp(2rem,5vw,3.5rem)}.skip-link{background:var(--accent);color:var(--accent-contrast);z-index:100;border-radius:0 0 var(--radius-sm) 0;padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.prose{grid-template-columns:[full-start] minmax(0, 1fr) [wide-start] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [text-start] min(var(--measure), 100%) [text-end] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [wide-end] minmax(0, 1fr) [full-end];display:grid}.prose>*{grid-column:text}.prose>.bleed-wide{grid-column:wide}.prose>.bleed-full{grid-column:full}.prose>*+*{margin-block-start:1.15em}.prose>h2,.prose>h3,.prose>h4{font-family:var(--font-display);text-wrap:balance;margin-block:2.2em -.25em;scroll-margin-top:5rem;font-weight:400;line-height:1.15}.prose>h2{font-size:calc(var(--step-2) * 1.25);color:var(--text)}.prose>h2:before{content:"";background:var(--magenta);width:.5em;height:.5em;box-shadow:var(--neon-magenta);vertical-align:.08em;margin-right:.45em;display:inline-block}.prose>h3{font-size:calc(var(--step-1) * 1.2)}.prose>h4{font-size:calc(var(--step-0) * 1.1);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.prose :where(h2,h3,h4)>a.anchor{color:var(--text-faint);opacity:0;margin-left:.35em;text-decoration:none}.prose :where(h2,h3,h4):hover>a.anchor{opacity:1}.prose>ul,.prose>ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose>blockquote{border-left:3px solid var(--accent);color:var(--text-muted);padding:.2rem 0 .2rem 1.2rem;font-style:italic}.prose>blockquote p+p{margin-top:.8em}.prose strong{color:var(--text);font-weight:650}:where(code){font-family:var(--font-mono);font-size:.88em}.prose :not(pre)>code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);white-space:nowrap;padding:.1em .35em}.prose>pre{border:1px solid var(--code-border);border-radius:var(--radius);font-size:var(--step--1);tab-size:2;padding:1rem 1.1rem;line-height:1.55;overflow-x:auto;background:var(--code-bg)!important}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.prose>table,.prose .table-scroll{width:100%;overflow-x:auto}.prose table{border-collapse:collapse;font-size:var(--step--1)}.prose :where(th,td){border:1px solid var(--surface-border);text-align:left;vertical-align:top;padding:.5rem .75rem}.prose th{background:var(--bg-sunken);font-weight:600}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);text-shadow:var(--neon-cyan);font-size:1.05rem;line-height:1.4}.grid-horizon{pointer-events:none;z-index:0;height:9rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.grid-horizon:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);transform-origin:bottom;background-size:2.5rem 2.5rem;position:absolute;inset:-50% -50% 0;transform:perspective(14rem)rotateX(66deg);mask-image:linear-gradient(#0000 25%,#000 95%)}.scanlines{position:relative}.scanlines:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000000a 0 1px,#0000 1px 3px);position:absolute;inset:0}.neon-cyan{color:var(--cyan);text-shadow:var(--neon-cyan)}.neon-magenta{color:var(--magenta);text-shadow:var(--neon-magenta)}.tag{--tag:var(--accent);font-family:var(--font-display);color:var(--text-muted);background:var(--bg-sunken);border:1px solid var(--surface-border);white-space:nowrap;border-radius:0;align-items:center;gap:.4rem;padding:.1rem .55rem;font-size:1rem;line-height:1.5;text-decoration:none;transition:color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.tag:before{content:"";background:var(--tag);flex:none;width:6px;height:6px}a.tag:hover{color:var(--text);border-color:var(--tag);box-shadow:0 0 0 1px color-mix(in srgb, var(--tag) 35%, transparent)}.tag[data-tag=water]{--tag:var(--aqua)}.tag[data-tag=shaders]{--tag:var(--violet)}.tag[data-tag=netcode]{--tag:var(--sky)}.tag[data-tag=perf]{--tag:var(--sun)}.tag[data-tag=art]{--tag:var(--coral)}.tag[data-tag=architecture]{--tag:var(--teal)}.tag[data-tag=process]{--tag:var(--mauve)}.tag[data-tag=meta]{--tag:var(--text-faint)}.tag-row{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.embed{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foam) 6%, transparent);overflow:hidden}.embed__bar{background:var(--bg-sunken);border-bottom:1px solid var(--surface-border);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.embed__bar--bottom{border-bottom:0;border-top:1px solid var(--surface-border)}.embed__title{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-faint);margin-right:auto;font-size:.8rem}.btn{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--surface-border);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;padding:.3rem .75rem;font-size:1rem;line-height:1.3;transition:border-color .12s,color .12s,box-shadow .12s}.btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--neon-cyan)}figcaption{font-size:var(--step--1);color:var(--text-muted);text-wrap:pretty;padding-top:.6rem;line-height:1.5}figcaption strong{color:var(--text);font-weight:600}.theme-toggle[data-astro-cid-l6lhmie6]{border-radius:var(--radius-sm);width:2.1rem;height:2.1rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.theme-toggle[data-astro-cid-l6lhmie6]:hover{color:var(--accent);border-color:var(--surface-border)}.theme-toggle[data-astro-cid-l6lhmie6] svg[data-astro-cid-l6lhmie6]{grid-area:1/1}html[data-theme=dark] .icon-moon[data-astro-cid-l6lhmie6],html[data-theme=light] .icon-sun[data-astro-cid-l6lhmie6]{display:none}.site-header[data-astro-cid-nen7h5rs]{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--surface-border);position:sticky;top:0}.site-header[data-astro-cid-nen7h5rs]:after{content:"";background:linear-gradient(90deg, transparent 4%, var(--violet) 22%, var(--magenta) 45%, var(--sun-hot) 52%, var(--cyan) 74%, transparent 96%);opacity:.85;pointer-events:none;height:2px;position:absolute;bottom:-2px;left:0;right:0}.header-inner[data-astro-cid-nen7h5rs]{z-index:1;align-items:center;gap:1.25rem;height:3.75rem;display:flex;position:relative}.brand[data-astro-cid-nen7h5rs]{color:var(--text);align-items:center;gap:.7rem;margin-right:auto;text-decoration:none;display:flex}.brand-mark[data-astro-cid-nen7h5rs]{flex:none;transition:transform .18s ease-out}.brand[data-astro-cid-nen7h5rs]:hover .brand-mark[data-astro-cid-nen7h5rs]{transform:translate(2px,-2px)}.brand-text[data-astro-cid-nen7h5rs]{align-items:baseline;gap:.5rem;display:flex}.brand-name[data-astro-cid-nen7h5rs]{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--text);text-shadow:var(--neon-magenta);font-size:.72rem}.brand-sub[data-astro-cid-nen7h5rs]{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);font-size:1.15rem}nav[data-astro-cid-nen7h5rs] ul[data-astro-cid-nen7h5rs]{gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:2px solid #0000;padding-block:.45rem;font-size:1.15rem;text-decoration:none;transition:color .12s}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--text)}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--cyan);border-bottom-color:var(--cyan);text-shadow:var(--neon-cyan)}@media (width<=34rem){.brand-sub[data-astro-cid-nen7h5rs]{display:none}.brand-name[data-astro-cid-nen7h5rs]{font-size:.6rem}.header-inner[data-astro-cid-nen7h5rs]{gap:.8rem}nav[data-astro-cid-nen7h5rs] ul[data-astro-cid-nen7h5rs]{gap:.9rem}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--surface-border);font-size:var(--step--1);margin-top:3rem;padding-block:2.5rem 1.75rem;position:relative;overflow:hidden}.site-footer[data-astro-cid-jo6i4kqk] .grid-horizon[data-astro-cid-jo6i4kqk]{opacity:.6;height:100%}.footer-inner[data-astro-cid-jo6i4kqk]{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex;position:relative}.links[data-astro-cid-jo6i4kqk]{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);font-size:.95rem}