:root{--bg:#02060c;--bg-panel:#04121cb8;--cyan:#00e5ff;--cyan-dim:#00bcd4;--cyan-glow:#00e5ff8c;--green:#00ffc8;--text:#b8f0ff;--text-dim:#5a8a9a;--danger:#f46;--panel-border:#00e5ff8c;--font-hud:"Share Tech Mono", ui-monospace, monospace;--font-display:"Orbitron", "Share Tech Mono", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100dvh;color:var(--text);font-family:var(--font-hud);touch-action:none;margin:0;overflow:hidden}#root{width:100%;height:100dvh;position:fixed;inset:0}body{background:radial-gradient(80% 60% at 50% 40%,#003c5059,#0000 70%),radial-gradient(50% 40% at 50% 100%,#00283c66,#0000 60%),linear-gradient(#010308 0%,#020a12 40%,#031018 100%)}button,input,select{color:inherit;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#00e5ff59}.app-shell{grid-template-rows:auto 1fr auto;width:100%;height:100dvh;min-height:100svh;display:grid;position:relative;overflow:hidden}.network-backdrop{z-index:0;position:absolute;inset:0}.network-backdrop .network-viz{position:absolute;inset:0}.brand-sub{opacity:.55;font-size:11px}.center-spacer{pointer-events:none;min-width:0;position:relative}.top-chrome{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 24px 6px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.28em;color:var(--cyan);text-shadow:0 0 12px var(--cyan-glow);pointer-events:auto;font-size:13px}.brand span{opacity:.45;margin:0 8px}.scanlines{pointer-events:none;z-index:4;opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.vignette{pointer-events:none;z-index:3;background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.main-stage{z-index:2;grid-template-columns:minmax(280px,340px) 1fr minmax(280px,340px);gap:16px;min-height:0;padding:4px 18px 8px;transition:grid-template-columns .45s;display:grid;position:relative}.main-stage.hide-left{grid-template-columns:0fr 1fr minmax(280px,340px)}.main-stage.hide-right{grid-template-columns:minmax(280px,340px) 1fr 0fr}.main-stage.hide-left.hide-right,.main-stage.cinematic{grid-template-columns:0fr 1fr 0fr}.panel-slot{min-width:0;min-height:0;transition:opacity .4s,transform .45s,max-width .45s,flex-basis .45s;overflow:hidden}.panel-slot-left{transform-origin:0}.panel-slot-right{transform-origin:100%}.panel-slot.visible{opacity:1;pointer-events:auto;transform:translate(0)}.panel-slot-left.hidden{opacity:0;pointer-events:none;max-width:0;transform:translate(-28px)}.panel-slot-right.hidden{opacity:0;pointer-events:none;max-width:0;transform:translate(28px)}.panel-slot .col{width:min(240px,100%)}.top-chrome.chrome-dim{opacity:.28;transition:opacity .45s}.top-chrome{transition:opacity .45s}.network-viz{width:100%;height:100%}.col{z-index:2;pointer-events:none;flex-direction:column;gap:12px;min-height:0;display:flex}.col>*{pointer-events:auto}.col-left .panel-logs{flex:1;min-height:0}.col-right .panel-contract{flex:1}.hud-panel{background:var(--bg-panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);padding:12px 14px 14px;animation:4s ease-in-out infinite panelPulse;position:relative;box-shadow:0 0 20px #00e5ff14,inset 0 0 30px #00e5ff08}.hud-panel:before,.hud-panel:after{content:"";border:1px solid var(--cyan);opacity:.8;pointer-events:none;width:10px;height:10px;position:absolute}.hud-panel:before{border-bottom:none;border-right:none;top:3px;left:3px}.hud-panel:after{border-top:none;border-left:none;bottom:3px;right:3px}.hud-panel-glow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #00e5ff0f}.hud-panel-header{border-bottom:1px solid #00e5ff33;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.hud-panel-title{font-family:var(--font-display);letter-spacing:.16em;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow);font-size:11px}.hud-panel-ticks{color:var(--text-dim);letter-spacing:2px;font-size:9px}@keyframes panelPulse{0%,to{box-shadow:0 0 16px #00e5ff0f,inset 0 0 24px #00e5ff05}50%{box-shadow:0 0 28px #00e5ff24,inset 0 0 32px #00e5ff0d}}.status-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-badge{letter-spacing:.12em;color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.status-badge strong{color:var(--green);text-shadow:0 0 8px #00ffc880}.pulse-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.metric-hero{flex-direction:column;margin-top:10px;display:flex}.metric-num{font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 16px var(--cyan-glow);letter-spacing:.06em;font-size:28px}.metric-sep{opacity:.4;font-size:.7em}.metric-label{letter-spacing:.2em;color:var(--text-dim);margin-top:2px;font-size:11px}.metric-sub{color:var(--text-dim);letter-spacing:.08em;margin-top:8px;font-size:11px}.mini-mesh{filter:drop-shadow(0 0 6px var(--cyan-glow));opacity:.9}.terminal{flex-direction:column;gap:3px;height:100%;max-height:280px;font-size:11px;line-height:1.45;display:flex;overflow-y:auto}.panel-logs .hud-panel-body{height:calc(100% - 28px)}.log-line{border-left:2px solid #0000;grid-template-columns:1fr;gap:1px;padding-left:6px;display:grid}.log-line.kind-ok{border-left-color:var(--green)}.log-line.kind-task{border-left-color:var(--cyan)}.log-line.kind-warn{border-left-color:#fa3}.log-line.kind-error{border-left-color:var(--danger)}.log-hex{color:var(--cyan-dim);opacity:.75;font-size:10px}.log-msg{color:var(--text);opacity:.9}.checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.checklist li{letter-spacing:.06em;align-items:center;gap:10px;font-size:11px;display:flex}.checklist .check-mark{color:var(--green);text-shadow:0 0 8px #00ffc899;width:16px;font-size:14px}.checklist .pending .check-mark{color:var(--text-dim);text-shadow:none}.checklist .pending .check-label{color:var(--text-dim)}.kv{letter-spacing:.06em;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.kv .k{color:var(--text-dim)}.kv .v{color:var(--text);text-align:right}.kv .v.accent{color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.kv .v.ok{color:var(--green)}.bar-block{margin:12px 0 10px}.bar-label{letter-spacing:.14em;color:var(--text-dim);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.bar-track{background:#002837cc;border:1px solid #00e5ff4d;height:8px;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg, #007a8a, var(--cyan));height:100%;box-shadow:0 0 12px var(--cyan-glow);transition:width .4s}.threat{letter-spacing:.1em;color:var(--text-dim);margin-top:8px;font-size:12px}.threat strong{color:var(--green);text-shadow:0 0 8px #00ffc873}.fn-list{background:#00141e80;border:1px solid #00e5ff33;margin-top:10px;padding:8px 10px}.fn{color:var(--cyan);letter-spacing:.04em;padding:4px 0;font-size:12px}.fn:before{content:"› ";color:var(--text-dim)}.stream-visual{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sphere-mesh{filter:drop-shadow(0 0 8px var(--cyan-glow));animation:12s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waveform{flex:1;align-items:flex-end;gap:2px;height:48px;display:flex}.waveform span{background:linear-gradient(180deg, var(--cyan), transparent);opacity:.7;min-width:2px;box-shadow:0 0 6px var(--cyan-glow);flex:1;animation:1.1s ease-in-out infinite alternate wave}@keyframes wave{0%{opacity:.4;transform:scaleY(.45)}to{opacity:.9;transform:scaleY(1)}}.stream-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:#00141e59;border:1px solid #00e5ff26;flex-direction:column;padding:6px 8px;display:flex}.stat-val{font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow);font-size:14px}.stat-key{letter-spacing:.16em;color:var(--text-dim);margin-top:2px;font-size:9px}.controls-bar{z-index:5;background:linear-gradient(#02080e8c,#02080eeb);border-top:1px solid #00e5ff33;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 20px 14px;display:flex}.ctrl-btn{border:1px solid var(--cyan);color:var(--cyan);letter-spacing:.14em;cursor:pointer;text-shadow:0 0 8px var(--cyan-glow);background:#002837b3;padding:8px 14px;font-size:11px;transition:background .2s,box-shadow .2s;box-shadow:0 0 12px #00e5ff26}.ctrl-btn:hover{background:#005064b3;box-shadow:0 0 18px #00e5ff59}.ctrl-group{letter-spacing:.12em;color:var(--text-dim);align-items:center;gap:8px;font-size:10px;display:flex}.ctrl-group select,.ctrl-group input[type=search]{color:var(--text);background:#00141ecc;border:1px solid #00e5ff59;outline:none;min-width:110px;padding:6px 8px}.ctrl-group input[type=range]{width:100px;accent-color:var(--cyan)}.ctrl-group.search input{min-width:140px}.ctrl-val{color:var(--cyan);min-width:36px}.ctrl-divider{background:#00e5ff40;width:1px;height:24px;margin:0 4px}.ctrl-btn.ctrl-toggle.active,.ctrl-btn.ctrl-cinematic.active{background:#006478bf;box-shadow:0 0 18px #00e5ff66}.ctrl-btn.ctrl-cinematic{color:#00ffc8;text-shadow:0 0 8px #00ffc880;border-color:#00ffc8}.detail-drawer{z-index:6;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:#04101aeb;width:300px;max-height:calc(100dvh - 160px);padding:14px;position:absolute;top:70px;right:clamp(300px,28vw,380px);overflow-y:auto;box-shadow:0 0 30px #00e5ff33}.drawer-head{font-family:var(--font-display);letter-spacing:.18em;color:var(--cyan);border-bottom:1px solid #00e5ff40;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:11px;display:flex}.drawer-close{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #00e5ff66;width:28px;height:28px}.drawer-section h3{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);margin:0 0 10px;font-size:14px}.task-steps{margin:10px 0 0;padding:0;font-size:11px;list-style:none}.task-steps li{color:var(--text-dim);padding:4px 0}.task-steps li.done{color:var(--green)}.task-steps em{opacity:.6;font-size:10px;font-style:normal}.status-working{color:var(--cyan)!important}.status-done{color:var(--green)!important}.status-error{color:var(--danger)!important}.center-hint{z-index:2;letter-spacing:.2em;color:var(--text-dim);pointer-events:none;text-shadow:0 0 8px #000c;font-size:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (width<=1100px){.main-stage{grid-template-columns:260px 1fr 260px}.main-stage.hide-left{grid-template-columns:0fr 1fr 260px}.main-stage.hide-right{grid-template-columns:260px 1fr 0fr}.main-stage.hide-left.hide-right,.main-stage.cinematic{grid-template-columns:0fr 1fr 0fr}.detail-drawer{right:280px}.mode-cinematic .detail-drawer{display:none}}.col{gap:8px}.hud-panel{font-size:.78em;padding:8px 10px!important}.hud-panel-title{letter-spacing:.06em;font-size:.72rem!important}.stat-val{font-size:.95rem!important}.stream-visual{transform-origin:top;transform:scale(.85)}.panel-logs .hud-panel-body{max-height:120px}.panel-wallets .hud-panel-body{padding-top:4px}.wallet-mint{letter-spacing:.08em;color:#00e5ffb3;margin-bottom:6px;font-size:.62rem}.wallet-mint code{color:#7ff5ff;font-size:.68rem}.wallet-chart{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow:auto}.wallet-row{grid-template-columns:58px 1fr 42px 36px;align-items:center;gap:4px;font-size:.62rem;display:grid}.wallet-addr{color:#9ef6ff;font-family:ui-monospace,monospace;text-decoration:none}.wallet-addr:hover{color:#fff;text-shadow:0 0 6px #00e5ff}.wallet-bar-track{background:#002837d9;border:1px solid #00e5ff40;border-radius:2px;height:6px;overflow:hidden}.wallet-bar-fill{background:linear-gradient(90deg,#00bcd4,#ffd54a);height:100%;box-shadow:0 0 8px #ffd54a73}.wallet-amt{color:#c8fff8;text-align:right;font-variant-numeric:tabular-nums}.wallet-pct{color:#ffd54ae6;text-align:right}.wallet-foot{letter-spacing:.08em;color:#00e5ff8c;margin-top:6px;font-size:.55rem}.wallet-empty{color:#00e5ff8c;padding:8px 0;font-size:.68rem}@media (width<=900px),(height<=520px){.top-chrome{padding:6px 12px}.brand{letter-spacing:.16em;font-size:10px}.brand-sub{font-size:9px}.center-hint{display:none}.main-stage{gap:0;padding:0}.main-stage.cinematic,.main-stage.hide-left.hide-right{grid-template-columns:0fr 1fr 0fr}.detail-drawer{display:none!important}.controls-bar{max-width:calc(100% - 12px);bottom:max(6px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 8px}.network-backdrop,.network-backdrop .network-viz,.network-viz canvas{width:100%!important;height:100%!important}}