@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#c8f000;--green-dim:#6a8000;--green-faint:#1e2600;--black:#060600;--off-black:#0d0d00;--text:#e8e8d0;--text-muted:#7a7a50;--panel-w:400px;--ctrl-h:72px;--font-pixel:"Press Start 2P", monospace;--font-body:"Space Grotesk", system-ui, sans-serif}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--black);font-family:var(--font-body);color:var(--text);overflow:hidden}.shell{width:100vw;height:100vh;position:relative}.section-panel{width:var(--panel-w);border-left:2px solid var(--green);z-index:20;pointer-events:none;background:#060600f0;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%)}.section-panel.visible{pointer-events:auto;transform:translate(0)}.panel-scroll{scrollbar-width:thin;scrollbar-color:var(--green-faint) transparent;height:100%;padding:48px 32px 32px;overflow-y:auto}.panel-section-title{font-family:var(--font-pixel);color:var(--green);letter-spacing:.08em;text-shadow:0 0 16px var(--green);margin-bottom:28px;font-size:13px}.panel-body{color:var(--text);margin-bottom:14px;font-size:14px;font-weight:400;line-height:1.7}.panel-hero-title{font-family:var(--font-pixel);color:var(--green);text-shadow:0 0 24px var(--green), 0 0 8px var(--green);margin-bottom:16px;font-size:28px;line-height:1.3}.panel-tagline{font-family:var(--font-pixel);color:var(--green-dim);letter-spacing:.18em;margin-bottom:28px;font-size:7px}.panel-cta{font-family:var(--font-pixel);color:var(--green-dim);letter-spacing:.1em;margin-top:24px;font-size:9px;animation:2s step-end infinite blink-cta}@keyframes blink-cta{0%,to{opacity:1}50%{opacity:.3}}.panel-bio{flex-direction:column;gap:4px;margin-bottom:28px;display:flex}.panel-values{border-top:1px solid var(--green-faint);flex-direction:column;gap:0;display:flex}.value-row{border-bottom:1px solid var(--green-faint);flex-direction:column;gap:4px;padding:14px 0;display:flex}.value-label{font-family:var(--font-pixel);color:var(--green);letter-spacing:.06em;font-size:9px}.value-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.proj-list{flex-direction:column;gap:2px;display:flex}.proj-card{background:var(--green-faint);color:inherit;border:1px solid #0000;padding:16px;text-decoration:none;transition:border-color .2s,background .2s;display:block}.proj-card:hover{border-color:var(--green);background:#c8f0000f}.proj-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.proj-id{font-family:var(--font-pixel);color:var(--green-dim);font-size:8px}.proj-year{color:var(--text-muted);font-size:11px}.proj-name{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.proj-desc{color:var(--text-muted);margin-bottom:10px;font-size:13px;line-height:1.6}.proj-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--green-dim);color:var(--green-dim);letter-spacing:.05em;padding:2px 8px;font-size:10px;font-weight:500}.contact-intro{margin-bottom:24px}.email-link{font-family:var(--font-pixel);color:var(--green);letter-spacing:.06em;border-top:1px solid var(--green-faint);border-bottom:1px solid var(--green-faint);margin-bottom:24px;padding:16px 0;font-size:10px;text-decoration:none;transition:text-shadow .2s;display:block}.email-link:hover{text-shadow:0 0 12px var(--green)}.social-list{flex-direction:column;gap:0;display:flex}.social-row{border-bottom:1px solid var(--green-faint);color:inherit;justify-content:space-between;align-items:center;padding:12px 0;text-decoration:none;transition:color .15s;display:flex}.social-row:hover{color:var(--green)}.social-label{font-family:var(--font-pixel);color:var(--green-dim);font-size:8px}.social-handle{color:var(--text-muted);font-size:13px}.hud-section{pointer-events:none;z-index:10;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;left:28px}.hud-label{font-family:var(--font-pixel);color:var(--green);letter-spacing:.05em;text-shadow:0 0 18px #c8f00080;font-size:14px}.hud-tagline{font-family:var(--font-pixel);color:var(--green-dim);letter-spacing:.12em;font-size:7px}.hud-nav{pointer-events:none;z-index:10;align-items:center;gap:10px;display:flex;position:fixed;top:28px;right:28px}.nav-dot{border:1.5px solid var(--green-dim);background:0 0;width:8px;height:8px;transition:background .25s,border-color .25s,box-shadow .25s}.nav-dot.active{background:var(--green);border-color:var(--green);box-shadow:0 0 8px #c8f000b3}.hud-hint{font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:.1em;pointer-events:none;z-index:10;opacity:0;font-size:8px;transition:opacity .8s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.hud-hint.visible{opacity:1}.mobile-controls{height:var(--ctrl-h);z-index:30;border-top:1px solid var(--green-faint);background:#060600b3;justify-content:space-between;align-items:center;padding:0 20px;display:none;position:fixed;bottom:0;left:0;right:0}.ctrl-dpad{gap:10px;display:flex}.ctrl-btn{width:52px;height:52px;color:var(--green);font-family:var(--font-pixel);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#c8f00014;border:1.5px solid #c8f00059;justify-content:center;align-items:center;font-size:16px;transition:background .1s;display:flex}.ctrl-btn:active,.ctrl-btn.pressed{background:#c8f00038}.ctrl-jump{border-color:#c8f00080;width:56px;height:56px}@media (pointer:coarse){.mobile-controls{display:flex}.hud-hint{display:none}.section-panel{width:100%;height:42vh;top:auto;bottom:var(--ctrl-h);border-left:none;border-top:2px solid var(--green);left:0;right:0;transform:translateY(100%)}.section-panel.visible{transform:translateY(0)}.panel-scroll{padding:20px 20px 16px}.panel-hero-title{font-size:18px}.panel-section-title{margin-bottom:16px;font-size:11px}.hud-nav{top:16px;right:16px}.hud-section{top:16px;left:16px}}