:root{--accent:#4cc9f0;--bg:#050505}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.hud{pointer-events:none;z-index:1;position:fixed;inset:0}.header{position:absolute;top:24px;left:24px}.header-name{color:#ffffffd9;font-size:14px;font-weight:600}.header-tagline{color:#fff6;margin-top:2px;font-size:11px}.nav-hint{color:#ffffff40;letter-spacing:1px;text-transform:uppercase;font-size:10px;transition:opacity .5s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.legend{flex-direction:column;gap:6px;display:flex;position:absolute;top:24px;right:24px}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.legend-label{color:#ffffff59;letter-spacing:.3px;font-size:10px}@media (pointer:coarse){.legend{display:none}}.panel-overlay{pointer-events:auto;cursor:default;position:absolute;inset:0}.project-panel{-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#0c0c0ed9;border:1px solid #ffffff0f;border-radius:10px;width:280px;padding:24px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.panel-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.panel-title{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:600;line-height:1.2}.panel-close{color:#ffffff4d;cursor:pointer;pointer-events:auto;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:-2px -4px 0 0;padding:0;transition:color .15s;display:flex}.panel-close:hover{color:#ffffffb3}.panel-description{color:#ffffff73;margin-bottom:20px;font-size:13px;line-height:1.5}.panel-details{background:#ffffff05;border-radius:6px;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;display:flex}.panel-detail{justify-content:space-between;align-items:center;display:flex}.panel-detail-label{color:#ffffff40;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.panel-detail-value{color:#ffffffa6;font-size:12px}.panel-detail-value.value-active{color:#4cf0a0}.panel-detail-value.value-completed{color:#4cc9f0}.panel-detail-value.value-archived{color:#ffffff4d}.panel-detail-value.value-hackathon{color:#e040fb}.panel-cta{color:#fffc;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;align-items:center;padding:8px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.panel-cta:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}