:root{color:#18202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.app-header{align-items:end;display:flex;gap:24px;justify-content:space-between;margin:0 auto 18px;max-width:1280px}.app-header h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:0}.app-header p{color:#5a6470;margin:6px 0 0}.header-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.header-metrics span{background:#fff;border:1px solid #d9e0e7;border-radius:6px;padding:8px 10px;white-space:nowrap}.workspace{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;margin:0 auto;max-width:1280px}.visual-column{display:grid;gap:12px;min-width:0}.canvas-panel,.controls-panel,.stats-panel,.trade-panel{background:#fff;border:1px solid #d9e0e7;border-radius:8px}.canvas-panel{min-width:0;padding:12px}.agent-tooltip{background:#18202a;border:1px solid #394451;border-radius:6px;box-shadow:0 10px 24px #18202a33;color:#fff;display:grid;font-size:.78rem;gap:2px;max-width:min(260px,calc(100vw - 24px));padding:8px 10px;pointer-events:none;position:fixed;z-index:20}.agent-tooltip b{font-size:.82rem}.agent-tooltip span{color:#dbe3ea}.canvas-panel svg{display:block;height:auto;width:100%}.canvas-background{fill:#fbfcfd;stroke:#d4dde5}.legend-block{display:grid;gap:6px;padding:10px 4px 2px}.legend-row{display:flex;flex-wrap:wrap;gap:14px}.legend-row span{align-items:center;color:#4a5562;display:inline-flex;font-size:.9rem;gap:6px}.legend-row i{border:1px solid #28313d;border-radius:999px;display:inline-block;height:12px;width:12px}.legend-row .outline-key{background:#fff;border-width:2px}.legend-row .dashed{border-style:dashed}.legend-row .long-dashed{border-style:dotted}.controls-panel{align-self:start;display:grid;gap:12px;padding:16px}.control-group{border:1px solid #dde5ec;border-radius:8px;display:grid;gap:14px;padding:12px}.control-group-speed{background:#f3f8fb}.control-group-payoffs{background:#fbf7ef}.control-group-evolution{background:#f5f7f1}.button-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.button-row button{background:#18202a;border:0;border-radius:6px;color:#fff;cursor:pointer;min-height:38px}.button-row button:disabled{background:#c1cad3;cursor:default}.control-row{display:grid;gap:7px;grid-template-columns:1fr auto}.control-row input{grid-column:1 / -1;width:100%}.control-row span{color:#394451}.control-row b{color:#18202a;font-variant-numeric:tabular-nums}.lower-panels{margin:18px auto 0;max-width:1280px}.info-panel{background:#fff;border:1px solid #d9e0e7;border-radius:8px;color:#394451;margin:18px auto 0;max-width:1280px;padding:16px}.info-panel h2{color:#18202a;margin:0 0 8px}.info-panel p{margin:8px 0 0;max-width:960px}.stats-panel{padding:16px}.trade-panel{padding:8px 10px}.stats-panel h2,.trade-panel h2{margin:0 0 12px}.trade-panel h2{font-size:.95rem;margin-bottom:6px}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.metric-grid div{border:1px solid #e1e7ed;border-radius:6px;padding:10px}.metric-grid span{color:#5a6470;display:block;font-size:.85rem}.metric-grid b{display:block;font-size:1.2rem;margin-top:4px}.distribution-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.history-chart-section{grid-column:span 3}.strategy-section{grid-column:1 / -1}.ranking-section{grid-column:span 2}.distribution-grid h3{font-size:1rem;margin:0 0 8px}.ranking-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}.ranking-list li{align-items:center;border-bottom:1px solid #edf1f4;display:flex;gap:8px;justify-content:space-between;padding-bottom:5px}.empty-stat{color:#5a6470;margin:0}.bar-chart{align-items:end;display:flex;gap:3px;min-height:180px;overflow-x:visible;padding-top:4px}.bar-column{align-items:center;display:grid;flex:1;gap:2px;grid-template-rows:auto 130px;min-width:0}.bar-column span,.bar-column b{font-size:.64rem;font-variant-numeric:tabular-nums;text-align:center}.bar-column b{color:#394451;font-size:.64rem;min-height:.9rem}.bar-track{align-items:end;display:flex;height:130px;overflow:hidden;width:100%}.bar-track>i{background:#0c6f70;border-radius:3px 3px 0 0;display:block;width:100%}.utility-stack{align-self:end;display:flex;flex-direction:column-reverse;width:100%}.utility-segment{display:block;min-height:2px}.utility-AB{background:#e1b937}.utility-BC{background:#d94f45}.utility-CA{background:#2f9e44}.utility-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.utility-legend span{align-items:center;color:#4a5562;display:inline-flex;font-size:.85rem;gap:5px}.utility-legend i{display:inline-block;height:10px;width:10px}.line-chart-card{display:grid;gap:4px}.line-chart-card b{color:#394451;font-size:.8rem;font-variant-numeric:tabular-nums;min-height:.9rem;text-align:right}.line-chart-card svg{background:#fbfcfd;border-bottom:1px solid #e1e7ed;display:block;height:130px;width:100%}.trade-share-line{stroke:#5b6ee1}.strategy-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-card{border:1px solid #edf1f4;border-radius:6px;padding:8px}.strategy-card h4{margin:0 0 6px}.strategy-card svg{background:#fbfcfd;border-bottom:1px solid #e1e7ed;display:block;height:140px;width:100%}.strategy-line-0{background:#18202a;stroke:#18202a}.strategy-line-1{background:#0c6f70;stroke:#0c6f70}.strategy-line-2{background:#8a3c00;stroke:#8a3c00}.strategy-legend{display:grid;gap:4px;list-style:none;margin:8px 0 0;padding:0}.strategy-legend li{align-items:center;display:flex;font-size:.78rem;gap:6px;min-width:0}.strategy-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-swatch{display:inline-block;height:3px;width:16px}.trade-list{display:grid;gap:2px;max-height:420px;overflow:auto}.trade-list p{color:#5a6470;margin:0}.trade-row{align-items:center;border-bottom:1px solid #edf1f4;display:grid;font-size:.78rem;gap:3px;grid-template-columns:auto auto auto auto auto;line-height:1.15;padding-bottom:2px}.trade-row span,.trade-row b{min-width:0}@media(max-width:980px){.app-header,.workspace,.lower-panels{grid-template-columns:1fr}.app-header{align-items:start;display:grid}.controls-panel{width:100%}.strategy-grid,.distribution-grid{grid-template-columns:1fr}.history-chart-section,.ranking-section,.strategy-section{grid-column:1}}@media(max-width:620px){.app-shell{padding:14px}.trade-row{grid-template-columns:auto auto auto auto auto}}