:root{--bg:#0f1115;--surface:#181b22;--surface-2:#1f232c;--border:#2a2f3a;--text:#e8eaed;--muted:#9aa0ab;--accent:#6c8cff;--max-width:880px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}@media (prefers-color-scheme:light){:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f2f5;--border:#e2e5ea;--text:#1a1d23;--muted:#656b76;--accent:#3b5bdb}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2{line-height:1.2}.site{max-width:var(--max-width);flex-direction:column;min-height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.site-header{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.brand{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.brand-dot{color:var(--accent)}.site-nav a{color:var(--muted);font-weight:500}.site-nav a:hover{color:var(--text)}.site-main{flex:1;padding:1rem 0 3rem}.site-footer{color:var(--muted);border-top:1px solid var(--border);padding:2rem 0;font-size:.85rem}.intro h1{margin:.5rem 0;font-size:2rem}.intro p{color:var(--muted);max-width:46ch}.filters{flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.25rem;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-family:inherit;font-size:.9rem}.filter-chip:hover{color:var(--text)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:.9rem;height:100%;padding:1.1rem;transition:transform .12s,border-color .12s;display:flex;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-icon{font-size:1.75rem;line-height:1}.card-title{margin:0 0 .25rem;font-size:1.05rem}.card-desc{color:var(--muted);margin:0;font-size:.9rem}.badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.badge-game{background:#7048e8}.badge-utility{background:#1098ad}.badge-app{background:#e8590c}.empty{color:var(--muted);text-align:center;padding:3rem 0}.back-link{color:var(--muted);font-size:.9rem}.back-link:hover{color:var(--text)}.project-head h1{margin:.75rem 0 .25rem;font-size:1.75rem}.project-desc{color:var(--muted);margin:0 0 1.5rem}.project-stage{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.project-missing{text-align:center;padding:4rem 0}.loading{color:var(--muted);text-align:center;padding:3rem 0}