.map-page{max-width:1540px}.map-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0 18px}.map-heading h1{margin:5px 0 0;font-size:58px;line-height:1;color:var(--g2);letter-spacing:2px}.map-heading h1 b{color:var(--g)}.map-heading p{margin:8px 0 0;text-transform:uppercase;letter-spacing:4px;color:#9bb0a6}.periods{display:flex;border:1px solid #0d6a46}.periods button{font:700 12px monospace;letter-spacing:1px;color:#719488;background:#020b07;border:0;border-right:1px solid #0d6a46;padding:13px 25px}.periods button:last-child{border:0}.periods button.active{color:var(--g2);box-shadow:inset 0 0 0 1px var(--g)}.periods button:disabled{opacity:.35;cursor:not-allowed}.map-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(330px,1fr);gap:16px}.flow-panel,.movers-panel{border:1px solid #0b9c66;background:rgba(1,8,5,.94)}.panel-cap{height:42px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--g)}.panel-cap span:last-child{font-size:10px}.flow-stage{position:relative;height:min(58vh,570px);min-height:430px;overflow:hidden}.flow-svg{position:absolute;inset:0;width:100%;height:100%}.future circle{fill:none;stroke:#156d50;stroke-width:1.5;stroke-dasharray:5 6;opacity:.5}.future-link{fill:none;stroke:#14563f;stroke-width:1.2;stroke-dasharray:5 6;opacity:.55}.flow-line{fill:none;stroke:var(--g);stroke-width:3;filter:drop-shadow(0 0 5px rgba(0,255,120,.6))}.flow-line.incoming{stroke-width:2;opacity:.82}.flow-line.out{marker-end:url(#arrow)}#arrow path{fill:var(--g)}.particles circle{fill:var(--g)}.flow-label{fill:var(--g2);font:700 15px monospace;letter-spacing:1px}.chain-node{position:absolute;border:2px solid var(--g);border-radius:50%;background:#02100a;color:var(--g2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:help;box-shadow:0 0 24px rgba(0,255,120,.09);z-index:2}.chain-node:hover{box-shadow:0 0 35px rgba(0,255,120,.28)}.chain-node svg{width:68px;height:68px;fill:none;stroke:var(--g2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chain-node strong{margin-top:5px;font-size:15px;letter-spacing:.5px}.juno-node{width:176px;height:176px;left:35%;top:50%;transform:translate(-50%,-50%)}.juno-node:after{content:"";position:absolute;inset:-22px;border:1px dotted rgba(0,255,120,.42);border-radius:50%}.osmo-node{width:144px;height:144px;left:82%;top:51%;transform:translate(-50%,-50%)}.osmo-node svg{width:58px;height:58px}.chain-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:8px 11px;border:1px solid var(--g);background:#020b07;color:var(--g2);font:700 11px monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}.chain-tooltip:after{content:"";position:absolute;left:50%;top:100%;border:5px solid transparent;border-top-color:var(--g)}.chain-node:hover .chain-tooltip,.chain-node:focus .chain-tooltip{opacity:1}.flow-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #0d6a46;margin:0 14px 14px}.flow-metrics div{padding:17px 24px;border-right:1px solid #0d6a46}.flow-metrics div:last-child{border:0}.flow-metrics span,.market-mini span{display:block;color:#5fb895;font-size:10px;letter-spacing:2px}.flow-metrics strong{display:block;margin-top:8px;color:var(--g2);font-size:22px}.movers-panel{padding:19px 14px}.movers-panel h2{margin:0 0 20px;color:var(--g2);font-size:24px}.movers-panel h2 span{color:var(--g);font-size:16px}.mover-box{border:1px solid #0d8056;margin-bottom:14px;padding:15px}.mover-box h3{margin:0 0 11px;color:var(--g2);font-size:18px}.mover-box.sellers h3,.sellers .mover-value{color:#ff6d48}.mover-box ol{list-style:none;margin:0;padding:0}.mover-box li{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:12px 3px;border-top:1px solid #123a2c;font-size:12px}.mover-box li:first-child{border-top:0}.mover-value{font-weight:bold;color:var(--g2)}.empty-mover{display:block!important;color:#527465;padding:18px 3px!important}.market-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-mini div{border:1px solid #0d6a46;padding:14px}.market-mini strong{display:block;color:var(--g2);font-size:20px;margin-top:8px}.market-mini div:last-child strong{font-size:12px}.collection-note{border-top:1px solid #154d38;margin:18px 3px 0;padding-top:14px;color:#668679;font:11px/1.6 monospace;letter-spacing:1px}.map-page+footer{margin-top:26px}@media(max-width:1000px){.map-layout{grid-template-columns:1fr}.movers-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.movers-panel h2,.market-mini,.collection-note{grid-column:1/-1}.mover-box{margin:0}.flow-stage{height:500px}}@media(max-width:700px){.map-heading{display:block}.map-heading h1{font-size:40px}.periods{margin-top:20px;width:100%}.periods button{flex:1;padding:12px 5px}.flow-stage{height:420px;min-height:420px}.juno-node{width:132px;height:132px;left:30%}.osmo-node{width:112px;height:112px;left:79%}.chain-node svg{width:48px;height:48px}.chain-node strong{font-size:11px}.flow-label{font-size:11px}.flow-metrics div{padding:12px 9px}.flow-metrics strong{font-size:15px}.movers-panel{display:block}.mover-box{margin-bottom:12px}}

/* v2 — authentic chain marks with restrained Matrix flicker */
.chain-logo-shell{position:relative;display:block;width:58px;height:58px;flex:0 0 auto;border:1px solid rgba(98,255,194,.8);border-radius:50%;overflow:hidden;background:#010805;box-shadow:0 0 12px rgba(0,255,157,.16),inset 0 0 12px rgba(0,255,157,.08);isolation:isolate}
.osmo-node .chain-logo-shell{width:50px;height:50px}
.chain-logo{width:100%!important;height:100%!important;display:block;object-fit:contain;padding:5px;border-radius:50%;filter:brightness(0) saturate(100%) invert(88%) sepia(38%) saturate(1430%) hue-rotate(94deg) brightness(104%) contrast(104%) drop-shadow(0 0 5px rgba(0,255,157,.55))!important;animation:chain-matrix-flicker 7.3s steps(1,end) infinite}
.osmo-node .chain-logo{animation-delay:-3.1s}
.chain-logo-shell:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,255,157,.13) 6px,transparent 7px);mix-blend-mode:screen;opacity:.2;animation:chain-scan 4.7s linear infinite}
.chain-logo-shell:after{content:"";position:absolute;left:7%;right:7%;top:47%;height:2px;z-index:3;background:var(--g2);box-shadow:-5px 0 8px var(--g),5px 0 8px var(--g);opacity:0;animation:chain-glitch-line 7.3s steps(1,end) infinite}
.osmo-node .chain-logo-shell:after{animation-delay:-3.1s}
@keyframes chain-matrix-flicker{0%,82%,84%,88%,91%,100%{opacity:1;transform:translate(0);clip-path:inset(0)}83%{opacity:.38;transform:translateX(-2px);clip-path:inset(18% 0 42% 0)}85%{opacity:.86;transform:translateX(2px)}89%{opacity:.24;transform:translateX(1px);clip-path:inset(58% 0 12% 0)}90%{opacity:1;transform:translateX(-1px);filter:brightness(0) saturate(100%) invert(88%) sepia(38%) saturate(1430%) hue-rotate(94deg) brightness(145%) contrast(115%) drop-shadow(0 0 10px rgba(0,255,157,.9))}}
@keyframes chain-glitch-line{0%,81%,86%,100%{opacity:0}82%,84%{opacity:.75;transform:translateX(-4px)}83%,85%{opacity:.25;transform:translateX(5px)}}
@keyframes chain-scan{from{transform:translateY(-8px)}to{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.chain-logo,.chain-logo-shell:before,.chain-logo-shell:after{animation:none}.chain-logo-shell:after{display:none}}
@media(max-width:700px){.chain-logo-shell{width:44px;height:44px}.osmo-node .chain-logo-shell{width:40px;height:40px}}


/* v3 — transparent matrix-code logo artwork; overrides the lossy PNG recolor */
.chain-logo{padding:1px!important;filter:drop-shadow(0 0 5px rgba(0,255,157,.65))!important}
.chain-logo-shell{background:radial-gradient(circle,#03140d 0,#010805 72%);box-shadow:0 0 13px rgba(0,255,157,.2),inset 0 0 12px rgba(0,255,157,.1)}


/* v4 — selected holographic-scan variant */
.chain-logo-shell:after{left:5%;right:5%;top:0;height:1px;background:#b8ffe3;box-shadow:0 0 4px #b8ffe3,0 0 10px var(--g),0 0 18px var(--g);opacity:0;animation:chain-holographic-scan 4.8s linear infinite}
.osmo-node .chain-logo-shell:after{animation-delay:-2.2s}
@keyframes chain-holographic-scan{0%,12%{opacity:0;transform:translateY(4px)}18%{opacity:.9}54%{opacity:.75}61%,100%{opacity:0;transform:translateY(51px)}}
@media(prefers-reduced-motion:reduce){.chain-logo-shell:after{animation:none;display:none}}


/* v5 — match approved concept scale and full logo-area code rain */
.chain-node{isolation:isolate}
.chain-node strong{position:relative;z-index:5}
.chain-logo-shell,.osmo-node .chain-logo-shell{position:relative;z-index:3;border:0;background:transparent;overflow:visible;box-shadow:none}
.juno-node .chain-logo-shell{width:90px;height:90px}
.osmo-node .chain-logo-shell{width:76px;height:76px}
.chain-logo-shell:before,.chain-logo-shell:after{display:none!important}
.chain-logo{padding:0!important;position:relative;z-index:3}
.node-code-rain{position:absolute;z-index:1;left:15%;right:15%;top:13%;height:61%;display:flex;justify-content:space-around;overflow:hidden;pointer-events:none;opacity:.62;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 82%,transparent 100%)}
.node-code-rain i{display:block;width:1ch;color:var(--g);font:700 8px/1.05 monospace;font-style:normal;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:upright;text-shadow:0 0 5px var(--g);animation:node-code-fall 3.1s linear infinite}
.node-code-rain i:nth-child(2){animation-duration:4.2s;animation-delay:-1.8s;opacity:.55}.node-code-rain i:nth-child(3){animation-duration:2.7s;animation-delay:-.7s}.node-code-rain i:nth-child(4){animation-duration:3.8s;animation-delay:-2.6s;opacity:.5}.node-code-rain i:nth-child(5){animation-duration:2.9s;animation-delay:-1.2s}.node-code-rain i:nth-child(6){animation-duration:4.5s;animation-delay:-3.1s;opacity:.65}
.node-scan-beam{position:absolute;z-index:4;left:14%;right:14%;top:13%;height:2px;pointer-events:none;background:#caffeb;box-shadow:0 0 4px #caffeb,0 0 10px var(--g),0 0 18px var(--g);opacity:0;animation:node-scan-down 4.8s linear infinite}
.osmo-node .node-scan-beam{animation-delay:-2.2s}
@keyframes node-code-fall{from{transform:translateY(-72%)}to{transform:translateY(20%)}}
@keyframes node-scan-down{0%,10%{opacity:0;transform:translateY(0)}16%{opacity:.95}55%{opacity:.72}63%,100%{opacity:0;transform:translateY(94px)}}
@media(max-width:700px){.juno-node .chain-logo-shell{width:70px;height:70px}.osmo-node .chain-logo-shell{width:60px;height:60px}.node-code-rain i{font-size:6px}.node-scan-beam{left:12%;right:12%}}
@media(prefers-reduced-motion:reduce){.node-code-rain i,.node-scan-beam{animation:none}.node-scan-beam{display:none}}


/* v6 — approved treatment uses recolored authentic PNG artwork */
.chain-logo{display:block;object-fit:contain;padding:0!important;filter:drop-shadow(0 0 4px rgba(0,255,157,.8)) drop-shadow(0 0 9px rgba(0,255,157,.28))!important}
.juno-node .chain-logo-shell{width:94px;height:94px}
.osmo-node .chain-logo-shell{width:80px;height:80px}

/* v7 — Terra future zone */
.terra-node{width:112px;height:112px;left:65.5%;top:84%;transform:translate(-50%,-50%);border-style:dashed;opacity:.82}
.terra-node .chain-logo-shell{width:56px;height:56px}
.terra-glyph{display:grid;place-items:center;width:100%;height:100%;border:2px solid var(--g);border-radius:50%;color:var(--g2);font:700 30px/1 monospace;text-shadow:0 0 8px var(--g);background:radial-gradient(circle,#07351f 0,#010805 72%)}
.terra-node .node-code-rain{opacity:.38}
.terra-node .node-scan-beam{animation-delay:-1.1s}
@media(max-width:700px){.terra-node{width:88px;height:88px;left:64%;top:84%}.terra-node .chain-logo-shell{width:42px;height:42px}.terra-glyph{font-size:23px}}

/* v8 — centered Juno hub with official Terra future zone */
.juno-node{left:50%}
.osmo-node{left:82%;top:50%}
.terra-node{width:144px;height:144px;left:18%;top:50%;transform:translate(-50%,-50%);border-style:dashed;opacity:.9}
.terra-node .chain-logo-shell{width:80px;height:80px}
.terra-node .chain-logo{filter:brightness(0) saturate(100%) invert(88%) sepia(38%) saturate(1430%) hue-rotate(94deg) brightness(104%) contrast(104%) drop-shadow(0 0 5px rgba(0,255,157,.55))!important}
.terra-link{fill:none;stroke:#20d99a;stroke-width:2;stroke-dasharray:9 9;opacity:.62}
.terra-link-label{fill:#54b995;font:700 12px monospace;letter-spacing:2px}
@media(max-width:700px){.juno-node{left:50%}.osmo-node{left:82%}.terra-node{width:112px;height:112px;left:18%;top:50%}.terra-node .chain-logo-shell{width:60px;height:60px}.terra-link-label{font-size:10px}}

/* v9 — visually balance the inactive Terra mark */
.terra-node .chain-logo{opacity:.46;filter:brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(950%) hue-rotate(94deg) brightness(78%) contrast(96%) drop-shadow(0 0 3px rgba(0,255,157,.38))!important}