:root{--bg:#061015;--bg-elev:#051216c2;--bg-elev-2:#081d22d6;--text:#f0f7f2;--muted:#b8cbc8;--muted-2:#7fa09c;--line:#c7f1e729;--line-strong:#c9fcec52;--accent:#93f05e;--accent-dim:#93f05e29;--accent-soft:#93f05e8f;--sky:#68d8ff;--sky-dim:#68d8ff2e;--st-released:#9bef6b;--st-in-development:#69d8ff;--st-prototype:#d6dc68;--st-archived:#7a7a72;--st-scrapped:#b25a4a;--st-on-hold:#8a7a92;--st-maybe-later:#8a7a92;--st-broken:#b25a4a;--st-experiment:#d6dc68;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--measure:70ch;--content-w:720px;--wide-w:1080px;--gut:clamp(1.1rem, 4vw, 2.25rem);--radius:2px;--space:1rem;--leading:1.65;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:var(--leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:400}img,svg,video,canvas{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0}li{list-style:none}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.25}p{margin:0}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent-dim);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}.site-bg{z-index:0;pointer-events:none;will-change:transform;background:linear-gradient(#020a0e26,#020c0e87),radial-gradient(circle at 24% 18%,#68d8ff29,#0000 34%),radial-gradient(circle at 74% 72%,#93f05e1f,#0000 35%),url(/backgrounds/windows-xp-4k.jpeg.webp) 50%/cover no-repeat;position:fixed;inset:0;transform:translateZ(0)}.grain{z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-40%}.vignette{z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 50% 30%,#0000 48%,#0000009e 100%);position:fixed;inset:0}main{z-index:1;isolation:isolate;padding-bottom:.1px;position:relative}main:before{content:"";inset:1.25rem max(.75rem, calc((100vw - var(--wide-w) - var(--gut) * 2) / 2)) -.75rem;z-index:-1;backdrop-filter:blur(6px)saturate(.9);background:linear-gradient(#00000087,#000a0878),#0000003b;border-radius:30px;position:absolute;box-shadow:0 0 2.4rem 1rem #00000057,0 1.5rem 5rem #00000057,inset 0 0 2rem #ffffff06}.container{width:100%;max-width:var(--content-w);padding-inline:var(--gut);margin-inline:auto}.container--wide{max-width:var(--wide-w)}.measure{max-width:var(--measure)}.col-narrow{max-width:var(--content-w)}.stack>*+*{margin-top:1rem}.stack-lg>*+*{margin-top:1.75rem}.stack-xl>*+*{margin-top:3rem}.cluster{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.accent{color:var(--accent)}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:var(--muted-2);font-size:.72rem}h1{letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 2.6vw,2.6rem);font-weight:500;line-height:1.15}h2{font-size:clamp(1.25rem,1rem + 1vw,1.6rem);font-weight:600}h3{font-size:1.05rem;font-weight:600}.lead{color:var(--text);max-width:52ch;font-size:clamp(1.05rem,1rem + .4vw,1.2rem);line-height:1.6}.lnk{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.lnk:hover,.lnk--accent{color:var(--accent);text-decoration-color:var(--accent-soft)}.lnk--bare{text-decoration:none}.site-header{z-index:20;backdrop-filter:blur(12px)saturate(1.15);border-bottom:1px solid var(--line);background:#030e12b8;position:sticky;top:0}.site-header__row{justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:3.5rem;display:flex}.site-header__brand{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);flex:none;align-items:baseline;gap:.5rem;font-size:.9rem;display:inline-flex}.site-header__brand .dot{color:var(--accent)}.site-header__brand:hover .dot{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.nav{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav__link{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);border-radius:var(--radius);flex:none;align-items:baseline;padding:.4rem .6rem;font-size:.82rem;transition:color .15s,background .15s;display:inline-flex;position:relative}.nav__link:hover{color:var(--text)}.nav__link[aria-current=page]{color:var(--accent)}.nav__link[aria-current=page]:before{content:"› ";color:var(--accent)}.site-footer{z-index:1;border-top:1px solid var(--line);margin-top:0;padding-block:2.5rem 3rem;font-size:.9rem;position:relative}.site-footer__grid{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.site-footer__col{width:100%}.site-footer__col h4{font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:var(--muted-2);margin-bottom:.75rem;font-size:.72rem;font-weight:500}.site-footer__links{flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__links li{margin:0;padding:0}.site-footer__links a{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);align-items:center;padding:0;font-size:.82rem;transition:color .15s;display:inline-flex}.site-footer__links a:hover{color:var(--accent)}.site-footer__bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.72rem;display:flex}.hero{padding-block:clamp(3rem,10vw,6rem) clamp(2rem,6vw,3.5rem)}.hero__grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1fr);align-items:stretch;gap:clamp(1rem,4vw,2.5rem);display:grid}.hero__panel{min-width:0}.hero__panel--intro{flex-direction:column;align-items:flex-start;width:min(100%,46ch);display:flex}.hero__panel--cta{grid-template-rows:auto minmax(0,1fr);padding:0;display:grid;overflow:hidden}.hero__mark{font-family:var(--font-mono);letter-spacing:.22em;text-transform:lowercase;color:var(--muted-2);margin-bottom:1.5rem;font-size:.72rem}.hero__name{letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 2.6vw,2.6rem);font-weight:500;line-height:1.12}.hero__tagline{color:var(--text);width:100%;margin-top:1.25rem;font-size:clamp(1.05rem,1rem + .45vw,1.25rem);line-height:1.55}.hero__portrait{border:1px solid var(--line);background:var(--bg-elev);width:100%;margin:2rem 0 0;overflow:hidden}.hero__portrait img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.98)contrast(1.02);width:100%}.hero__cta-kicker{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:var(--muted-2);margin-bottom:.8rem;padding-bottom:.8rem;font-size:.72rem}.hero__cta-list{grid-template-rows:repeat(4,minmax(0,1fr));gap:0;min-height:0;display:grid}.hero__cta-link{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(150px,46%);align-items:stretch;gap:.85rem;min-height:0;padding:.75rem 0;transition:color .18s,border-color .18s,background .18s;display:grid}.hero__cta-link:first-child{padding-top:0}.hero__cta-link:last-child{border-bottom:0;padding-bottom:0}.hero__cta-link:hover{border-color:var(--line-strong);background:linear-gradient(90deg,#0000,#93f05e0e)}.hero__cta-copy{flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding-left:.45rem;display:flex}.hero__cta-copy span{color:var(--text);font-family:var(--font-mono);letter-spacing:.02em;font-size:.86rem;font-weight:600}.hero__cta-copy small{color:var(--muted);font-size:.82rem;line-height:1.45}.hero__cta-media,.hero__cta-icon{border:1px solid var(--line);background:#081d2275;min-width:0;overflow:hidden}.hero__cta-media{aspect-ratio:460/215;align-self:center;height:auto}.hero__cta-media img{object-fit:contain;width:100%;height:100%}.hero__cta-icon{font-family:var(--font-mono);color:var(--accent);background:radial-gradient(circle at 50% 40%,#93f05e1f,#0000 64%),#081d2275;justify-content:center;align-items:center;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:1;display:flex}.hero__current{border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--bg-elev);backdrop-filter:blur(6px);width:100%;margin-top:2rem;padding:1rem 1.1rem;font-size:.95rem;transition:border-color .18s,background .18s;display:block}.hero__current-media{aspect-ratio:460/215;background:var(--bg-elev-2);border:1px solid var(--line);margin:-.35rem -.45rem .9rem;display:block;overflow:hidden}.hero__current-media img{object-fit:cover;width:100%;height:100%}.hero__current:hover{border-color:var(--line-strong);background:var(--bg-elev-2)}.hero__current .label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:var(--muted-2);margin-bottom:.4rem;font-size:.68rem;display:block}.hero__current .name{color:var(--accent)}.hero__current .blurb{color:var(--muted);margin-top:.35rem;font-size:.9rem;display:block}.hero__nav{font-family:var(--font-mono);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:2rem;font-size:.85rem;display:flex}.hero__nav a{color:var(--muted);transition:color .15s}.hero__nav a:hover{color:var(--accent)}.hero__nav span.sep{color:var(--muted-2)}.hero__photos-head{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;font-size:.72rem;display:flex}.hero__photos-head .label{letter-spacing:.18em;text-transform:lowercase;color:var(--muted-2)}.hero__photos-head a{color:var(--muted)}.hero__photos-head a:hover{color:var(--accent)}.hero-instagram{touch-action:pan-y;position:relative}.hero-instagram__viewport{border:1px solid var(--line);background:var(--bg-elev-2);height:min(470px,100dvh - 12rem);min-height:420px;overflow:hidden}.hero-instagram__track{align-items:flex-start;height:100%;transition:transform .45s;display:flex}.hero-instagram__slide{flex:0 0 100%;justify-content:center;min-width:0;height:100%;padding-inline:1px;display:flex;overflow:hidden}.hero-instagram blockquote.instagram-media:not(.instagram-media-rendered){color:#000;background:#fff;border:0;border-radius:3px;min-height:280px;padding:0;font-family:Arial,sans-serif;display:block;box-shadow:0 0 1px #00000080,0 1px 10px #00000026;margin:0!important}.instagram-placeholder{padding:16px}.instagram-placeholder__link{width:100%;color:inherit;text-align:center;text-decoration:none;display:block}.instagram-placeholder__head{align-items:center;margin-bottom:19%;display:flex}.instagram-placeholder__avatar{background:#f4f4f4;border-radius:50%;flex:none;width:40px;height:40px;margin-right:14px}.instagram-placeholder__meta{flex-direction:column;flex:1;gap:6px;display:flex}.instagram-placeholder__meta span,.instagram-placeholder__lines span{background:#f4f4f4;border-radius:4px;height:14px;display:block}.instagram-placeholder__meta span:first-child{width:100px}.instagram-placeholder__meta span:last-child{width:60px}.instagram-placeholder__logo{width:50px;height:50px;margin:0 auto 12px;font-size:42px;line-height:50px;display:block}.instagram-placeholder__cta{color:#3897f0;padding-top:8px;font-size:14px;font-weight:550;line-height:18px;display:block}.instagram-placeholder__lines{flex-direction:column;gap:6px;margin:12.5% 0 24px;display:flex}.instagram-placeholder__lines span:first-child{width:224px;max-width:70%}.instagram-placeholder__lines span:last-child{width:144px;max-width:45%}.instagram-placeholder p{color:#c9c8cd;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:14px;line-height:17px;overflow:hidden}.instagram-placeholder p a{color:inherit;text-decoration:none}.hero-instagram .instagram-media{border-color:var(--line-strong)!important;background:#fff!important;width:100%!important;min-width:0!important;max-width:540px!important;height:100%!important;margin:0 auto!important}.hero-instagram__dots{justify-content:center;gap:.55rem;margin-top:.9rem;display:flex}.hero-instagram__dot{border:1px solid var(--line-strong);background:0 0;border-radius:999px;width:9px;height:9px;padding:0;transition:background .15s,border-color .15s,transform .15s}.hero-instagram__dot.is-active{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.section{border-top:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4rem)}.section__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:flex}.section__title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:lowercase;color:var(--muted);font-size:.82rem;font-weight:500}.section__more{font-family:var(--font-mono);color:var(--muted-2);font-size:.78rem}.section__more:hover{color:var(--accent)}.grid{gap:1.25rem;display:grid}.grid--games{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.grid--games>.card{height:100%}.grid--games .card__media{aspect-ratio:460/215}.grid--scraps{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:stretch}.grid--scraps>.card{height:100%}.card{border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius);flex-direction:column;transition:border-color .18s,transform .18s,background .18s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-strong);background:var(--bg-elev-2)}.card__media{aspect-ratio:16/10;background:var(--bg-elev-2);position:relative;overflow:hidden}.card__media img,.card__media video{object-fit:cover;width:100%;height:100%}.card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.1rem 1.1rem;display:flex}.card__title{color:var(--text);font-size:1.05rem;font-weight:600}.card:hover .card__title{color:var(--accent)}.card__desc{color:var(--muted);font-size:.9rem;line-height:1.5}.card__foot{font-family:var(--font-mono);color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:auto;padding-top:.6rem;font-size:.72rem;display:flex}.card__foot .sep{color:var(--line-strong)}.card-link:after{content:"";position:absolute;inset:0}.media{border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius);position:relative;overflow:hidden}.media--16x9{aspect-ratio:16/9}.media--steam-capsule{aspect-ratio:460/215}.media--4x3{aspect-ratio:4/3}.media img,.media video,.media iframe{object-fit:cover;width:100%;height:100%}.media iframe{border:0}.media__link{width:100%;height:100%;display:block}.media__link:hover img{filter:brightness(1.08)}.media__placeholder{background:repeating-linear-gradient(45deg, #eceae605 0, #eceae605 12px, transparent 12px, transparent 24px), var(--bg-elev-2);font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.04em;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:.9rem 1rem;font-size:.72rem;display:flex;position:absolute;inset:0}.media__placeholder .tag{color:var(--accent);opacity:.7}.media__placeholder .label{margin-top:.25rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.media-grid--screenshots{grid-template-columns:1fr}.trailer-block,.screenshots-block{margin-top:2rem}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.screenshot-thumb{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg-elev);transition:border-color .18s,transform .18s;display:block;overflow:hidden}.screenshot-thumb:hover{border-color:var(--line-strong);transform:translateY(-1px)}.screenshot-thumb img{object-fit:cover;width:100%;height:100%;transition:filter .18s}.screenshot-thumb:hover img{filter:brightness(1.08)}.lightbox{z-index:100;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);display:none;position:fixed;inset:0}.lightbox:target{display:flex}.lightbox__backdrop{backdrop-filter:blur(6px);background:#000000d6;position:absolute;inset:0}.lightbox__panel{z-index:1;border:1px solid var(--line-strong);background:var(--bg-elev);width:min(100%,1200px);max-height:90dvh;padding:.75rem;position:relative;box-shadow:0 1.5rem 5rem #00000073}.lightbox__panel img{object-fit:contain;width:100%;max-height:calc(90dvh - 3rem)}.lightbox__close{z-index:2;border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--muted);background:#080809d1;padding:.25rem .55rem;font-size:.72rem;position:absolute;top:.75rem;right:.75rem}.lightbox__close:hover{color:var(--accent);border-color:var(--accent-soft)}.badge{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.st-released{color:var(--st-released)}.badge.st-in-development{color:var(--st-in-development)}.badge.st-prototype{color:var(--st-prototype)}.badge.st-archived{color:var(--st-archived)}.badge.st-scrapped{color:var(--st-scrapped)}.badge.st-on-hold{color:var(--st-on-hold)}.badge.st-maybe-later{color:var(--st-maybe-later)}.badge.st-broken{color:var(--st-broken)}.badge.st-experiment{color:var(--st-experiment)}.badge--bracketed{gap:.2rem}.badge--bracketed:before{content:"[";opacity:1;background:0 0;border-radius:0;width:auto;height:auto}.badge--bracketed:after{content:"]"}.tag{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:0 0;align-items:center;padding:.15rem .45rem;font-size:.7rem;transition:color .15s,border-color .15s;display:inline-flex}a.tag:hover{color:var(--accent);border-color:var(--accent-soft)}.tag--flat{border-color:#0000;padding-inline:0}.meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;padding-block:1rem;font-size:.9rem;display:grid}.meta dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;color:var(--muted-2);padding-top:.12rem;font-size:.72rem}.meta dd{color:var(--text);margin:0}.meta dd .muted{color:var(--muted)}.filterbar{z-index:10;flex-direction:column;gap:.55rem;margin-bottom:1rem;padding:.15rem 0 1rem;display:flex;position:static}.filterbar__group{flex-wrap:wrap;align-items:baseline;gap:.3rem;display:flex}.filterbar__label{min-width:4.75rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:lowercase;color:var(--muted-2);margin-right:.2rem;font-size:.64rem}.filter-btn{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);padding:.18rem .5rem;font-size:.7rem;line-height:1.2;transition:color .15s,border-color .15s,background .15s}.filter-btn:hover{color:var(--text);border-color:var(--line-strong)}.filter-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-dim)}.filterbar__reset{font-family:var(--font-mono);color:var(--muted-2);padding:.1rem 0;font-size:.68rem}.filterbar__reset:hover{color:var(--accent)}.archive{flex-direction:column;gap:2.5rem;display:flex}.archive__year{flex-direction:column;gap:.25rem;display:flex}.archive__year-head{border-bottom:1px solid var(--line);align-items:baseline;gap:.75rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.archive__year-head h2{font-family:var(--font-mono);color:var(--muted);font-size:.95rem;font-weight:500}.archive__year-head .count{font-family:var(--font-mono);color:var(--muted-2);font-size:.72rem}.archive__year[hidden]{display:none}.note-list{width:100%}.note-list .archive__year-head{padding-left:.45rem}.note-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:5.5rem 1fr;gap:1rem;padding:.75rem 0;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:grid;position:relative}.note-row:first-child{border-top:1px solid var(--line)}.note-row:hover{border-color:var(--line-strong);background:linear-gradient(90deg,#0000,#93f05e0e)}.note-row[hidden]{display:none}.note-row__date{font-family:var(--font-mono);color:var(--muted-2);padding:.18rem 0 0 .45rem;font-size:.74rem}.note-row__main{flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding-left:.45rem;display:flex}.note-row__title{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);font-size:.86rem;font-weight:600;line-height:1.35}.note-row__excerpt{color:var(--muted);font-size:.82rem;line-height:1.45}.note-row__meta{font-family:var(--font-mono);color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-top:.15rem;font-size:.7rem;display:flex}.note-row__meta .sep{color:var(--line-strong)}.article{padding-block:clamp(2rem,5vw,3.5rem) 1rem}.article__header{margin-bottom:1.25rem}.article__eyebrow{font-family:var(--font-mono);color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-bottom:1rem;font-size:.74rem;display:flex}.article__eyebrow .sep{color:var(--line-strong)}.article__title{letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);font-weight:600;line-height:1.2}.article__excerpt{color:var(--muted);max-width:60ch;margin-top:1rem;font-size:1.05rem;line-height:1.6}.article__tags{margin-top:2rem}.article__byline{font-family:var(--font-mono);color:var(--muted-2);margin-top:1.25rem;font-size:.74rem}.game-work{border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--bg-elev);backdrop-filter:blur(6px);margin-top:2rem;padding:1rem 1.1rem}.game-work .section__title{color:var(--muted);margin-bottom:.6rem}.game-work p{color:var(--text);line-height:1.65}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.1rem}.prose h2{margin-top:2.5rem;font-size:1.25rem}.prose h3{margin-top:2rem;font-size:1.05rem}.prose p,.prose li{color:var(--text);line-height:1.7}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-top:.4rem;list-style:outside}.prose ol li{list-style:decimal}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:3px}.prose blockquote{border-left:2px solid var(--accent-soft);color:var(--muted);margin:1.5rem 0;padding:.25rem 0 .25rem 1rem;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--bg-elev-2);border-radius:var(--radius);border:1px solid var(--line);padding:.1rem .35rem;font-size:.88em}.prose pre{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;font-size:.85rem;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose img{border:1px solid var(--line);border-radius:var(--radius)}.prose hr{margin:2.5rem 0}.prose strong{color:var(--text);font-weight:600}.related{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.75rem}.related h3{font-family:var(--font-mono);letter-spacing:.16em;text-transform:lowercase;color:var(--muted);margin-bottom:1rem;font-size:.78rem;font-weight:500}.related ul{flex-direction:column;gap:.5rem;display:flex}.related a{color:var(--muted);align-items:baseline;gap:.75rem;transition:color .15s;display:flex}.related a:hover{color:var(--accent)}.related .r-date{font-family:var(--font-mono);color:var(--muted-2);min-width:5.5rem;font-size:.72rem}.ext-list{flex-direction:column;gap:.25rem;display:flex}.ext-list a{border-bottom:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;transition:color .15s;display:flex}.ext-list a:hover{color:var(--accent)}.ext-list .label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);font-size:.78rem}.ext-list a:hover .label{color:var(--accent)}.ext-list .handle{font-family:var(--font-mono);color:var(--muted-2);font-size:.78rem}.ext-list a:hover .handle{color:var(--accent)}.empty-state{text-align:left;color:var(--muted-2);font-family:var(--font-mono);border:1px dashed var(--line);border-radius:var(--radius);padding:2.5rem 1rem;font-size:.85rem}.empty-state[hidden]{display:none}.page-intro{padding-block:clamp(2.5rem,6vw,4rem) 1.5rem}.page-intro__eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:lowercase;color:var(--muted-2);margin-bottom:.75rem;font-size:.72rem}.page-intro__title{letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.4rem);font-weight:500}.page-intro__desc{color:var(--muted);max-width:56ch;margin-top:1rem;line-height:1.6}.err{flex-direction:column;justify-content:center;gap:1rem;min-height:60dvh;display:flex}.err__code{font-family:var(--font-mono);color:var(--accent);font-size:clamp(3rem,10vw,6rem);line-height:1}.divider{background:var(--line);height:1px}.nowrap{white-space:nowrap}.clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=720px){.hero__grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:repeat(2,1fr)}.note-row{grid-template-columns:1fr;gap:.4rem}.note-row__date{padding:0 0 0 .45rem}.filterbar{position:static;top:auto}.meta{grid-template-columns:1fr;gap:.35rem 0}.meta dt{padding-top:0}.site-footer__grid{flex-direction:column;gap:1.5rem}}@media (width<=540px){.screenshot-grid{grid-template-columns:1fr}.nav{gap:0}.nav__link{padding:.4rem .45rem;font-size:.76rem}.site-header__brand{font-size:.82rem}}