/* MANTA NEXUS — interactive platform navigation hub */
.manta-nexus-section{position:relative;isolation:isolate;margin:20px 0 18px;padding:17px 13px 12px;overflow:hidden;border:1px solid #1b65b8;border-radius:28px;background:radial-gradient(ellipse at 50% 48%,#0d3a7d 0%,#09265b 48%,#061536 100%);box-shadow:0 16px 38px #08295b26,inset 0 1px #ffffff26;color:#f5fbff}
.manta-nexus-section:before,.manta-nexus-section:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #62c9ff18;border-radius:50%;transform:rotate(-18deg)}
.manta-nexus-section:before{width:520px;height:180px;left:-110px;top:100px}.manta-nexus-section:after{width:420px;height:140px;right:-130px;bottom:38px;transform:rotate(28deg)}
.manta-nexus-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:1px 5px 0}
.manta-nexus-kicker{display:inline-flex;align-items:center;gap:7px;color:#9cdbff;font-size:9px;font-weight:950;letter-spacing:1.65px}
.manta-nexus-kicker i,.manta-nexus-footer>span i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#45e7ff;box-shadow:0 0 11px #40dfff;animation:mantaNexusPulse 2s ease-in-out infinite}
.manta-nexus-heading h2{margin:6px 0 3px;color:#fff;font-size:24px;line-height:1.05;font-weight:1000;letter-spacing:1.2px;text-shadow:0 4px 18px #00aaff55}
.manta-nexus-heading h2 em{font-style:normal;color:#6ee9ff}
.manta-nexus-heading p{margin:0;color:#b8d5f5;font-size:10px;font-weight:650;line-height:1.5}
.manta-nexus-version{flex:none;padding:6px 9px;border:1px solid #8bcfff55;border-radius:10px;background:#ffffff0d;color:#a9dfff;font-size:9px;font-weight:900;letter-spacing:1px}
.manta-nexus-stage{position:relative;width:100%;max-width:420px;aspect-ratio:360/350;margin:8px auto 2px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.manta-nexus-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.manta-nexus-orbit{position:absolute;z-index:0;left:50%;top:50%;width:42%;aspect-ratio:1;border:1px solid #6eeaff26;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--nexus-turn,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.manta-nexus-orbit:before,.manta-nexus-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed #78cfff52;inset:8%}
.manta-nexus-orbit:after{inset:-12%;border-style:solid;border-color:#75e8ff16}
.manta-nexus-orbit.orbit-two{width:64%;border-color:#a88bff1d;transform:translate(-50%,-50%) rotate(calc(0deg - var(--nexus-turn,0deg)));transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.manta-nexus-orbit.orbit-two:before{inset:7%;border-color:#a88bff36;border-style:dotted}
.manta-nexus-core{position:absolute;z-index:2;left:50%;top:50%;width:29.5%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #9af5ff9c;border-radius:50%;background:radial-gradient(circle at 34% 22%,#1f82b5 0%,#0b3c84 48%,#071b4b 100%);box-shadow:0 0 0 5px #39dfff12,0 0 0 11px #39dfff09,0 0 28px #22c8ff75,inset 0 0 22px #5be7ff33;text-align:center}
.manta-nexus-core:before{content:"";position:absolute;inset:7px;border:1px dashed #8deeff5c;border-radius:50%;animation:mantaNexusSpin 25s linear infinite}
.manta-nexus-core-mark{display:grid;place-items:center;width:25px;height:25px;margin-bottom:2px;border:1px solid #b5f7ff;border-radius:8px;background:linear-gradient(145deg,#2bcfff,#1366d9);box-shadow:0 0 15px #46dfff75;color:#fff;font-size:15px;font-weight:1000}
.manta-nexus-core>b{color:#fff;font-size:10px;line-height:1.02;letter-spacing:1px;text-shadow:0 2px 9px #00cfff66}
.manta-nexus-core>small{margin-top:2px;color:#9deaff;font-size:6.5px;font-weight:950;letter-spacing:1.05px}
.manta-nexus-core>i{position:absolute;bottom:-13px;width:18px;height:2px;border-radius:5px;background:#5cecff;box-shadow:0 0 9px #5cecff}
.manta-nexus-node{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;width:31.5%;height:17.2%;min-height:54px;max-height:66px;padding:6px 6px;border:1px solid #6ccfff67;border-radius:15px;background:linear-gradient(140deg,#164f92ed,#081d4beb);box-shadow:0 7px 16px #020b245c,inset 0 1px #ffffff24;color:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}
.manta-nexus-node:active{transform:scale(.96);border-color:#a8f3ff;box-shadow:0 0 0 3px #43dbff24,0 8px 18px #0005}
.manta-nexus-node:focus-visible{outline:2px solid #a6f3ff;outline-offset:3px}
.manta-nexus-node.nexus-wallet,.manta-nexus-node.nexus-packages{top:10%;}
.manta-nexus-node.nexus-wallet,.manta-nexus-node.nexus-team,.manta-nexus-node.nexus-tasks{left:2.2%}
.manta-nexus-node.nexus-packages,.manta-nexus-node.nexus-income,.manta-nexus-node.nexus-rewards{right:2.2%}
.manta-nexus-node.nexus-team,.manta-nexus-node.nexus-income{top:41.4%}
.manta-nexus-node.nexus-tasks,.manta-nexus-node.nexus-rewards{top:72.8%}
.manta-nexus-node-icon{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #a0edff65;border-radius:9px;background:linear-gradient(145deg,#28baf2,#1555b8);box-shadow:0 0 12px #39ceff36;color:#fff}
.manta-nexus-node-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.manta-nexus-node-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;overflow:hidden}
.manta-nexus-node-copy b{display:block;color:#fff;font-size:10px;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manta-nexus-node-copy small{display:block;color:#b7d4f3;font-size:7.5px;font-weight:650;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manta-nexus-node-copy em{display:block;color:#6fe7ff;font-size:7px;font-style:normal;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manta-nexus-node-arrow{flex:none;margin-left:auto;color:#75e7ff;font-size:13px;font-weight:900}
.manta-nexus-node.nexus-packages .manta-nexus-node-icon{background:linear-gradient(145deg,#8b7cff,#4b47c9)}
.manta-nexus-node.nexus-tasks .manta-nexus-node-icon{background:linear-gradient(145deg,#1dd4b1,#087f94)}
.manta-nexus-node.nexus-income .manta-nexus-node-icon{background:linear-gradient(145deg,#44c9ff,#1767d2)}
.manta-nexus-node.nexus-team .manta-nexus-node-icon{background:linear-gradient(145deg,#fcba59,#c66b1d)}
.manta-nexus-node.nexus-rewards .manta-nexus-node-icon{background:linear-gradient(145deg,#f28ac7,#a13ac5)}
.manta-nexus-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 5px 0;border-top:1px solid #6ccfff22}
.manta-nexus-footer>span{display:inline-flex;align-items:center;gap:7px;color:#9fc6e9;font-size:8px;font-weight:900;letter-spacing:.8px}
.manta-nexus-footer>span i{width:6px;height:6px}
.manta-nexus-footer button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #76cbff3d;border-radius:99px;background:#ffffff0b;color:#a9eaff;font-size:12px;font-weight:900;cursor:pointer}
.manta-nexus-footer button span{font-size:8px;font-weight:850}
@keyframes mantaNexusPulse{0%,100%{opacity:1;box-shadow:0 0 7px #40dfff}50%{opacity:.5;box-shadow:0 0 15px #40dfff}}
@keyframes mantaNexusSpin{to{transform:rotate(360deg)}}
@media(min-width:600px){.manta-nexus-section{padding:22px 22px 15px;border-radius:32px}.manta-nexus-heading h2{font-size:29px}.manta-nexus-stage{max-width:460px}.manta-nexus-node{height:17%;min-height:62px;padding:8px 9px;gap:9px;border-radius:17px}.manta-nexus-node-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}.manta-nexus-node-icon svg{width:19px;height:19px}.manta-nexus-node-copy b{font-size:11px}.manta-nexus-node-copy small{font-size:8px}.manta-nexus-node-copy em{font-size:7.5px}}
@media(max-width:350px){.manta-nexus-section{padding-left:9px;padding-right:9px}.manta-nexus-node{width:32%;gap:5px;padding:5px 4px;border-radius:12px}.manta-nexus-node-icon{width:22px;height:22px;flex-basis:22px;border-radius:7px}.manta-nexus-node-icon svg{width:15px;height:15px}.manta-nexus-node-copy b{font-size:9px}.manta-nexus-node-copy small{font-size:7px}.manta-nexus-node-copy em{font-size:6.5px}.manta-nexus-core{width:28.5%}.manta-nexus-core>b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.manta-nexus-kicker i,.manta-nexus-footer>span i,.manta-nexus-core:before{animation:none!important}.manta-nexus-node,.manta-nexus-orbit{transition:none!important}}

.manta-nexus-node.is-actionable{border-color:#79f0cf;background:linear-gradient(140deg,#116c81f2,#092952f2);box-shadow:0 0 0 2px #37e7c328,0 0 20px #2ce8c65c,0 7px 18px #020b2470,inset 0 1px #ffffff32}
.manta-nexus-node.is-actionable:after{content:"";position:absolute;inset:-2px;border:1px solid #66f0ce9c;border-radius:16px;pointer-events:none;animation:mantaNexusActionPulse 1.8s ease-in-out infinite}
.manta-nexus-action-badge:not([hidden]){position:absolute;right:6px;top:-7px;z-index:4;max-width:75px;padding:3px 5px;border:1px solid #a5ffe5;border-radius:99px;background:#0a957c;color:#fff;font-size:6px;font-weight:1000;letter-spacing:.2px;line-height:1.2;white-space:nowrap;box-shadow:0 3px 8px #00152b80}
.manta-nexus-node.is-actionable .manta-nexus-node-icon{box-shadow:0 0 0 2px #6fffd033,0 0 16px #56ffd188}
@keyframes mantaNexusActionPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.manta-nexus-node.is-actionable:after{animation:none!important}}

.manta-nexus-stage.orbit-reversed .manta-nexus-orbit.orbit-one{border-color:#a9a0ff48}

.manta-nexus-stage:active{cursor:grabbing}