@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0f;width:100%;height:100%;font-family:Orbitron,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.orbital-container{width:100vw;height:100vh;position:relative;overflow:hidden}.orbital-bg{z-index:0;background:radial-gradient(at 20%,#7828c826 0%,#0000 50%),radial-gradient(at 80% 20%,#1e64c81a 0%,#0000 50%),#0a0a0f;animation:12s ease-in-out infinite alternate bgShift;position:absolute;inset:0}@keyframes bgShift{0%{background-position:0 0}to{background-position:100% 100%}}.orbital-bg-overlay{z-index:1;background:radial-gradient(#0000 30%,#05050f99 100%);position:absolute;inset:0}.orbital-stars{z-index:2;pointer-events:none;background-image:radial-gradient(1px 1px at 8% 12%,#ffffffd9 0%,#0000 100%),radial-gradient(1px 1px at 22% 58%,#ffffffa6 0%,#0000 100%),radial-gradient(1px 1px at 47% 8%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 68% 78%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 83% 32%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 13% 72%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 57% 48%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 91% 18%,#ffffffbf 0%,#0000 100%),radial-gradient(1px 1px at 38% 88%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 24% 38%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 3% 55%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 75% 65%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 44% 25%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 62% 92%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 96% 42%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 17% 5%,#ffffffd9 0%,#0000 100%),radial-gradient(1px 1px at 88% 85%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 52% 70%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 31% 95%,#ffffffa6 0%,#0000 100%),radial-gradient(1px 1px at 79% 2%,#ffffffbf 0%,#0000 100%);animation:5s ease-in-out infinite alternate starsTwinkle;position:absolute;inset:0}@keyframes starsTwinkle{0%{opacity:.6}to{opacity:1}}.orbital-ring{z-index:2;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{border:1px solid #ffffff0f;width:580px;height:580px;animation:6s ease-in-out infinite ringPulse}.ring-2{border:1px solid #a855f714;width:440px;height:440px;animation:7s ease-in-out 1s infinite ringPulse}.ring-3{border:1px solid #ffffff08;width:720px;height:720px;animation:8s ease-in-out 2s infinite ringPulse}@keyframes ringPulse{0%,to{opacity:.5}50%{opacity:1}}.orbital-center-glow{z-index:3;pointer-events:none;background:radial-gradient(circle,#a855f74d 0%,#0000 70%);border-radius:50%;width:240px;height:240px;animation:3s ease-in-out infinite centerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes centerGlow{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.orbital-center{z-index:10;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-center.loaded{animation:1s .2s both logoFadeIn}@keyframes logoFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.orbital-logo{object-fit:contain;filter:drop-shadow(0 0 20px #a855f7b3)drop-shadow(0 0 40px #a855f759);border-radius:16px;width:120px;height:120px}.orbital-logo-emoji{filter:drop-shadow(0 0 20px #a855f7cc);font-size:64px;line-height:1}.orbital-title{letter-spacing:8px;color:#ffffffe6;text-shadow:0 0 20px #a855f7cc;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:12px;font-weight:900}.orbital-nodes-layer{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.orbital-nodes-layer>*{pointer-events:auto}.orbital-node{cursor:pointer;opacity:0;animation:.5s forwards nodeAppear;position:absolute;top:50%;left:50%}@keyframes nodeAppear{0%{opacity:0}to{opacity:1}}.orbital-node-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:18px 16px;transition:all .3s;display:flex}.orbital-node:hover .orbital-node-inner{border-color:var(--node-color);background:#ffffff17;transform:scale(1.12)translateY(-4px);box-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff26}.orbital-node.active .orbital-node-inner{border-color:var(--node-color);background:#ffffff17;transform:scale(1.18);box-shadow:0 0 30px #fff6,0 0 60px #fff3}.orbital-node-icon{object-fit:contain;width:60px;height:60px;filter:drop-shadow(0 0 8px var(--node-color));border-radius:12px}.orbital-node-label{color:#fffc;letter-spacing:1.5px;text-align:center;text-transform:uppercase;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:8px;font-weight:700}.branch-item{cursor:pointer;opacity:0;animation:.3s forwards branchAppear;position:absolute;top:0;left:0}@keyframes branchAppear{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.branch-item-inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#050514e0;border:1px solid #ffffff26;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:200px;max-width:240px;padding:10px 16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.branch-item-inner:hover{border-color:var(--node-color,#a855f7);background:#ffffff1a;box-shadow:0 0 15px #a855f740}.branch-item.level-2 .branch-item-inner{background:#050519d9;border-color:#ffffff1a;min-width:180px;max-width:220px}.branch-title{color:#fff;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;overflow:hidden}.branch-arrow{color:#a855f7cc;flex-shrink:0;font-size:11px}.branch-connector{opacity:.35;pointer-events:none;width:40px;height:1px;position:absolute;top:50%}.branch-connector.left{left:auto;right:100%}.branch-connector.right{left:100%;right:auto}