*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0412;font-family:Orbitron,system-ui,sans-serif;overflow:hidden}#loading-screen{z-index:100;background:#0a0412;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading-screen.loaded{opacity:0;pointer-events:none}.loading-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.loading-title{letter-spacing:.35em;color:#ffd93d;text-transform:uppercase;font-size:28px;font-weight:700}.loading-sub{letter-spacing:.5em;color:#fff3cd73;text-transform:uppercase;margin-bottom:18px;font-size:10px}.loading-bar-wrap{background:#fff3cd1f;border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-bar{background:#ffd93d;border-radius:2px;width:0%;height:100%;animation:1.8s ease-in-out infinite loadPulse}@keyframes loadPulse{0%{opacity:1;width:0%}60%{opacity:1;width:85%}to{opacity:0;width:100%}}.loading-hint{letter-spacing:.22em;color:#fff3cd4d;text-transform:uppercase;margin-top:6px;font-size:8px}#world-canvas{width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#zone-label{color:#fff3cd8c;letter-spacing:.28em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700;transition:color .4s;position:absolute;top:22px;left:26px}#interaction-prompt{color:#fff3cde6;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:1;background:#0a0412b8;border:1px solid #fff3cd47;border-radius:20px;padding:7px 18px 7px 14px;font-size:10px;transition:opacity .25s;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}#interaction-prompt.hidden{opacity:0}#interaction-prompt kbd{color:#ffd93d;background:#fff3cd24;border:1px solid #fff3cd61;border-radius:4px;margin-right:6px;padding:1px 6px;font-family:inherit;font-size:9px}#prompt-zone{color:#ffd93d;letter-spacing:.18em;font-weight:700}#zone-nav{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a041847;border-radius:9999px;align-items:flex-end;gap:10px;padding:6px 14px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.zone-dot{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:5px;padding:4px 2px;display:flex;position:relative}.zone-dot:before{content:"";background:#fff3cd2e;border:1.5px solid #fff3cd52;border-radius:50%;width:9px;height:9px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:block}.zone-dot:hover:before{background:#fff3cd73;border-color:#fff3cdb3;transform:scale(1.55)}.zone-dot.active:before{transform:scale(1.6)}.zone-dot[data-zone=overview].active:before{background:#fff0c8;border-color:#fff0c8;box-shadow:0 0 10px #fff0c8aa}.zone-dot[data-zone=hub].active:before{background:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6baa}.zone-dot[data-zone=about].active:before{background:#ffd93d;border-color:#ffd93d;box-shadow:0 0 10px #ffd93daa}.zone-dot[data-zone=portfolio].active:before{background:#6bcb77;border-color:#6bcb77;box-shadow:0 0 10px #6bcb77aa}.zone-dot[data-zone=expertise].active:before{background:#4d96ff;border-color:#4d96ff;box-shadow:0 0 10px #4d96ffaa}.zone-dot[data-zone=resume].active:before{background:#ff9f1c;border-color:#ff9f1c;box-shadow:0 0 10px #ff9f1caa}.zone-dot[data-zone=research].active:before{background:#00e5ff;border-color:#00e5ff;box-shadow:0 0 10px #00e5ffaa}.zone-dot[data-zone=contact].active:before{background:#c77dff;border-color:#c77dff;box-shadow:0 0 10px #c77dffaa}.dot-label{letter-spacing:.15em;color:#fff3cdb8;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:7px;transition:color .2s}.zone-dot:hover .dot-label,.zone-dot.active .dot-label{color:#fff3cd}#zone-nav-hint{color:#fff3cd61;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font:500 6.5px Orbitron,monospace;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#controls-hint{pointer-events:none;opacity:.82;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:28px;right:24px}.ctrl-row{letter-spacing:.12em;color:#fff3cdcc;align-items:center;gap:4px;font-size:8px;display:flex}#hud-counters{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:18px;right:22px}#gem-score,#ball-hits{letter-spacing:.1em;color:#fff3cde6;background:#0a0412a6;border:1px solid #fff3cd38;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:flex}#gem-icon{color:#00e5ff;font-size:12px}#ball-icon{font-size:12px}:root{--zone-color:#ffd93d}.zone-panel-hidden{display:none}.zone-panel-open{z-index:50;justify-content:center;align-items:center;padding:20px;animation:.28s panelFadeIn;display:flex;position:fixed;inset:0}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}#panel-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04020cb8;position:absolute;inset:0}#panel-container{border:1px solid var(--zone-color);width:100%;max-width:980px;max-height:90vh;box-shadow:0 0 40px color-mix(in srgb, var(--zone-color) 22%, transparent);color:#fff3cde0;scrollbar-width:thin;scrollbar-color:var(--zone-color) transparent;background:#0a0516f5;border-radius:18px;padding:2.2rem 2.4rem 2.4rem;font-family:Orbitron,system-ui,sans-serif;animation:.32s cubic-bezier(.22,1,.36,1) panelSlideUp;position:relative;overflow-y:auto}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}#panel-close{color:#fff3cd80;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:18px;transition:color .2s;position:absolute;top:14px;right:18px}#panel-close:hover{color:var(--zone-color)}.p-zone-tag{letter-spacing:.4em;color:var(--zone-color);border:1px solid var(--zone-color);border-radius:20px;align-items:center;margin-bottom:1.2rem;padding:3px 12px;font-size:9px;display:inline-flex}.p-name{color:#fff;margin:.2rem 0 .3rem;font-size:1.8rem;font-weight:700}.p-title{letter-spacing:.12em;color:var(--zone-color);margin-bottom:.4rem;font-size:.78rem}.p-subtitle{color:#fff3cd8c;margin-bottom:.8rem;font-size:.72rem}.p-bio{color:#fff3cdb3;margin:1rem 0;font-family:system-ui,sans-serif;font-size:.75rem;line-height:1.7}.p-available{color:#6bcb77;letter-spacing:.2em;margin-bottom:.8rem;font-size:9px;display:inline-block}.p-links{flex-wrap:wrap;gap:10px;margin-top:.5rem;display:flex}.p-link{letter-spacing:.18em;color:var(--zone-color);border:1px solid var(--zone-color);border-radius:14px;padding:4px 12px;font-size:9px;text-decoration:none;transition:background .2s,color .2s}.p-link:hover{background:var(--zone-color);color:#0a0412}.p-btn{letter-spacing:.22em;color:#0a0412;background:var(--zone-color);cursor:pointer;border:none;border-radius:20px;margin-top:1.4rem;padding:10px 22px;font-family:inherit;font-size:9px;text-decoration:none;transition:opacity .2s;display:inline-block}.p-btn:hover{opacity:.82}.p-hub-hero{flex-wrap:wrap;align-items:flex-start;gap:1.6rem;display:flex}.p-hub-photo img{object-fit:cover;border:2px solid var(--zone-color);border-radius:50%;width:100px;height:100px}.p-stats{border:1px solid #fff3cd1a;border-radius:12px;flex-wrap:wrap;gap:1rem;margin:1.4rem 0;padding:1rem;display:flex}.p-stat{text-align:center;flex:1;min-width:80px}.p-stat-val{color:var(--zone-color);font-size:1.5rem;font-weight:700}.p-stat-label{letter-spacing:.18em;color:#fff3cd73;margin-top:2px;font-size:8px}.p-about-grid{flex-wrap:wrap;gap:1.4rem;display:flex}.p-about-photo img{object-fit:cover;border:2px solid var(--zone-color);border-radius:50%;width:90px;height:90px}.p-info-list{flex-direction:column;gap:6px;margin-top:.8rem;font-family:system-ui,sans-serif;font-size:.72rem;list-style:none;display:flex}.p-info-list li{gap:1rem;display:flex}.p-info-list li span:first-child{color:#fff3cd66;min-width:72px}.p-info-list a{color:var(--zone-color);text-decoration:none}.p-expertise-cards{grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.8rem;display:grid}.p-exp-card{background:#fff3cd0a;border:1px solid #fff3cd1a;border-radius:14px;padding:1.3rem;position:relative;overflow:hidden}.p-exp-card:hover{border-color:var(--zone-color)}.p-exp-num{color:#fff3cd0f;font-size:3.2rem;font-weight:900;position:absolute;top:8px;right:12px}.p-exp-icon{margin-bottom:.6rem;font-size:2rem}.p-exp-card h3{color:#fff;margin-bottom:.5rem;font-size:1rem}.p-exp-card p{color:#fff3cd99;font-family:system-ui,sans-serif;font-size:.82rem;line-height:1.65}.p-section-title{letter-spacing:.3em;color:var(--zone-color);margin:1.6rem 0 .9rem;font-size:11px}.p-skill-group{margin-bottom:1.1rem}.p-skill-group-label{letter-spacing:.2em;color:#fff3cd66;margin-bottom:7px;font-size:10px}.p-skill-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.p-skill-name{letter-spacing:.08em;color:#fff3cdcc;min-width:110px;font-size:11px}.p-skill-bar-wrap{background:#fff3cd1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.p-skill-bar{border-radius:3px;height:100%;transition:width .8s}.p-skill-pct{color:#fff3cd73;text-align:right;min-width:32px;font-size:10px}.p-timeline{margin-bottom:1.6rem;padding-left:22px;position:relative}.p-timeline:before{content:"";background:#fff3cd1a;width:1px;position:absolute;top:6px;bottom:6px;left:4px}.p-timeline-item{margin-bottom:1.4rem;position:relative}.p-timeline-dot{background:#fff3cd40;border:1px solid #fff3cd66;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-20px}.p-timeline-current .p-timeline-dot{background:var(--zone-color);border-color:var(--zone-color);box-shadow:0 0 8px var(--zone-color)}.p-timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.p-company{color:#fff;font-size:.92rem}.p-period{color:var(--zone-color);letter-spacing:.08em;font-size:9px}.p-role{color:#fff3cd99;margin-bottom:5px;font-size:.8rem}.p-timeline-body p{color:#fff3cd80;font-family:system-ui,sans-serif;font-size:.76rem;line-height:1.65}.p-projects-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.p-project-card{background:#fff3cd0a;border:1px solid #fff3cd1a;border-radius:12px;padding:1.1rem}.p-project-card:hover{border-color:var(--zone-color)}.p-project-img{object-fit:cover;border:1px solid #fff3cd14;border-radius:8px;width:100%;height:138px;margin-bottom:10px}.p-project-cat{letter-spacing:.2em;color:var(--zone-color);margin-bottom:6px;font-size:8px}.p-project-title{color:#fff;margin-bottom:6px;font-size:.88rem}.p-project-desc{color:#fff3cd8c;margin-bottom:10px;font-family:system-ui,sans-serif;font-size:.74rem;line-height:1.58}.p-project-tags{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.p-tag{color:#fff3cd99;letter-spacing:.1em;background:#fff3cd14;border-radius:10px;padding:2px 8px;font-size:8px}.p-project-link{letter-spacing:.15em;color:var(--zone-color);border:1px solid var(--zone-color);border-radius:10px;margin-top:2px;padding:4px 12px;font-size:9px;text-decoration:none;transition:background .18s,color .18s;display:inline-block}.p-project-link:hover{background:var(--zone-color);color:#0a0412}.p-portfolio-footer{margin-top:1.4rem}.p-research-list{flex-direction:column;gap:1rem;display:flex}.p-research-card{background:#fff3cd0a;border:1px solid #fff3cd1a;border-radius:12px;padding:1.2rem}.p-research-year{letter-spacing:.2em;color:var(--zone-color);margin-bottom:5px;font-size:8px}.p-research-title{color:#fff;margin-bottom:4px;font-size:.85rem}.p-research-venue{color:#fff3cd66;margin-bottom:8px;font-family:system-ui,sans-serif;font-size:.7rem;font-style:italic}.p-research-card p{color:#fff3cd8c;margin-bottom:8px;font-family:system-ui,sans-serif;font-size:.7rem;line-height:1.6}.p-contact-grid{flex-wrap:wrap;grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}.p-contact-info h2{color:#fff;margin-bottom:.6rem;font-size:1.2rem}.p-contact-info p{color:#fff3cd8c;margin-bottom:1rem;font-family:system-ui,sans-serif;font-size:.72rem;line-height:1.7}.p-contact-list{flex-direction:column;gap:8px;font-family:system-ui,sans-serif;font-size:.72rem;list-style:none;display:flex}.p-contact-list li{color:#fff3cdb3;align-items:center;gap:10px;display:flex}.p-ci-icon{font-size:1rem}.p-contact-list a{color:var(--zone-color);text-decoration:none}.p-contact-form{flex-direction:column;gap:10px;display:flex}.p-input{color:#fff3cde6;resize:vertical;background:#fff3cd0f;border:1px solid #fff3cd26;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:system-ui,sans-serif;font-size:.78rem}.p-input:focus{border-color:var(--zone-color)}.p-form-status{font-family:system-ui,sans-serif;font-size:.72rem}.p-form-status.success{color:#6bcb77}.p-form-status.error{color:#ff6b6b}#project-prompt{color:#fff3cde6;letter-spacing:.12em;white-space:nowrap;pointer-events:none;opacity:1;background:#0a0412b8;border:1px solid #6bcb7759;border-radius:20px;padding:7px 18px 7px 14px;font-size:10px;transition:opacity .25s;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}#project-prompt.hidden{opacity:0}#project-prompt kbd{color:#6bcb77;background:#6bcb772e;border:1px solid #6bcb7780;border-radius:4px;margin-right:6px;padding:1px 6px;font-family:inherit;font-size:9px}#project-prompt-name{color:#6bcb77;letter-spacing:.18em;font-weight:700}#sound-toggle{color:#fff3cda6;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0a04129e;border:1px solid #fff3cd33;border-radius:50%;outline:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:color .2s,border-color .2s,background .2s;display:flex;position:absolute;top:62px;right:22px}#sound-toggle:hover{color:#ffd93d;border-color:#ffd93d8c}#sound-toggle.muted{color:#ff646499;border-color:#ff646459}#sound-toggle.muted:hover{color:#ff6b6b;border-color:#ff6b6ba6}:root{--pp-color:#6bcb77}.pp-hidden{display:none}.pp-open{z-index:62;justify-content:center;align-items:center;padding:20px;animation:.22s ppFadeIn;display:flex;position:fixed;inset:0}@keyframes ppFadeIn{0%{opacity:0}to{opacity:1}}.pp-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04020cc2;position:absolute;inset:0}.pp-container{border:1px solid var(--pp-color);width:100%;max-width:640px;box-shadow:0 0 50px color-mix(in srgb, var(--pp-color) 25%, transparent), inset 0 0 40px #00000073;color:#fff3cde0;background:#0a0516f7;border-radius:18px;font-family:Orbitron,system-ui,sans-serif;animation:.3s cubic-bezier(.22,1,.36,1) ppSlide;position:relative;overflow:hidden}@keyframes ppSlide{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}.pp-close{z-index:2;color:#fff3cd66;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:18px;transition:color .2s;position:absolute;top:14px;right:18px}.pp-close:hover{color:var(--pp-color)}.pp-header{background:linear-gradient(#fff3cd06,#0000);border-bottom:1px solid #fff3cd12;padding:1.8rem 2rem 1.2rem}.pp-cat-tag{letter-spacing:.4em;color:var(--pp-color);border:1px solid var(--pp-color);border-radius:20px;margin-bottom:.75rem;padding:3px 12px;font-size:8px;display:inline-block}.pp-title{color:#fff;font-size:1.55rem;font-weight:700}.pp-body{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;padding:1.4rem 2rem;display:flex}.pp-thumb{background:#fff3cd0a;border:1px solid #fff3cd1a;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:180px;min-width:140px;height:150px;display:flex;position:relative;overflow:hidden}.pp-thumb-img{object-fit:cover;border-radius:11px;width:100%;height:100%}.pp-thumb:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--pp-color) 18%, transparent) 0%, transparent 68%);position:absolute;inset:0}.pp-thumb-icon{color:var(--pp-color);opacity:.72;z-index:1;font-size:2.4rem;position:relative}.pp-thumb-cat{letter-spacing:.28em;color:#fff3cd61;text-transform:uppercase;z-index:1;font-size:8px;position:relative}.pp-details{flex:1;min-width:180px}.pp-desc{color:#fff3cda6;margin-bottom:1.1rem;font-family:system-ui,sans-serif;font-size:.78rem;line-height:1.72}.pp-stack-label{letter-spacing:.3em;color:var(--pp-color);margin-bottom:.55rem;font-size:8px}.pp-tags{flex-wrap:wrap;gap:6px;display:flex}.pp-tag{border:1px solid var(--pp-color);color:var(--pp-color);letter-spacing:.1em;border-radius:12px;padding:3px 10px;font-size:8px}.pp-footer{border-top:1px solid #fff3cd12;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:1rem 2rem 1.5rem;display:flex}.pp-btn{letter-spacing:.2em;color:#0a0412;background:var(--pp-color);border-radius:20px;padding:10px 20px;font-family:inherit;font-size:9px;text-decoration:none;transition:opacity .2s;display:inline-block}.pp-btn:hover{opacity:.82}.pp-btn-outline{color:var(--pp-color);border:1px solid var(--pp-color);background:0 0}.pp-btn-outline:hover{background:var(--pp-color);color:#0a0412;opacity:1}.pp-close-hint{color:#fff3cd47;letter-spacing:.08em;font-size:9px}.pp-close-hint kbd{color:#fff3cd80;background:#fff3cd14;border:1px solid #fff3cd38;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:8px}@media (width<=600px){.pp-body{flex-direction:column}.pp-thumb{width:100%;height:100px}.p-expertise-cards,.p-projects-grid,.p-contact-grid{grid-template-columns:1fr}#panel-container{padding:1.4rem 1.2rem}}#joystick-wrap{z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;display:none;position:fixed;bottom:132px;left:20px}#joystick-base{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;background:#0a041866;border:2px solid #fff3cd2e;border-radius:50%;width:108px;height:108px;transition:border-color .15s;position:relative}#joystick-wrap.joy-active #joystick-base{border-color:#fff3cd73}#joystick-knob{touch-action:none;pointer-events:none;background:#fff3cd80;border:2px solid #fff3cdc7;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000073}@media (pointer:coarse){#joystick-wrap{display:block}#controls-hint{display:none}#minimap-container{display:none!important}#interaction-prompt:not(.hidden),#project-prompt:not(.hidden){pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}#interaction-prompt:not(.hidden):active,#project-prompt:not(.hidden):active{background:#fff3cd24}#zone-nav{flex-wrap:wrap;justify-content:center;gap:5px;max-width:calc(100vw - 24px);padding:5px 10px}.dot-label{letter-spacing:.06em;font-size:6px}}#controls-hint kbd{color:#fff3cdd9;text-align:center;background:#fff3cd1a;border:1px solid #fff3cd4d;border-radius:3px;min-width:18px;padding:1px 5px;font-family:inherit;font-size:8px}