:root{--bg-primary:#0b0d14;--bg-card:#111827;--bg-card-hover:#1a2332;--border:#1e293b;--border-glow:#fbbf2433;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-gold:#fbbf24;--accent-gold-dim:#fbbf241f;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-red:#ef4444;--accent-red-dim:#ef444426;--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-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--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,#fbbf240f 0%,#0000 60%),radial-gradient(at 80% 100%,#f59e0b0a 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-gold), var(--accent-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.paper-badge{font-family:var(--font-mono);background:var(--accent-gold-dim);color:var(--accent-gold);letter-spacing:1px;border:1px solid #fbbf244d;border-radius:999px;padding:.25rem .6rem;font-size:.65rem;font-weight:600}.header-right{align-items:center;gap:1rem;display:flex}.header-link{color:var(--text-muted);font-family:var(--font-mono);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.7rem;text-decoration:none;transition:all .2s}.header-link:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.header-stat{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.paper-banner{border-radius:var(--radius);font-family:var(--font-mono);color:var(--accent-gold);background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border:1px solid #fbbf2433;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.paper-banner-icon{font-size:1.2rem}.paper-banner span{color:var(--text-secondary)}.hero-stats{grid-template-columns:repeat(4,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-gold:before{background:var(--accent-gold)}.stat-card.accent-green:before{background:var(--accent-green)}.stat-card.accent-red:before{background:var(--accent-red)}.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-card.accent-amber:before{background:var(--accent-amber)}.stat-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);margin-bottom:.5rem;font-size:.62rem;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-gold .stat-value{color:var(--accent-gold)}.stat-card.accent-green .stat-value{color:var(--accent-green)}.stat-card.accent-red .stat-value{color:var(--accent-red)}.sim-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.strategy-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);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)}.success-bar-container{background:var(--accent-red-dim);border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden}.success-bar{background:linear-gradient(90deg, var(--accent-gold), var(--accent-green));border-radius:3px;height:100%;transition:width .8s}.bottom-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.chart-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.donut-inner{background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute}.donut-inner .stat-value{font-size:1.4rem}.donut-inner .stat-unit{font-size:.55rem}.legend{font-family:var(--font-mono);gap:1.5rem;font-size:.7rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.success{background:var(--accent-green)}.legend-dot.failure{background:var(--accent-red)}.legend-dot.rpc-error{background:var(--accent-orange)}.pnl-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pnl-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:.75rem}.pnl-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:.6rem;font-weight:600}.pnl-value{font-family:var(--font-mono);color:var(--text-primary);margin-top:.25rem;font-size:1.1rem;font-weight:700}.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-gold{0%{color:var(--accent-gold);text-shadow:0 0 8px var(--accent-gold)}to{color:var(--text-primary);text-shadow:none}}.flash{animation:.6s ease-out flash-gold}@media (width<=1200px){.hero-stats,.strategy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-stats,.sim-stats,.strategy-grid,.bottom-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:.75rem}.stat-value{font-size:1.4rem}}