.network-visualization{--network-gold:#e5c879;isolation:isolate;width:100%;max-width:520px;margin:0 auto 18px;position:relative}.network-topline{color:#c8b786;font:500 .59rem/1.6 var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #554629;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 12px;display:flex}.network-topline>span:first-child{align-items:center;gap:8px;display:inline-flex}.network-topline>span:last-child{color:#ac9f82}.network-topology{aspect-ratio:520/440;isolation:isolate;width:100%;position:relative}.network-grid{z-index:-1;background-color:#0000;background-image:linear-gradient(#ac8d3b12 1px,#0000 1px),linear-gradient(90deg,#ac8d3b12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.network-aura{z-index:-1;opacity:.5;background:radial-gradient(#c9911930,#bc8d1510 50%,#0000 72%);border-radius:50%;animation:7s ease-in-out infinite network-breathe;position:absolute;inset:16%}.network-circuit{width:100%;height:100%;position:absolute;overflow:visible}.network-orbit-rotor{transform-origin:260px 220px;animation:54s linear infinite network-orbit}.network-orbit-reverse{animation-duration:38s;animation-direction:reverse}.network-packet{animation:6s linear infinite network-transmit;animation-delay:var(--signal-delay,0s)}.network-peer-halo{transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite network-peer;animation-delay:var(--signal-delay,0s)}.network-core{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0;transform:translateY(-6px)}.network-core img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 16px #d8b75f36);width:19%;max-width:93px;height:auto}.network-core strong{color:#f6e6b3;letter-spacing:-.04em;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:600;line-height:1.25}.network-core>span{color:#c1b28c;font:500 .54rem/1.5 var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.network-core strong,.network-core>span{transform:translateY(clamp(-6px,-1vw,-4px))}.network-station{color:#f1dfb0;background:linear-gradient(120deg,#292214,#14120c);border:1px solid #8b703d;border-left:2px solid #e4c879;align-items:center;gap:9px;padding:11px 12px;font-size:.73rem;line-height:1.4;display:flex;position:absolute;box-shadow:0 7px 22px #0005}.network-station>svg{color:#dfbf74;flex-shrink:0}.network-station small{color:#b9aa8b;font:500 .46rem/1.5 var(--font-mono), monospace;letter-spacing:.09em;margin-top:3px;display:block}.network-wallet{top:19%;left:0}.network-vote{top:53%;right:0}.network-rewards{bottom:5%;left:5%}.network-device{color:#bda46b;background:#1a170f;border:1px solid #756033;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;box-shadow:0 0 0 4px #15120b}.device-radio{top:5%;left:calc(50% - 15px)}.device-server{top:20%;right:13%}.device-cpu{bottom:8%;right:24%}.network-edge-label{writing-mode:vertical-rl;color:#a39371;font:500 .45rem/1 var(--font-mono), monospace;letter-spacing:.16em;position:absolute;bottom:14%;right:0}.network-block-chain{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 8px 0;display:grid}.network-block{color:#e4d4ae;background:#19160f;border:1px solid #66512e;align-items:center;gap:9px;min-width:0;padding:12px 10px;font-size:.66rem;display:flex;position:relative}.network-block>svg{color:#d9b76a;flex-shrink:0}.network-block small{color:#b5a078;font:500 .5rem/1 var(--font-mono), monospace;margin-bottom:3px;display:block}.network-block i{transform-origin:0;background:#f0cc73;width:calc(100% + 2px);height:2px;animation:9s ease-in-out infinite network-block-proof;position:absolute;bottom:-1px;left:-1px;transform:scaleX(.35)}.network-block:nth-child(2) i{animation-delay:3s}.network-block:nth-child(3) i{animation-delay:6s}.network-block+.network-block:before{content:"";background:#aa8641;width:21px;height:1px;position:absolute;top:50%;right:100%}.network-caption{justify-content:space-between;align-items:center;gap:8px;margin:8px 8px 0;display:flex}.network-caption-toggle{color:#b8ad96;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;min-height:44px;margin:0;padding:0;font-family:inherit;font-size:.62rem;line-height:1.65}.network-caption-toggle:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.network-caption-toggle:focus-visible{outline-offset:3px;outline:2px solid #e4c879}.network-caption-toggle:disabled{cursor:default}.network-visualization[data-motion=paused] *,.network-visualization[data-motion=paused] :before,.network-visualization[data-motion=paused] :after{animation-play-state:paused!important}@keyframes network-orbit{to{transform:rotate(360deg)}}@keyframes network-transmit{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes network-peer{0%,65%,to{opacity:.22;transform:scale(.85)}25%{opacity:.7;transform:scale(1.35)}}@keyframes network-breathe{0%,to{opacity:.4}50%{opacity:.85}}@keyframes network-block-proof{0%,to{opacity:.2;transform:scaleX(.2)}12%,28%{opacity:.85;transform:scaleX(1)}40%,95%{opacity:.2;transform:scaleX(1)}}@media (min-width:901px) and (max-width:1100px){.network-station{gap:6px;padding:8px;font-size:.64rem}.network-core{gap:7px}.network-core>span{font-size:.45rem}.network-block-chain{gap:12px}.network-block{gap:6px;padding:10px 7px}.network-block+.network-block:before{width:13px}}@media (max-width:480px){.network-topline{letter-spacing:.07em;font-size:.53rem}.network-core{gap:7px;transform:translateY(-8px)}.network-core strong{font-size:1.05rem}.network-core>span{letter-spacing:.03em;font-size:.43rem}.network-station{gap:6px;padding:8px;font-size:.64rem}.network-station>svg{width:14px;height:14px}.network-station small{font-size:.4rem}.network-vote{top:58%}.network-rewards{bottom:2%;left:2%}.network-device{border-radius:4px;width:23px;height:23px}.network-device svg{width:13px;height:13px}.device-radio{left:calc(50% - 12px)}.network-edge-label{display:none}.network-block-chain{margin-inline:0;gap:12px;margin-top:16px}.network-block{gap:6px;padding:10px 7px;font-size:.6rem}.network-block>svg{width:13px;height:13px}.network-block+.network-block:before{width:13px}.network-caption{margin-inline:0}.network-caption-toggle{font-size:.59rem}}@media (max-width:350px){.network-core{transform:translateY(-12px)}.network-core img{width:17%}}@media (prefers-reduced-motion:reduce){.network-visualization *,.network-visualization :before,.network-visualization :after{transition:none!important;animation:none!important}.network-block i{opacity:.45;transform:scaleX(1)}}
