.skip-link{position:absolute;left:-9999px;top:8px;z-index:100}.skip-link:focus{left:18px;background:#fff;color:#111;padding:9px 12px;border-radius:8px}
.skill-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.skill-filter button{border:1px solid #344150;background:#111923;color:#dbe3e9;border-radius:999px;padding:7px 10px;font:700 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.skill-filter button[aria-pressed="true"]{background:#d2b0c3;color:#111821;border-color:#d2b0c3}
.project{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease!important}.project.is-dimmed{opacity:.25;transform:scale(.99)}.project.is-match{border-color:#8fd5c0!important;box-shadow:0 0 0 1px rgba(143,213,192,.18),0 18px 50px rgba(0,0,0,.3)!important}
.project-meta{display:block;margin-top:12px;color:#8e9baa;font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.68;transition:opacity .18s}.project:hover .project-meta,.project:focus .project-meta{opacity:1}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.timeline article{border-left:2px solid #536274;padding:10px 14px;background:rgba(17,25,35,.56);border-radius:0 12px 12px 0}.timeline strong{display:block;color:#f4f7fa}.timeline span{color:#aab5c1;font-size:.9rem}
.console-trigger{border:1px solid #344150;background:#101821;color:#c8d2dc;border-radius:8px;padding:5px 9px;font:700 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}
.engineering-console{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;width:min(680px,calc(100vw - 28px));background:#0a1118f5;border:1px solid #465569;border-radius:14px;box-shadow:0 24px 70px #0009;padding:12px;backdrop-filter:blur(16px)}.engineering-console[hidden]{display:none}.console-line{display:flex;gap:9px;align-items:center}.console-line span{color:#8fd5c0;font:700 .9rem ui-monospace,SFMono-Regular,Menlo,monospace}.console-line input{flex:1;background:#0d151e;border:0;color:#f4f7fa;outline:0;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.console-out{margin:8px 0 0;color:#b8c2cd;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.engineering-badge{position:fixed;top:82px;right:18px;z-index:95;background:#101821e8;border:1px solid #657487;color:#dfe7ed;border-radius:999px;padding:7px 11px;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 10px 30px #0007}.engineering-badge[hidden]{display:none}
.constellation-burst{position:fixed;inset:0;z-index:88;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 32% 65%,#cdb7d0 0 1px,transparent 1.8px),radial-gradient(circle at 56% 38%,#aabce8 0 1px,transparent 1.8px),radial-gradient(circle at 74% 72%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 88% 28%,#c58aa8 0 1px,transparent 1.8px);background-size:220px 180px,310px 260px,380px 330px,450px 410px,520px 470px;animation:constellation 3s ease-out both}
@keyframes constellation{0%{opacity:0;transform:scale(.99)}25%{opacity:.75}100%{opacity:0;transform:scale(1.015)}}.game-preview iframe{width:112%;height:112%;border:0;pointer-events:none;transform:scale(.9);transform-origin:center;background:#0d151e}
@media(max-width:760px){.timeline{grid-template-columns:1fr}.engineering-badge{top:72px;right:10px}}
@media(prefers-reduced-motion:reduce){.constellation-burst{animation:none;display:none}.project{transition:none!important}}