:root{--bg:#f4efe3;--bg-elevated:#efe7d8;--bg-card:#fbf8f1;--border:#ddd2bd;--border-soft:#e7ddca;--text:#22303f;--text-muted:#5f6a77;--gold:#a8761d;--gold-soft:#c2902f;--gold-fill:#d9a93e;--blue:#3a5a78;--copper:#a85f3e;--accent:var(--gold);--accent-strong:var(--gold-soft);--radius:4px;--max-width:980px;--shadow:0 12px 30px #22303f14;--font-display:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--text);background-color:var(--bg);line-height:1.7}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--bg);background-image:radial-gradient(900px 560px at 84% -12%,#a8761d12,#0000 60%),radial-gradient(820px 520px at -10% 8%,#3a5a780f,#0000 55%),linear-gradient(#f6f1e6,#f1ebdd);background-attachment:fixed}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-soft)}h1,h2,h3{font-family:var(--font-display);margin:0 0 .4em;font-weight:600;line-height:1.15}h1{letter-spacing:-.01em;font-size:clamp(2.1rem,5vw,3.3rem)}p{margin:0 0 1rem}img{max-width:100%}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}main{flex:1;padding:3.5rem 0 4.5rem}.section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.28em;color:var(--gold);align-items:center;gap:.7rem;margin-bottom:.9rem;font-size:.72rem;display:flex}.section-title:before{content:"";background:var(--gold);flex-shrink:0;width:14px;height:1px}.muted{color:var(--text-muted)}.btn{font-family:var(--font-display);letter-spacing:.02em;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:2px;padding:.65rem 1.3rem;font-weight:500;transition:transform .12s,border-color .15s,color .15s,background .15s;display:inline-block}.btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.btn-primary{background:var(--gold-fill);border-color:var(--gold-fill);color:#2a1d05}.btn-primary:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:#2a1d05}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);font-size:.72rem;display:inline-block}.fade-in{animation:.45s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);background:#f6f1e6d1;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--text);font-size:1.15rem;font-weight:600}.brand:hover{color:var(--text)}.brand-dot{color:var(--gold)}.nav-links{gap:.3rem;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-radius:2px;padding:.45rem .8rem;font-size:.74rem;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:#22303f0d}.nav-links a.active{color:var(--gold);background:#a8761d1a}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;flex-direction:column;gap:5px;width:40px;height:40px;padding:9px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:100%;height:2px;display:block}@media (width<=640px){.nav-toggle{display:flex}.nav-links{border-bottom:1px solid var(--border);opacity:0;pointer-events:none;background:#f6f1e6f7;flex-direction:column;gap:0;padding:.5rem 1.5rem 1rem;transition:opacity .15s,transform .15s;position:absolute;top:64px;left:0;right:0;transform:translateY(-12px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-radius:2px;padding:.75rem .5rem}}.footer{border-top:1px solid var(--border-soft);background:var(--bg-elevated);padding:1.75rem 0;position:relative}.footer:before{content:"";background:var(--gold);width:64px;height:2px;position:absolute;top:-1px;left:0}.footer-inner{font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.74rem;display:flex}.footer-socials{text-transform:uppercase;gap:1.1rem;display:flex}.hero{padding:2rem 0 1rem;position:relative;overflow:hidden}.hero-name{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hero-role{font-family:var(--font-mono);letter-spacing:.02em;color:var(--blue);margin:.2rem 0 .6rem;font-size:1rem}.hero-tagline{max-width:42ch;margin-bottom:1.75rem;font-size:1.1rem}.lattice-mark{pointer-events:none;z-index:0;position:absolute}.lattice-mark.hero{opacity:.32;width:320px;height:320px;top:-28px;right:0}.lattice-mark.small{opacity:.32;width:160px;height:160px;top:-18px;right:-8px}.hero>:not(.lattice-mark){z-index:1;position:relative}.page{position:relative}.page>:not(.lattice-mark):not(.periodic-mark):not(.card-fan-mark){z-index:1;position:relative}.diffusion-lattice{transform-origin:100% 0;overflow:visible;transform:scale(1.5)}.card-fan-mark{z-index:0;opacity:.42;pointer-events:none;width:324px;height:auto;position:absolute;top:-58px;right:-6px;overflow:visible}.periodic-mark{z-index:0;opacity:.5;pointer-events:none;width:312px;height:auto;position:absolute;top:4px;right:-8px;overflow:visible}.pt-cell{fill:var(--blue);fill-opacity:.12;stroke:var(--blue);stroke-opacity:.22;stroke-width:.4px}.pt-word{transition:opacity .6s}.pt-word.is-clearing{opacity:0}.pt-tile{animation-name:pt-drop;animation-timing-function:cubic-bezier(.34,1.2,.64,1);animation-fill-mode:both}.pt-tile rect{fill:var(--gold-fill);stroke:var(--gold-soft);stroke-width:.5px}.pt-tile text{fill:var(--text);font-family:var(--font-mono,monospace);font-size:5.6px;font-weight:600}@keyframes pt-drop{0%{transform:translate(var(--dx), var(--dy))}22%{transform:translate(var(--dx), var(--dy))}to{transform:translate(0)}}.lj-roller,.hard-box{z-index:5;pointer-events:none;opacity:.38;width:220px;height:150px;position:fixed;top:107px;right:calc(50vw - 504px)}.hard-box{width:160px;height:160px;top:102px;right:calc(50vw - 474px)}@media (width<=900px){.lj-roller,.hard-box{opacity:.32;width:170px;height:116px;top:88px;right:clamp(12px,5vw,60px)}.hard-box{width:124px;height:124px}}@media (width<=640px){.lj-roller,.hard-box{opacity:.28;width:124px;height:85px;top:78px;right:4px}.hard-box{width:96px;height:96px}.lattice-mark.hero{opacity:.22;width:220px;height:220px;top:-16px;right:-24px}.lattice-mark.small{opacity:.24;width:110px;height:110px;top:-10px;right:-6px}.periodic-mark{opacity:.4;width:225px;top:2px;right:-6px}.card-fan-mark{opacity:.34;width:234px;top:-40px;right:-4px}}.block{margin-top:2.5rem}.section-gap{margin-top:2.75rem}.chip-row{flex-wrap:wrap;align-items:center;gap:.4rem .85rem;display:flex}.chip-row .tag:not(:last-child):after{content:"·";color:var(--border);margin-left:.85rem}.social-row{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.btn-sm{padding:.45rem .95rem;font-size:.85rem}.about-text{max-width:65ch}.timeline{margin-top:1.25rem;padding-left:1.75rem;position:relative}.timeline:before{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:-1.75rem}.timeline-item.current:before{background:var(--accent);box-shadow:0 0 0 4px #d9a93e2e}.timeline-role{font-size:1rem;font-weight:600}.timeline-org{color:var(--accent);font-size:.9rem}.timeline-period{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.pub-category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);margin:2.25rem 0 .5rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.pub-list{margin:0;padding:0;list-style:none}.pub-item{border-bottom:1px solid var(--border);padding:1rem 0;transition:transform .2s;position:relative}.pub-item:before{content:"";background:var(--gold);opacity:0;border-radius:1px;width:2px;transition:opacity .2s;position:absolute;top:.9rem;bottom:.9rem;left:-1rem}.pub-item:hover{transform:translate(6px)}.pub-item:hover:before{opacity:1}.pub-item:last-child{border-bottom:none}.pub-title{font-size:1rem;font-weight:600;line-height:1.45}.pub-title a{color:var(--text)}.pub-title a:hover{color:var(--accent)}.pub-authors{margin:.25rem 0 0;font-size:.85rem}.pub-venue{font-family:var(--font-mono);letter-spacing:.02em;color:var(--gold);margin-top:.4rem;font-size:.7rem;display:inline-block}.talks-grid{gap:.25rem;margin-top:1.5rem;display:grid}.talk-item{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:.65rem 0;font-size:.9rem;display:flex}.talk-item:last-child{border-bottom:none}.talk-year{width:52px;font-family:var(--font-mono);color:var(--gold);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.talk-venue{color:var(--text);flex:1}.talk-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:2px;flex-shrink:0;padding:.15rem .55rem;font-size:.62rem;font-weight:700}.talk-type.invited{color:var(--gold);background:#d9a93e24}.talk-type.contributed{color:var(--blue);background:#3a5a781a}.contact-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin:1.75rem 0 1.5rem;display:grid}.contact-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.2rem;font-weight:600;transition:transform .15s,border-color .15s,color .15s;display:flex}.contact-link:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.contact-link-arrow{color:var(--accent)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0 .5rem;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.info-card h3{margin-bottom:.25rem;font-size:.95rem}.form-note{margin-top:1.5rem;font-size:.9rem}.notfound{text-align:center;padding:3rem 0}.notfound .btn{margin-top:1rem}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:2rem;padding:1.6rem 1.75rem}.game-head{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.game-title{margin:0;font-size:1.5rem}.game-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);background:#d9a93e24;border-radius:2px;padding:.2rem .6rem;font-size:.62rem;font-weight:700;display:inline-block}.game-pitch{color:var(--accent);margin:.5rem 0 1rem;font-size:1.1rem;font-style:italic}.game-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin:1.25rem 0;padding:.9rem 0;font-size:.9rem;display:flex}.game-meta-row{align-items:baseline;gap:.6rem;display:flex}.game-meta-label{width:5.5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:.68rem;font-weight:700}.game-tags{margin-top:1.25rem}.game-links{margin-top:1.5rem}