:root{--bg: #04070f;--accent: #4601e8;--green: #16b54b;--red: #ee3532;--blue: #3a7bff;--text: #e5e5e5;--muted: #7d869c;--panel: rgba(10, 14, 26, .62);--border: rgba(120, 130, 170, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0}#scene canvas{touch-action:none}.node-label{font-family:Inter,sans-serif;font-size:10px;line-height:1.25;text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translateY(-4px);text-shadow:0 0 6px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.node-label .nl-name{font-weight:700;letter-spacing:.02em}.node-label .nl-role{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.node-label .nl-stats{font-size:9px;font-variant-numeric:tabular-nums}.node-label .pos{color:var(--green)}.node-label .neg{color:var(--red)}.node-label.dim{opacity:.35}.hub-label{font-family:Inter,sans-serif;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 10px rgba(0,0,0,.95)}.hub-label .hl-name{font-weight:700;font-size:14px;letter-spacing:.04em}.hub-label .hl-sub{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}#hud-top{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:10;background:linear-gradient(180deg,#04070fd9,#04070f00);pointer-events:none}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{width:22px;height:22px;flex:0 0 auto;object-fit:contain;align-self:center;filter:drop-shadow(0 0 10px rgba(245,76,111,.55))}.brand .title{font-weight:700;letter-spacing:.14em;font-size:15px}.brand .sub{font-size:10px;letter-spacing:.22em;color:var(--muted)}.conn{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em;pointer-events:none}.src-mode{pointer-events:auto;cursor:pointer;margin-left:14px;background:#0c121ee6;color:var(--blue, #3a7bff);border:1px solid rgba(120,160,220,.35);border-radius:6px;font:11px/1.2 inherit;letter-spacing:.04em;padding:5px 8px;outline:none}.src-mode:hover{border-color:#78a0dcb3}.src-mode option{background:#0a1220;color:#cfe}.snd-toggle{pointer-events:auto;cursor:pointer;background:#141e3299;border:1px solid rgba(120,160,220,.35);border-radius:6px;padding:3px 8px;font-size:14px;line-height:1;margin-left:6px}.snd-toggle:hover{border-color:#78a0dcb3}.conn .dot{width:8px;height:8px;border-radius:50%}.conn.live .dot{background:var(--green);box-shadow:0 0 10px var(--green)}.conn.connecting .dot{background:#c9a227;box-shadow:0 0 10px #c9a227;animation:pulse 1s infinite}.conn.down .dot{background:var(--red);box-shadow:0 0 10px var(--red);animation:pulse .7s infinite}.conn.live .txt{color:var(--green)}.conn.connecting .txt{color:#d9b53a}.conn.down .txt{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#hud-stats{position:fixed;top:58px;left:18px;z-index:10;display:flex;gap:10px;flex-wrap:wrap;max-width:62vw}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 12px;min-width:96px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat .k{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.stat .v{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.stat.drift .v.ok{color:var(--green)}.stat.drift .v.bad{color:var(--red)}#hud-legend{position:fixed;bottom:16px;left:18px;z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:160px}.legend-title{font-size:9px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.legend-title.flows{margin-top:12px}#legend-roles{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}#legend-roles .row{display:flex;align-items:center;gap:7px;font-size:11px}.legend-flows{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--text)}.sw,.legend-flows i{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-flows .sw.green{background:var(--green);box-shadow:0 0 8px var(--green)}.legend-flows .sw.red{background:var(--red);box-shadow:0 0 8px var(--red)}.legend-flows .sw.blue{background:var(--blue);box-shadow:0 0 8px var(--blue)}.legend-flows span{display:flex;align-items:center;gap:7px}#feed{position:fixed;right:18px;bottom:18px;z-index:12;width:460px;max-width:46vw;background:var(--panel);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 48px #00000080;overflow:hidden;display:flex;flex-direction:column}.feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#4601e824,#4601e800);cursor:pointer;-webkit-user-select:none;user-select:none}.feed-head:hover{background:linear-gradient(180deg,#4601e838,#4601e800)}.feed-title{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--text)}.feed-sub{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-right:auto;margin-left:10px}.feed-caret{font-size:12px;color:var(--muted)}#feed.collapsed .feed-list{display:none}.feed-list{max-height:52vh;overflow:hidden;display:flex;flex-direction:column;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 88%,transparent 100%)}.feed-row{display:grid;grid-template-columns:58px 20px 1fr auto;align-items:center;gap:11px;padding:11px 16px;font-size:14px;font-variant-numeric:tabular-nums;border-bottom:1px solid rgba(120,130,170,.08);white-space:nowrap;overflow:hidden}.feed-row.enter{animation:feedIn .42s cubic-bezier(.16,1,.3,1)}@keyframes feedIn{0%{opacity:0;transform:translateY(-10px) scale(.98);background:#4601e82e}to{opacity:1;transform:none;background:transparent}}.feed-row .f-time{color:var(--muted);font-size:10px}.feed-row .f-icon{font-size:11px;text-align:center}.feed-row .f-bot{font-weight:600;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;gap:6px}.feed-row .f-role{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.feed-row .f-verb{font-size:9px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.feed-row .f-verb .f-mkt{color:var(--text);font-weight:600}.feed-row .f-amt{text-align:right;font-weight:600}.feed-row.buy .f-icon,.feed-row.buy .f-amt{color:var(--green)}.feed-row.buy{box-shadow:inset 3px 0 0 var(--green)}.feed-row.sell .f-icon,.feed-row.sell .f-amt{color:var(--red)}.feed-row.sell{box-shadow:inset 3px 0 0 var(--red)}.feed-row.deposit .f-icon,.feed-row.deposit .f-amt{color:var(--blue)}.feed-row.deposit{box-shadow:inset 3px 0 0 var(--blue)}.feed-row.debit .f-icon,.feed-row.debit .f-amt{color:#c9a227}.feed-row.debit{box-shadow:inset 3px 0 #c9a227}.feed-row.liq .f-icon,.feed-row.liq .f-amt{color:var(--red);font-weight:800}.feed-row.liq{box-shadow:inset 3px 0 0 var(--red);background:#ee353212}.tooltip{position:fixed;z-index:20;pointer-events:none;background:#080b16f2;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:11px;max-width:240px;line-height:1.5;box-shadow:0 8px 30px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip.hidden{display:none}.tooltip .tt-name{font-weight:700;font-size:13px}.tooltip .tt-role{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.tooltip .tt-row{display:flex;justify-content:space-between;gap:16px;font-variant-numeric:tabular-nums}.tooltip .tt-row .lbl{color:var(--muted)}.tooltip .pos{color:var(--green)}.tooltip .neg{color:var(--red)}.tooltip hr{border:none;border-top:1px solid var(--border);margin:6px 0}.feed-row .f-time{font-size:12px}.feed-row .f-verb,.feed-row .f-role{font-size:11px}.feed-row .f-icon{font-size:16px}.feed-row .f-bot{font-size:14px;font-weight:700}.feed-row .f-amt{font-size:14px}.contract-chip{font-size:11px;letter-spacing:.08em;color:var(--muted);display:flex;gap:6px;align-items:center}.contract-chip b{color:#16b54b;font-weight:800;letter-spacing:.12em}.contract-chip .net{opacity:.65}.feed-row{padding:16px 18px!important;gap:14px!important}.feed-list{gap:2px}.controls{position:fixed;top:58px;right:18px;z-index:13;width:234px;background:var(--panel);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 48px #00000080;overflow:hidden;font-variant-numeric:tabular-nums}.ctl-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#4601e829,#4601e800)}.ctl-head:hover{background:linear-gradient(180deg,#4601e83d,#4601e800)}.ctl-title{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--text)}.ctl-caret{font-size:11px;color:var(--muted)}.ctl-body{padding:10px 14px 12px;display:flex;flex-direction:column;gap:9px}.controls.collapsed .ctl-body{display:none}.ctl-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ctl-lab{font-size:10px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.ctl-sel{flex:1 1 auto;max-width:130px;background:#0c121ee6;color:var(--text);border:1px solid rgba(120,160,220,.28);border-radius:6px;font:11px/1.2 inherit;letter-spacing:.02em;padding:5px 7px;outline:none;cursor:pointer;text-align:right}.ctl-sel:hover{border-color:#78a0dc99}.ctl-sel:focus{border-color:var(--accent);box-shadow:0 0 0 1px #4601e880}.ctl-sel option{background:#0a1220;color:#cfe;text-align:left}.ctl-toggle{margin-top:2px}.ctl-chk{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:18px;border-radius:10px;background:#7882aa40;border:1px solid var(--border);position:relative;cursor:pointer;transition:background .2s}.ctl-chk:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#cdd4e6;transition:transform .2s}.ctl-chk:checked{background:var(--accent);box-shadow:0 0 10px #4601e899}.ctl-chk:checked:after{transform:translate(16px);background:#fff}.ctl-legend{margin-top:6px;padding-top:9px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.ctl-leg-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.03em}.ctl-leg-row>span:first-child{color:var(--muted);text-transform:uppercase}.ctl-grad{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text)}.ctl-muted{color:var(--muted)}.ctl-sw{width:9px;height:9px;border-radius:50%;display:inline-block}.ctl-markets{margin-top:6px;padding-top:9px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.ctl-sub-title{font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}@media (max-width: 820px){.controls{top:auto;bottom:12px;right:12px;width:198px}.controls .ctl-body{max-height:46vh;overflow-y:auto}}@media (max-width: 560px){.controls{width:168px}.ctl-sel{max-width:96px}}@media (max-width: 820px){#hud-stats{max-width:calc(100vw - 24px);left:12px;top:52px;gap:8px}.stat{min-width:78px;padding:6px 9px}.stat .v{font-size:16px}#feed{width:auto;left:12px;right:12px;max-width:none;bottom:12px}.feed-list{max-height:38vh}.feed-row{padding:12px 14px!important;gap:10px!important;font-size:12px}#hud-legend{left:12px;bottom:auto;top:116px;padding:9px 11px;min-width:0}}@media (max-width: 560px){#hud-top{height:auto;flex-wrap:wrap;gap:6px 12px;padding:8px 12px}.brand .sub,.contract-chip .net{display:none}#hud-stats{top:64px;left:0;right:0;max-width:none;flex-wrap:nowrap;overflow-x:auto;padding:0 12px 4px;-webkit-overflow-scrolling:touch}.stat{flex:0 0 auto;min-width:92px}#hud-legend{top:auto;bottom:12px;left:12px;right:auto}#legend-roles{grid-template-columns:1fr}.feed-list{max-height:30vh}.feed-sub{display:none}}