@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/commit-mono-latin-400-normal.07vxzlkrmhahd.woff2)format("woff2"),url(../media/commit-mono-latin-400-normal.11ceyc8tzpl44.woff)format("woff")}
@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/commit-mono-latin-500-normal.1r_0-v01srp2_.woff2)format("woff2"),url(../media/commit-mono-latin-500-normal.2xc0gjv_g9-e0.woff)format("woff")}
@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/commit-mono-latin-600-normal.3oor03tyakgv4.woff2)format("woff2"),url(../media/commit-mono-latin-600-normal.0jm78uvn1dt-3.woff)format("woff")}
@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/commit-mono-latin-700-normal.1mt4z5-wqjn2y.woff2)format("woff2"),url(../media/commit-mono-latin-700-normal.3xtaz3mpvjloy.woff)format("woff")}
@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(../media/silkscreen-latin-ext-400-normal.36gr36xwjyuj0.woff2)format("woff2"),url(../media/silkscreen-latin-ext-400-normal.1l7n2atq6srl-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(../media/silkscreen-latin-400-normal.3eo6fcw0hsu_q.woff2)format("woff2"),url(../media/silkscreen-latin-400-normal.09nhcxbx1c_3k.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(../media/silkscreen-latin-ext-700-normal.1m03cs4w1rgi_.woff2)format("woff2"),url(../media/silkscreen-latin-ext-700-normal.34-wfzl9dl2h0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(../media/silkscreen-latin-700-normal.1s2od8ybmnye2.woff2)format("woff2"),url(../media/silkscreen-latin-700-normal.057-cw65op_g5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#010101;--surface-1:#040306;--surface-2:#0a080d;--surface-3:#15121a;--ink:#f2f2f2;--ink-soft:#c5c3c9;--muted:#96949b;--line:#2a272f;--line-strong:#494551;--purple:#9d5bf4;--purple-bright:#b27eff;--purple-deep:#5f279e;--purple-wash:#130922;--yellow:#f4ce23;--success:#5ac576;--error:#fc5855;--warning:#f2a618;--font-mono:"Commit Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-pixel:"Silkscreen", var(--font-mono);--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container:92rem;--measure:70ch;--radius-sm:.25rem;--radius-md:.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-sticky:20;--z-drawer:40;--z-toast:60}@supports (color:lab(0% 0 0)){:root{--bg:lab(.30983% 0 -.00000298023);--surface-1:lab(1.02135% .384539 -.732657);--surface-2:lab(2.41311% 1.03538 -1.9733);--surface-3:lab(6.03502% 2.53882 -4.79032);--ink:lab(95.36% 0 0);--ink-soft:lab(79.032% 1.39254 -2.61419);--muted:lab(61.6094% 1.74853 -3.26177);--line:lab(16.3185% 2.5235 -4.51552);--line-strong:lab(30.1693% 3.60502 -6.45074);--purple:lab(52.2932% 50.4727 -67.8536);--purple-bright:lab(62.1579% 43.5784 -61.9524);--purple-deep:lab(29.4858% 43.5648 -55.4054);--purple-wash:lab(3.93932% 7.79554 -13.7755);--yellow:lab(84.3279% 2.77337 79.232);--success:lab(71.7413% -45.1561 29.6234);--error:lab(60.882% 63.0569 37.6481);--warning:lab(74.3059% 21.7583 74.0995)}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:20rem;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65}::selection{background:var(--purple);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.125rem solid var(--purple-bright);outline-offset:.25rem}img,svg,canvas{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-mono);text-wrap:balance}p{text-wrap:pretty}.skip-link{z-index:var(--z-toast);top:var(--space-md);left:var(--space-md);background:var(--ink);color:var(--bg);padding:var(--space-sm) var(--space-md);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - 2rem), var(--container));margin-inline:auto}.site-header{z-index:var(--z-sticky);background:color-mix(in oklch, var(--bg) 92%, transparent);border-bottom:.0625rem solid var(--line);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:4.5rem;display:flex}.wordmark,.nav-links,.nav-toggle,.mono,.meta,.button,.text-link,.form-label,.tag,.status,.section-index,.admin-nav{font-family:var(--font-mono)}.wordmark{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.nav-links{color:var(--ink-soft);align-items:center;gap:clamp(1rem,2.25vw,2.5rem);font-size:.82rem;display:flex}.nav-links a{align-items:center;min-height:2.75rem;transition:color .15s;display:inline-flex;position:relative}.nav-links a:after{content:"";background:var(--purple);transform-origin:100%;height:.0625rem;transition:transform .22s var(--ease-out);position:absolute;bottom:.35rem;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.nav-links .pong-link{color:var(--purple-bright);font-family:var(--font-pixel);font-size:.7rem}.nav-toggle{border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--bg);place-items:center;width:2.75rem;height:2.75rem;display:inline-grid}.mobile-drawer{gap:var(--space-xs);padding:var(--space-md) 0 var(--space-lg);border-top:.0625rem solid var(--line);display:grid}.mobile-drawer a{min-height:3rem;color:var(--ink-soft);font-family:var(--font-mono);align-items:center;display:flex}.hero{grid-template-columns:minmax(0,1.5fr) minmax(14rem,.5fr);align-items:center;gap:clamp(3rem,10vw,10rem);min-height:min(46rem,100svh - 4.5rem);padding-block:clamp(5rem,10vw,9rem);display:grid}.hero-copy{max-width:68rem;animation:hero-copy-in .65s var(--ease-out) both}.hero-role{margin-bottom:var(--space-lg);color:var(--purple-bright);font-family:var(--font-mono);font-size:clamp(.9rem,1.6vw,1.2rem)}.hero h1{max-width:16ch;margin-bottom:var(--space-xl);letter-spacing:-.04em;font-size:clamp(2.75rem,7vw,6rem);font-weight:500;line-height:.98}.hero-intro{max-width:58ch;margin-bottom:var(--space-2xl);color:var(--ink-soft);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65}.hero-actions,.form-actions,.button-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;border:.0625rem solid #0000;min-height:3rem;padding:.75rem 1.1rem;font-size:.88rem;font-weight:500;transition:transform .12s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-.125rem)}.button:active{transform:translateY(0)}.button-primary{background:var(--purple);color:var(--bg)}.button-primary:hover{background:var(--purple-bright)}.button-secondary{border-color:var(--line-strong);color:var(--ink);background:0 0}.button-secondary:hover{border-color:var(--purple)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.text-link{align-items:center;gap:var(--space-xs);color:var(--purple-bright);text-decoration:underline;-webkit-text-decoration-color:var(--purple-deep);text-decoration-color:var(--purple-deep);text-underline-offset:.4rem;font-size:.86rem;display:inline-flex}.hero-status{padding-block:var(--space-md);border-block:.0625rem solid var(--line);color:var(--ink-soft);font-family:var(--font-mono);animation:hero-status-in .65s .18s var(--ease-out) both;align-self:end;margin-bottom:clamp(2rem,8vw,7rem);font-size:.82rem}.status-dot{width:.55rem;height:.55rem;margin-right:var(--space-sm);background:var(--purple-bright);border-radius:50%;display:inline-block}.section{border-top:.0625rem solid var(--line);padding-block:clamp(4.5rem,9vw,8rem)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-xl);margin-bottom:clamp(2.5rem,5vw,4.5rem);display:flex}.section-heading h2,.page-title{margin-bottom:var(--space-sm);letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.75rem);font-weight:500;line-height:1.05}.section-heading p,.page-intro{max-width:55ch;color:var(--muted);margin-bottom:0}.notes-layout{grid-template-columns:minmax(14rem,.45fr) minmax(0,1.55fr);gap:clamp(2rem,7vw,7rem);display:grid}.notes-intro{align-self:start;position:sticky;top:7rem}.notes-list,.experience-list,.admin-list,.recent-match-list{border-top:.0625rem solid var(--line)}.note-row{align-items:center;gap:var(--space-lg);border-bottom:.0625rem solid var(--line);min-height:5.25rem;transition:color .16s ease, padding-left .22s var(--ease-out), border-color .16s ease;grid-template-columns:minmax(5rem,.25fr) minmax(0,1.5fr) auto;display:grid;position:relative}.note-row:first-child{min-height:8.25rem}.note-row:hover{padding-left:var(--space-sm);border-color:var(--purple-deep)}.note-row .meta{color:var(--purple-bright);text-transform:uppercase;font-size:.75rem}.note-row h3{letter-spacing:-.025em;margin:0;font-size:clamp(1rem,2vw,1.65rem);font-weight:500;line-height:1.2}.note-row:first-child h3{font-size:clamp(1.4rem,2.7vw,2.35rem)}.note-row .reading-time{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:.75rem}.project-list{border-top:.0625rem solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.project-item{justify-content:space-between;gap:var(--space-2xl);border-right:.0625rem solid var(--line);border-bottom:.0625rem solid var(--line);flex-direction:column;grid-column:span 6;min-height:18rem;padding:clamp(1.5rem,3vw,2.5rem);transition:background-color .2s;display:flex}.project-item:nth-child(3n+1){grid-column:span 7}.project-item:nth-child(3n+2){border-right:0;grid-column:span 5}.project-item:nth-child(3n+3){border-right:0;grid-column:span 12}.project-item:hover{background:var(--surface-1)}.project-item h3{margin-bottom:var(--space-md);letter-spacing:-.035em;font-size:clamp(1.4rem,3vw,2.5rem);font-weight:500;line-height:1.2}.project-item p{max-width:55ch;color:var(--ink-soft)}.tag-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tag{border:.0625rem solid var(--line-strong);color:var(--muted);border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.experience-row{gap:var(--space-xl);border-bottom:.0625rem solid var(--line);grid-template-columns:minmax(9rem,.25fr) minmax(0,.55fr) minmax(0,1.2fr);padding-block:clamp(1.75rem,4vw,3rem);display:grid}.experience-row .dates,.experience-row .company{color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.experience-row h3{margin-bottom:var(--space-sm);font-size:1.2rem;font-weight:500}.experience-row p,.experience-row li{color:var(--ink-soft)}.experience-row ul{margin:var(--space-md) 0 0;padding-left:1.2rem}.updates-stream{max-width:58rem;margin-inline:auto}.update-item{gap:var(--space-xl);padding-block:var(--space-2xl);border-top:.0625rem solid var(--line);grid-template-columns:8rem minmax(0,1fr);display:grid}.update-item time,.update-location{color:var(--muted);font-family:var(--font-mono);font-size:.76rem}.update-body{max-width:58ch;font-size:clamp(1.1rem,2vw,1.45rem)}.update-image{object-fit:cover;width:100%;max-height:34rem;margin-top:var(--space-lg);border-radius:var(--radius-sm)}.newsletter{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);align-items:end;gap:clamp(2rem,8vw,8rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.newsletter h2{margin-bottom:var(--space-md);letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,4.75rem);font-weight:500;line-height:1}.newsletter p{max-width:52ch;color:var(--ink-soft)}.inline-form{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.field,.select,.textarea{border:.0625rem solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-1);width:100%;color:var(--ink);transition:border-color .16s,background-color .16s}.field,.select{min-height:3rem;padding:.75rem .85rem}.textarea{resize:vertical;min-height:9rem;padding:.85rem}.field::placeholder,.textarea::placeholder{color:var(--muted)}.field:hover,.select:hover,.textarea:hover,.field:focus,.select:focus,.textarea:focus{border-color:var(--purple);background:var(--surface-2)}.form-group{gap:var(--space-xs);display:grid}.form-label{color:var(--ink-soft);font-size:.78rem}.form-help,.form-message{color:var(--muted);margin:0;font-size:.84rem}.form-message[data-state=success]{color:var(--success)}.form-message[data-state=error],.field-error{color:var(--error)}.contact-grid{grid-template-columns:minmax(0,.75fr) minmax(20rem,1fr);gap:clamp(3rem,10vw,10rem);display:grid}.contact-details{align-self:start}.contact-details a{color:var(--purple-bright)}.contact-form{gap:var(--space-lg);display:grid}.honeypot{clip:rect(0 0 0 0);width:.0625rem;height:.0625rem;position:absolute;overflow-x:hidden}.page-hero{padding-block:clamp(5rem,10vw,9rem)}.page-hero .page-title{max-width:16ch}.article-shell{padding-bottom:var(--space-4xl);grid-template-columns:minmax(11rem,.3fr) minmax(0,1fr);gap:clamp(2.5rem,8vw,8rem);display:grid}.article-aside{align-self:start;gap:var(--space-lg);color:var(--muted);font-family:var(--font-mono);font-size:.75rem;display:grid;position:sticky;top:7rem}.article-aside span:last-child{align-items:center;gap:var(--space-xs);display:inline-flex}.prose{max-width:var(--measure);color:var(--ink-soft);font-size:1.08rem;line-height:1.78}.prose h2,.prose h3{color:var(--ink);letter-spacing:-.025em;font-weight:500;line-height:1.22}.prose h2{margin:3.5rem 0 1.25rem;font-size:clamp(1.7rem,3vw,2.5rem)}.prose h3{margin:2.4rem 0 1rem;font-size:1.3rem}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin-bottom:1.4rem}.prose a{color:var(--purple-bright);text-underline-offset:.2rem;text-decoration:underline}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--surface-2);border-radius:var(--radius-sm);padding:.15rem .35rem}.prose pre{border:.0625rem solid var(--line);background:var(--surface-1);padding:var(--space-lg);overflow-x:auto}.prose blockquote{border-block:.0625rem solid var(--line);padding-block:var(--space-lg);color:var(--ink);margin-inline:0;font-size:1.2rem}.engagement{gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:.0625rem solid var(--line);flex-wrap:wrap;display:flex}.comment-section{max-width:var(--measure);margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:.0625rem solid var(--line)}.comment-list{gap:var(--space-xl);margin-block:var(--space-2xl);display:grid}.comment{border-bottom:.0625rem solid var(--line);padding-bottom:var(--space-xl)}.comment header{justify-content:space-between;gap:var(--space-md);color:var(--muted);font-family:var(--font-mono);font-size:.74rem;display:flex}.site-footer{border-top:.0625rem solid var(--line);padding-block:var(--space-2xl)}.footer-grid{justify-content:space-between;gap:var(--space-xl);color:var(--muted);font-family:var(--font-mono);font-size:.76rem;display:flex}.footer-links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.empty-state{border-block:.0625rem solid var(--line);padding-block:var(--space-2xl);color:var(--muted)}.skeleton{background:var(--surface-2);min-height:1.2rem;animation:1.4s ease-in-out infinite alternate skeleton-pulse}.admin-login{min-height:100svh;padding:var(--space-xl);place-items:center;display:grid}.admin-login>div{width:min(100%,38rem)}.admin-login h1{margin-bottom:var(--space-lg);letter-spacing:-.04em;font-size:clamp(2.3rem,6vw,4.5rem);font-weight:500;line-height:1}.admin-login p:not(.hero-role){margin-bottom:var(--space-xl);color:var(--ink-soft)}.admin-shell{grid-template-columns:15rem minmax(0,1fr);min-height:100svh;display:grid}.admin-sidebar{justify-content:space-between;gap:var(--space-xl);border-right:.0625rem solid var(--line);background:var(--surface-1);height:100svh;padding:var(--space-xl) var(--space-md);flex-direction:column;display:flex;position:sticky;top:0}.admin-user{margin-top:var(--space-lg);color:var(--muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.7rem}.admin-nav{gap:var(--space-2xs);display:grid}.admin-nav button,.admin-signout{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--muted);padding:0 var(--space-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.admin-nav button:hover,.admin-nav button[data-active=true]{background:var(--purple-wash);color:var(--ink)}.admin-signout{width:100%;font-family:var(--font-mono)}.admin-main{width:min(100%,90rem);padding:clamp(2rem,5vw,5rem)}.admin-heading{justify-content:space-between;align-items:end;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.admin-heading h1{margin-bottom:var(--space-xs);letter-spacing:-.035em;font-size:clamp(2rem,4vw,3.25rem);font-weight:500}.admin-heading p,.admin-panel>p{color:var(--muted);margin:0}.metric-grid{border-top:.0625rem solid var(--line);border-left:.0625rem solid var(--line);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.metric{border-right:.0625rem solid var(--line);border-bottom:.0625rem solid var(--line);min-height:9rem;padding:var(--space-lg);flex-direction:column;justify-content:space-between;display:flex}.metric strong{font-family:var(--font-mono);font-size:2rem;font-weight:500}.metric span{color:var(--muted);font-family:var(--font-mono);font-size:.75rem}.admin-panel{margin-top:var(--space-2xl);border-top:.0625rem solid var(--line);padding-top:var(--space-xl)}.admin-panel h2{margin-bottom:var(--space-lg);font-size:1.15rem;font-weight:500}.analytics-chart{align-items:end;gap:var(--space-xs);border-bottom:.0625rem solid var(--line-strong);height:13rem;padding-top:var(--space-lg);display:flex}.analytics-chart>div{justify-content:end;gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.analytics-chart span{background:var(--purple);width:100%;min-height:.35rem;display:block}.analytics-chart small{color:var(--muted);font-family:var(--font-mono);text-align:center;font-size:.58rem}.admin-row,.moderation-row{justify-content:space-between;align-items:center;gap:var(--space-xl);border-bottom:.0625rem solid var(--line);min-height:3.5rem;padding-block:var(--space-md);display:flex}.admin-row span,.moderation-row span{color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.moderation-row{align-items:start}.moderation-row>div:first-child{max-width:55rem}.moderation-row strong,.moderation-row span{display:block}.moderation-row p{margin:var(--space-sm) 0 0;color:var(--ink-soft)}.admin-form{gap:var(--space-lg);display:grid}.admin-form-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-layout{grid-template-columns:minmax(13rem,.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.editor-list{align-self:start;max-height:calc(100svh - 10rem);overflow:auto}.editor-item{gap:var(--space-xs);border:0;border-bottom:.0625rem solid var(--line);width:100%;color:var(--ink);padding:var(--space-md) var(--space-xs);text-align:left;cursor:pointer;background:0 0;display:grid}.editor-item[data-active=true]{background:var(--purple-wash)}.editor-item strong{font-size:.9rem}.editor-item span{color:var(--muted);font-family:var(--font-mono);font-size:.68rem}.admin-editor{min-height:34rem;font-family:var(--font-mono);font-size:.88rem;line-height:1.65}.check-row{align-items:center;gap:var(--space-sm);min-height:2.75rem;color:var(--ink-soft);font-family:var(--font-mono);font-size:.8rem;display:flex}.check-row input{width:1.1rem;height:1.1rem;accent-color:var(--purple)}.danger-button{border-color:var(--error);color:var(--error);background:0 0}@media (max-width:64rem){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:.0625rem solid var(--line);width:100%;height:auto;position:static}.admin-nav{display:flex;overflow-x:auto}.admin-nav button{flex:none}.editor-layout{grid-template-columns:1fr}.editor-list{max-height:18rem}}@media (max-width:40rem){.admin-main{padding-inline:var(--space-md)}.admin-heading{flex-direction:column;align-items:start}.admin-form-grid{grid-template-columns:1fr}.moderation-row{flex-direction:column}}@keyframes skeleton-pulse{to{background:var(--surface-3)}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-status-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@media (max-width:64rem){.hero{grid-template-columns:1fr}.hero-status{align-self:start;width:min(100%,28rem);margin-bottom:0}.notes-layout,.contact-grid{grid-template-columns:1fr}.notes-intro{position:static}.newsletter{grid-template-columns:1fr}}@media (max-width:48rem){.desktop-nav{display:none}.hero{min-height:auto}.hero h1{font-size:clamp(2.55rem,12vw,4.5rem)}.section-heading{flex-direction:column;align-items:start}.note-row{gap:var(--space-sm);padding-block:var(--space-lg);grid-template-columns:1fr auto}.note-row .meta{grid-column:1/-1}.project-item,.project-item:nth-child(n){border-right:0;grid-column:span 12;min-height:15rem}.experience-row{gap:var(--space-sm);grid-template-columns:1fr}.update-item{gap:var(--space-md);grid-template-columns:1fr}.inline-form,.article-shell{grid-template-columns:1fr}.article-aside{padding-block:var(--space-lg);border-block:.0625rem solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));font-size:.68rem;position:static}.footer-grid{flex-direction:column}}@media (min-width:48.0625rem){.nav-toggle,.mobile-drawer{display:none}}@media (pointer:coarse){.button,.nav-links a,.text-link{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pong-app{--pong-bg:#050505;--pong-panel:#0b0b0d;--pong-panel-raised:#111116;--pong-line:#2a2730;--pong-line-bright:#50465e;--pong-purple:#a863ff;--pong-purple-bright:#c99cff;--pong-copy:#f4f1f8;--pong-muted:#8f8998;background:linear-gradient(#a863ff06 1px, transparent 1px), linear-gradient(90deg, #a863ff06 1px, transparent 1px), var(--pong-bg);min-height:100svh;color:var(--pong-copy);font-family:var(--font-mono);touch-action:manipulation;background-size:3rem 3rem;overflow:hidden}.pong-loading{color:var(--pong-muted);font-family:var(--font-pixel);place-items:center;font-size:.75rem;display:grid}.pong-topbar{z-index:10;min-height:4rem;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .75rem max(1rem, env(safe-area-inset-left));border-bottom:1px solid var(--pong-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505e6;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.pong-topbar-link,.pong-topbar-actions,.pong-topbar-actions button,.pong-game-footer,.pong-game-footer button{align-items:center;display:flex}.pong-topbar-link{min-height:2.75rem;color:var(--pong-muted);letter-spacing:.03em;gap:.55rem;font-size:.75rem;transition:color .15s}.pong-topbar-link:hover{color:var(--pong-copy)}.pong-topbar-actions{gap:.4rem}.pong-topbar-actions button,.pong-game-footer button,.pong-icon-button{min-height:2.75rem;color:var(--pong-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:inline-flex}.pong-topbar-actions button:hover,.pong-game-footer button:hover,.pong-icon-button:hover{color:var(--pong-copy)}.pong-setup{width:min(100% - 2rem,76rem);min-height:calc(100svh - 4rem);padding:clamp(3rem, 7vh, 6rem) 0 max(2rem, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(13rem,.58fr) minmax(20rem,1fr);align-items:center;column-gap:clamp(2.5rem,7vw,7.5rem);margin-inline:auto;display:grid}.pong-setup-copy{align-self:end;padding-bottom:2rem}.pong-kicker{color:var(--pong-purple);font-family:var(--font-pixel);letter-spacing:.08em;font-size:.625rem;line-height:1.5;display:block}.pong-setup-copy h1{color:var(--pong-copy);font-family:var(--font-pixel);letter-spacing:-.04em;text-shadow:0 0 2.5rem #a863ff2e;margin:.8rem 0 1.25rem;font-size:clamp(3.5rem,8vw,7.5rem);font-weight:400;line-height:.88}.pong-setup-copy p{max-width:28rem;color:var(--pong-muted);font-family:var(--font-mono);margin:0;font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.75}.pong-stepper{border-top:1px solid var(--pong-line);grid-row:2;align-self:start;display:grid}.pong-stepper button{border:0;border-bottom:1px solid var(--pong-line);min-height:3.25rem;color:var(--pong-muted);text-align:left;font-family:var(--font-pixel);letter-spacing:.02em;background:0 0;grid-template-columns:2.25rem 1fr;align-items:center;padding:0;font-size:.625rem;display:grid}.pong-stepper button span{font-family:var(--font-mono);font-size:.75rem}.pong-stepper button[data-active=true]{color:var(--pong-copy)}.pong-stepper button[data-active=true] span,.pong-stepper button[data-complete=true] span{color:var(--pong-purple)}.pong-stepper button[data-complete=true]{color:var(--pong-muted);cursor:pointer}.pong-setup-card{border:1px solid var(--pong-line-bright);background:#0b0b0deb;flex-direction:column;grid-area:1/2/span 2;justify-content:space-between;align-self:center;width:100%;min-height:36rem;padding:clamp(1.5rem,4vw,3.25rem);display:flex;box-shadow:0 2rem 8rem #00000073}.pong-invite-banner{border-bottom:1px solid var(--pong-line);color:var(--pong-purple-bright);background:#a863ff17;align-items:center;gap:.55rem;margin:calc(-1*clamp(1.5rem,4vw,3.25rem)) calc(-1*clamp(1.5rem,4vw,3.25rem)) 2rem;padding:.8rem clamp(1.5rem,4vw,3.25rem);font-size:.75rem;display:flex}.pong-step-content h2,.pong-drawer h2,.pong-connecting h1,.pong-finish-overlay h2{color:var(--pong-copy);font-family:var(--font-mono);letter-spacing:-.035em;margin:.8rem 0 2rem;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:500;line-height:1.12}.pong-label{color:var(--pong-muted);letter-spacing:.04em;text-transform:uppercase;gap:.65rem;font-size:.75rem;display:grid}.pong-label input{border:0;border-bottom:1px solid var(--pong-line-bright);width:100%;height:3.5rem;color:var(--pong-copy);font-family:var(--font-mono);text-transform:none;background:0 0;border-radius:0;padding:0;font-size:1rem;transition:border-color .15s}.pong-label input:focus{border-color:var(--pong-purple);outline:0}.pong-label input::placeholder{color:var(--pong-muted)}.pong-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.pong-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pong-choice{border:1px solid var(--pong-line);background:var(--pong-panel);min-height:7.5rem;color:var(--pong-muted);text-align:left;cursor:pointer;border-radius:0;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;transition:border-color .15s,background .15s,color .15s;display:flex}.pong-choice strong{color:var(--pong-copy);font-family:var(--font-pixel);letter-spacing:.04em;font-size:.625rem;font-weight:400}.pong-choice span{font-family:var(--font-mono);font-size:.75rem;line-height:1.5}.pong-choice:hover:not(:disabled),.pong-choice[data-selected=true]{border-color:var(--pong-purple);color:#c3bdca;background:#a863ff12}.pong-choice[data-selected=true] strong{color:var(--pong-purple-bright)}.pong-choice:disabled{opacity:.3;cursor:not-allowed}.pong-segment{border:1px solid var(--pong-line);grid-template-columns:repeat(3,1fr);margin-top:1rem;display:grid}.pong-segment button{border:0;border-right:1px solid var(--pong-line);min-height:2.75rem;color:var(--pong-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;font-size:.75rem}.pong-segment button:last-child{border-right:0}.pong-segment button[data-selected=true]{background:var(--pong-purple);color:#070409}.pong-step-content>.pong-label:not(:first-child){margin-top:1.25rem}.pong-ready dl{border-top:1px solid var(--pong-line);margin:0;display:grid}.pong-ready dl div{border-bottom:1px solid var(--pong-line);justify-content:space-between;align-items:center;gap:2rem;min-height:3.4rem;display:flex}.pong-ready dt{color:var(--pong-muted);font-family:var(--font-pixel);font-size:.625rem}.pong-ready dd{color:var(--pong-copy);text-align:right;text-transform:capitalize;margin:0;font-size:.75rem}.pong-card-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.pong-primary,.pong-secondary{min-height:3rem;font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1.15rem;font-size:.75rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pong-primary{background:var(--pong-purple);color:#09050d;font-weight:700}.pong-primary:hover{background:var(--pong-purple-bright)}.pong-secondary{border-color:var(--pong-line);color:var(--pong-muted);background:0 0}.pong-secondary:hover{border-color:var(--pong-line-bright);color:var(--pong-copy)}.pong-error{color:#ff8c98;margin:1.25rem 0 -.5rem;font-size:.75rem}.pong-fineprint{color:var(--pong-muted);text-align:center;grid-column:2;align-self:end;margin:1.5rem 0 0;font-size:.75rem}.pong-connecting{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 4rem);padding:2rem;display:flex}.pong-connecting h1{font-family:var(--font-pixel);letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2rem,8vw,5rem);font-weight:400}.pong-connecting>p{max-width:34rem;color:var(--pong-muted);font-size:.75rem}.pong-loader{align-items:end;gap:.35rem;height:2rem;margin-bottom:2rem;display:flex}.pong-loader span{background:var(--pong-purple);width:.45rem;height:.45rem;animation:.9s ease-in-out infinite alternate pong-loader}.pong-loader span:nth-child(2){animation-delay:.15s}.pong-loader span:nth-child(3){animation-delay:.3s}.pong-share{grid-template-columns:1fr auto;gap:.75rem;width:min(100%,42rem);margin:1.5rem 0;display:grid}.pong-share code{border:1px solid var(--pong-line);min-width:0;color:var(--pong-muted);text-overflow:ellipsis;white-space:nowrap;padding:.8rem 1rem;font-size:.75rem;overflow:hidden}.pong-game-shell{height:calc(100svh - 4rem);padding:.75rem max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:var(--pong-bg);grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;display:grid}.pong-scoreboard{justify-content:center;align-items:center;gap:clamp(.85rem,3vw,2rem);min-height:3.5rem;display:flex}.pong-scoreboard>div{justify-content:flex-end;align-items:baseline;gap:clamp(.75rem,2.5vw,1.5rem);min-width:min(36vw,16rem);display:flex}.pong-scoreboard>div:last-child{justify-content:flex-start}.pong-scoreboard span{max-width:10rem;color:var(--pong-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.pong-scoreboard strong,.pong-score-divider{color:var(--pong-copy);font-family:var(--font-pixel);font-size:clamp(1.25rem,3vw,2rem);font-weight:400}.pong-score-divider{color:var(--pong-purple)!important}.pong-board-wrap{border:1px solid var(--pong-line-bright);background:#050505;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 5rem #a863ff06}.pong-canvas{cursor:crosshair;touch-action:none;width:100%;max-width:none;height:100%}.pong-game-footer{min-height:2rem;color:var(--pong-muted);justify-content:space-between;gap:1rem;font-size:.75rem}.pong-game-footer button{min-height:2.75rem;padding:0}.pong-pause-overlay,.pong-finish-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#050505d6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pong-pause-overlay{gap:.75rem}.pong-pause-overlay strong{font-family:var(--font-pixel);font-size:.8rem}.pong-pause-overlay span,.pong-finish-overlay p{color:var(--pong-muted);font-size:.75rem}.pong-finish-overlay h2{font-family:var(--font-pixel);margin:.8rem 0 .2rem;font-size:clamp(1.5rem,5vw,3rem);font-weight:400}.pong-finish-overlay p{color:var(--pong-purple-bright);font-family:var(--font-pixel);margin-bottom:1.5rem;font-size:1.35rem}.pong-finish-overlay>div{gap:.75rem;display:flex}.pong-touch-controls{z-index:6;pointer-events:none;grid-column:1;justify-content:flex-end;gap:1rem;padding:.25rem 0;display:flex;position:static}.pong-touch-controls[data-local=true]{justify-content:space-between}.pong-touch-controls>div{pointer-events:auto;grid-template-columns:repeat(2,3.75rem);gap:.4rem;display:grid}.pong-touch-controls span{color:var(--pong-muted);text-align:center;grid-column:1/-1;font-size:.625rem}.pong-touch-controls button{border:1px solid var(--pong-line-bright);width:3.75rem;height:3.75rem;color:var(--pong-copy);font-family:var(--font-pixel);touch-action:none;background:#0b0b0de0;font-size:1rem}.pong-touch-controls button:active{border-color:var(--pong-purple);background:#a863ff2e}.pong-drawer-backdrop{z-index:50;width:100%;max-width:none;height:100%;max-height:none;color:var(--pong-copy);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.pong-drawer-backdrop::backdrop{background:#000000ad}.pong-drawer{border-left:1px solid var(--pong-line-bright);background:var(--pong-panel);width:min(100%,30rem);height:100%;padding:max(2rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) 1.5rem;transition:transform .24s var(--ease-out);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.pong-drawer-backdrop[open] .pong-drawer{transform:translate(0)}.pong-drawer-heading{border-bottom:1px solid var(--pong-line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1.25rem;display:flex}.pong-drawer h2{margin-bottom:0;font-size:1.45rem}.pong-icon-button{border:1px solid var(--pong-line);width:2.75rem;padding:0}.pong-match{border-bottom:1px solid var(--pong-line);padding:1.25rem 0}.pong-match-result{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.pong-match-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.pong-match-result strong:last-child{text-align:right}.pong-match-result>span{color:var(--pong-purple-bright);font-family:var(--font-pixel);font-size:.75rem}.pong-match-meta{color:var(--pong-muted);text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:.65rem;font-size:.75rem;display:flex}.pong-muted{color:var(--pong-muted);margin:1.5rem 0;font-size:.75rem;line-height:1.7}@keyframes pong-loader{to{background:var(--pong-purple-bright);height:1.75rem}}@media (max-width:48rem){.pong-topbar{min-height:3.6rem}.pong-topbar-actions button span{display:none}.pong-topbar-actions button{width:2.75rem;padding:0}.pong-setup{width:min(100% - 1.5rem,34rem);min-height:calc(100svh - 3.6rem);padding:2rem 0 max(1.5rem, env(safe-area-inset-bottom));grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;gap:1.5rem}.pong-setup-copy{grid-area:1/1;padding:0}.pong-setup-copy h1{margin-block:.55rem .75rem;font-size:clamp(3rem,17vw,5.5rem)}.pong-stepper{border:1px solid var(--pong-line);grid-area:2/1;grid-template-columns:repeat(4,1fr)}.pong-stepper button{border-right:1px solid var(--pong-line);letter-spacing:0;text-align:center;border-bottom:0;flex-direction:column;justify-content:center;gap:.1rem;min-height:3rem;font-size:.625rem;display:flex}.pong-stepper button:last-child{border-right:0}.pong-stepper button span{font-size:.75rem}.pong-setup-card{grid-area:3/1;min-height:31rem;padding:1.35rem}.pong-invite-banner{margin:-1.35rem -1.35rem 1.5rem;padding-inline:1.35rem}.pong-fineprint{grid-area:4/1;margin:0}.pong-choice-grid{grid-template-columns:1fr}.pong-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pong-controls-grid .pong-choice:last-child{grid-column:1/-1}.pong-choice{gap:.5rem;min-height:5rem}.pong-step-content h2{margin-bottom:1.25rem}.pong-share{grid-template-columns:1fr}.pong-game-shell{height:calc(100svh - 3.6rem);padding:.5rem max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left))}.pong-scoreboard{min-height:3rem}.pong-scoreboard>div{min-width:34vw}.pong-game-footer>span:first-child{display:none}.pong-game-footer{justify-content:center}}@media (max-height:43rem) and (orientation:landscape){.pong-topbar{background:linear-gradient(#050505,#0000);border-bottom-color:#0000;min-height:3rem;position:absolute;top:0;left:0;right:0}.pong-game-shell{grid-template-rows:minmax(0,1fr);height:100svh;padding:.35rem}.pong-scoreboard{z-index:4;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.pong-board-wrap{grid-row:1}.pong-game-footer{display:none}}@media (prefers-reduced-motion:reduce){.pong-loader span{animation:none}}