@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Outfit:wght@300;400;500&family=Fira+Code:wght@400;500&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#040a14;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.blob{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.b1{background:radial-gradient(#10b98114,#0000 70%);width:700px;height:450px;bottom:60px;left:-120px}.b2{background:radial-gradient(#38bdf80f,#0000 70%);width:900px;height:600px;top:80px;left:40%;transform:translate(-50%)}.b3{background:radial-gradient(#a78bfa14,#0000 70%);width:600px;height:500px;top:10px;right:-60px}header{z-index:100;pointer-events:none;background:linear-gradient(#040a14e6 60%,#0000);justify-content:space-between;align-items:center;padding:22px 48px;display:flex;position:fixed;top:0;left:0;right:0}.title-block{flex-direction:column;gap:4px;display:flex}.site-title{letter-spacing:.3em;text-transform:uppercase;color:#fff3;font-family:Orbitron,monospace;font-size:10px}.site-sub{color:#ffffff47;font-size:11.5px;font-weight:300}.legend{align-items:center;gap:18px;display:flex}.leg{color:#ffffff52;align-items:center;gap:7px;font-family:Fira Code,monospace;font-size:10px;display:flex}.leg-dot{border:1.5px solid;border-radius:50%;width:8px;height:8px}.leg-dot.must{background:#38bdf833;border-color:#38bdf8}.leg-dot.nice{opacity:.4;background:#38bdf812;border-color:#38bdf8}.last-updated{color:#fff3;letter-spacing:.04em;border-left:1px solid #ffffff1a;padding-left:14px;font-family:Fira Code,monospace;font-size:10px}.pan-hint{color:#ffffff29;letter-spacing:.12em;pointer-events:none;z-index:100;align-items:center;gap:10px;font-family:Fira Code,monospace;font-size:9.5px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.pan-hint-line{opacity:.2;width:120px;height:1px}.line-r{background:linear-gradient(90deg,#0000,#ffffff4d)}.line-l{background:linear-gradient(270deg,#0000,#ffffff4d)}#viewport{cursor:grab;z-index:1;position:fixed;inset:0;overflow:hidden}#viewport.panning{cursor:grabbing}#world{will-change:transform;width:6200px;height:1450px;position:absolute}svg.lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub{position:absolute;transform:translate(-50%,-50%)}.hub-rings{width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub-ring{opacity:0;border:1.2px solid;border-radius:50%;animation:3.8s ease-out infinite ring-expand;position:absolute;transform:translate(-50%,-50%)}.hub-ring:nth-child(2){animation-delay:1.27s}.hub-ring:nth-child(3){animation-delay:2.53s}@keyframes ring-expand{0%{opacity:.5;width:76px;height:76px}to{opacity:0;width:180px;height:180px}}.hub-circle{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(145deg,#ffffff21,#ffffff0a 40%,#0000002e);border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .3s;display:flex;position:relative}.hub:hover .hub-circle{transform:scale(1.07)}.hub-info{text-align:center;pointer-events:none;width:190px;position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%)}.hub-name{letter-spacing:.22em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:10px;font-weight:700;line-height:1}.skill-node{--node-size:42px;cursor:pointer;z-index:5;width:var(--node-size);height:var(--node-size);position:absolute;transform:translate(-50%,-50%)}.skill-node.size-sm{--node-size:36px}.skill-node.size-md{--node-size:42px}.skill-node.size-lg{--node-size:54px}.skill-circle{width:var(--node-size);height:var(--node-size);-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(140deg,#ffffff26,#ffffff0a 45%,#00000038);border:1px solid;border-radius:50%;justify-content:center;align-items:center;transition:transform .22s;display:flex}.skill-node:hover .skill-circle{transform:scale(1.28)}.skill-learned-badge{color:#fff;z-index:7;pointer-events:none;background:#10b981;border:1.5px solid #0a1628;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.skill-label{pointer-events:none;z-index:6;white-space:nowrap;position:absolute}.skill-label-inner{opacity:.7;background:#040a16b8;border:.5px solid #ffffff12;border-left-width:2px;border-radius:5px;align-items:center;padding:4px 9px 4px 8px;font-family:Fira Code,monospace;font-size:12px;line-height:1;display:inline-flex}.skill-label.hl .skill-label-inner{opacity:1;background:#040a16eb}#tooltip{z-index:500;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#040916f5;border:1px solid #ffffff12;border-radius:14px;width:248px;padding:16px 18px;transition:opacity .16s,transform .16s;position:fixed;transform:translateY(8px)}#tooltip.show{opacity:1;transform:translateY(0)}.tt-track{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:9px;font-family:Fira Code,monospace;font-size:9px;display:flex}.tt-track:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.tt-name{margin-bottom:8px;font-size:14px;font-weight:500}.tt-desc{color:#ffffff6b;font-size:11.5px;line-height:1.58}#panel-overlay{z-index:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0206108c;transition:opacity .28s;position:fixed;inset:0}#panel-overlay.show{opacity:1;pointer-events:all}#detail-panel{z-index:900;background:#060d1e;border-left:1px solid #ffffff12;width:420px;max-width:96vw;transition:transform .32s cubic-bezier(.22,.8,.3,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}#detail-panel.show{transform:translate(0)}.dp-body{z-index:1;padding:32px 28px 48px;position:relative}.dp-close{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:.5px solid #ffffff1a;border-radius:50%;width:32px;height:32px;position:absolute;top:18px;right:20px}.dp-badges-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dp-track-badge{letter-spacing:.18em;text-transform:uppercase;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:Fira Code,monospace;font-size:9px;display:inline-flex}.dp-learned-btn{letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:Fira Code,monospace;font-size:9px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.dp-learned-btn:hover{color:#10b981;background:#10b98114;border-color:#10b98180}.dp-learned-btn.is-learned{color:#10b981;background:#10b9811f;border-color:#10b981}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dp-icon-wrap{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.dp-name{letter-spacing:.06em;color:#fff;margin-bottom:14px;font-family:Orbitron,monospace;font-size:18px;font-weight:700}.dp-about{color:#ffffff85;border-left:2px solid;margin-bottom:28px;padding-left:14px;font-size:14px;line-height:1.7}.dp-section-title{letter-spacing:.22em;text-transform:uppercase;color:#ffffff40;margin-bottom:12px;font-family:Fira Code,monospace;font-size:9px}.dp-section-title--spaced{margin-top:28px}.dp-resources{flex-direction:column;gap:8px;display:flex}.dp-resource{color:inherit;background:#ffffff08;border:.5px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;display:flex}.dp-res-type{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:6px;padding:3px 8px;font-family:Fira Code,monospace;font-size:11px}.dp-res-body{flex:1;min-width:0}.dp-res-label{color:#fff;font-size:14.5px;line-height:1.3}.dp-res-url{color:#ffffff47;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:Fira Code,monospace;font-size:12px;overflow:hidden}.dp-res-arrow{color:#ffffff40;font-size:13px}.dp-glow{height:3px;position:absolute;top:0;left:0;right:0}.dp-scan{pointer-events:none;z-index:0;background:repeating-linear-gradient(#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}