:root{--bg-primary:#0a0e17;--bg-card:#111827;--bg-card-hover:#1a2332;--border:#1e293b;--border-glow:#22d3ee26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-purple:#a855f7;--accent-purple-dim:#a855f726;--accent-orange:#f97316;--accent-orange-dim:#f9731626;--accent-cyan:#22d3ee;--accent-cyan-dim:#22d3ee26;--accent-red:#ef4444;--accent-red-dim:#ef444426;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Inter", system-ui, sans-serif;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#22d3ee0d 0%,#0000 60%),radial-gradient(at 80% 100%,#a855f70a 0%,#0000 60%);position:fixed;inset:0}#app{z-index:1;max-width:1440px;margin:0 auto;padding:0 1.5rem 2rem;position:relative}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 0;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.logo{font-size:2rem}.header h1{font-family:var(--font-mono);letter-spacing:2px;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.live-badge{font-family:var(--font-mono);background:var(--accent-red-dim);color:var(--accent-red);border-radius:999px;padding:.25rem .6rem;font-size:.7rem;animation:2s ease-in-out infinite pulse-glow}.live-badge.connected{background:var(--accent-green-dim);color:var(--accent-green);animation:none}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.header-right{gap:1.5rem;display:flex}.header-stat{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.hero-stats{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.stat-card.accent-green:before{background:var(--accent-green)}.stat-card.accent-blue:before{background:var(--accent-blue)}.stat-card.accent-purple:before{background:var(--accent-purple)}.stat-card.accent-orange:before{background:var(--accent-orange)}.stat-card.accent-cyan:before{background:var(--accent-cyan)}.stat-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);margin-bottom:.5rem;font-size:.65rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-unit{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;margin-top:.25rem;font-size:.6rem}.stat-card.accent-green .stat-value{color:var(--accent-green)}.stat-card.accent-blue .stat-value{color:var(--accent-blue)}.panel-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .3s}.panel:hover{border-color:var(--border-glow)}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h2{font-family:var(--font-mono);letter-spacing:1px;font-size:.85rem;font-weight:600}.strategy-badge{font-family:var(--font-mono);background:var(--accent-green-dim);color:var(--accent-green);border-radius:999px;padding:.2rem .5rem;font-size:.6rem}.strategy-metrics{flex-direction:column;gap:.4rem;display:flex}.metric-row{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.72rem;display:flex}.metric-row span:last-child{color:var(--text-primary);font-weight:600}.metric-row.win span:last-child{color:var(--accent-green)}.metric-row.loss span:last-child{color:var(--accent-red)}.win-bar-container{background:#ffffff0d;border-radius:2px;height:4px;margin-top:.75rem;overflow:hidden}.win-bar{background:linear-gradient(90deg, var(--accent-green), var(--accent-cyan));border-radius:2px;height:100%;transition:width .8s}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.fleet-table{flex-direction:column;gap:0;display:flex}.fleet-header,.fleet-row{font-family:var(--font-mono);grid-template-columns:50px 100px 110px 1fr 80px 80px;align-items:center;padding:.5rem;font-size:.72rem;display:grid}.fleet-header{color:var(--text-muted);letter-spacing:1px;border-bottom:1px solid var(--border);font-size:.6rem;font-weight:600}.fleet-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;transition:background .2s}.fleet-row:hover{background:var(--bg-card-hover)}.role-feed{color:var(--accent-blue)}.role-exec{color:var(--accent-orange)}.role-dual{color:var(--accent-purple)}.node-status{font-weight:600}.wallet-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.wallet-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:.75rem}.wallet-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:.6rem;font-weight:600}.wallet-value{font-family:var(--font-mono);color:var(--text-primary);margin-top:.25rem;font-size:1.1rem;font-weight:700}.competition-bars{flex-direction:column;gap:.5rem;display:flex}.comp-row{font-family:var(--font-mono);color:var(--text-secondary);grid-template-columns:100px 1fr 50px;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.comp-bar-wrap{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.comp-bar{border-radius:4px;height:100%;transition:width .8s}.comp-won{background:var(--accent-green)}.comp-lost{background:var(--accent-red)}.comp-unprof{background:var(--accent-orange)}.footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;justify-content:space-between;padding:1rem 0;font-size:.65rem;display:flex}@keyframes flash-green{0%{color:var(--accent-green);text-shadow:0 0 8px var(--accent-green)}to{color:var(--text-primary);text-shadow:none}}.flash{animation:.6s ease-out flash-green}@media (width<=1200px){.hero-stats{grid-template-columns:repeat(3,1fr)}.panel-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-stats{grid-template-columns:1fr 1fr}.panel-grid,.bottom-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:.75rem}.stat-value{font-size:1.4rem}}