.nav-hamburger{z-index:1001;cursor:pointer;background:#0a0a1ad9;border:1px solid #2a2b5e;border-radius:6px;align-items:center;padding:8px 10px;display:flex;position:fixed;top:8px;left:8px}.nav-hamburger:hover{background:#1e1e3cf2}.hamburger-icon{background:#aaa;width:16px;height:2px;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background:#aaa;width:16px;height:2px;display:block;position:absolute;left:0}.hamburger-icon:before{top:-5px}.hamburger-icon:after{top:5px}.nav-hamburger:hover .hamburger-icon,.nav-hamburger:hover .hamburger-icon:before,.nav-hamburger:hover .hamburger-icon:after{background:#fff}.app-nav{z-index:1000;background:#0a0a1af2;border:1px solid #2a2b5e;border-radius:6px;flex-direction:column;gap:2px;padding:8px 6px;font-size:12px;display:none;position:fixed;top:40px;left:8px;box-shadow:0 4px 12px #00000080}.app-nav.open{display:flex}.app-nav a{color:#aaa;white-space:nowrap;border-radius:3px;padding:5px 12px;text-decoration:none}.app-nav a:hover{color:#fff;background:#ffffff14}.app-nav a.active{color:#aaf;background:#5078c833}*{box-sizing:border-box;margin:0;padding:0}body{color:#ccc;background:#0a0a1a;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}#app{max-width:1100px;margin:0 auto;padding:12px 16px}#header{align-items:baseline;gap:16px;margin-bottom:10px;display:flex}h1{font-size:18px;font-weight:400}#gen-label{color:#aaa;font-variant-numeric:tabular-nums;font-size:14px}#main-row{gap:12px;display:flex}#c{aspect-ratio:1;cursor:grab;background:#111;border-radius:4px;flex:1;min-width:0;display:block}#sidebar{flex-direction:column;flex-shrink:0;gap:10px;width:240px;display:flex}#controls{background:#12122a;border-radius:4px;padding:10px}.control-group{margin-bottom:8px}.control-group label{color:#888;margin-bottom:2px;font-size:11px;display:block}.control-group input[type=range]{vertical-align:middle;width:calc(100% - 40px)}.control-group span{text-align:right;font-variant-numeric:tabular-nums;color:#aaa;width:36px;font-size:12px;display:inline-block}.control-group select{color:#ccc;background:#1a1a3a;border:1px solid #333;border-radius:3px;width:100%;padding:3px 4px;font-size:12px}#fitness-weights-details{margin-bottom:8px}#fitness-weights-details summary{color:#888;cursor:pointer;margin-bottom:4px;font-size:11px}#fitness-weights-details .control-group{margin-bottom:4px}#fitness-weights-details .control-group input[type=checkbox]{vertical-align:middle;margin-right:4px}#io-buttons{gap:6px;margin-top:4px;display:flex}#io-buttons button{cursor:pointer;color:#aaa;background:#1a1b4e;border:none;border-radius:3px;flex:1;padding:4px 6px;font-size:11px;transition:background .15s}#io-buttons button:hover{color:#fff;background:#2a2b6e}#buttons{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}#buttons button{cursor:pointer;color:#fff;background:#2a2b6e;border:none;border-radius:3px;flex:1;min-width:70px;padding:6px 8px;font-size:12px;transition:background .15s}#buttons button:hover:not(:disabled){background:#3a3b9e}#buttons button:disabled{opacity:.4;cursor:default}#btn-start.running{background:#6e2a2a}#btn-start.running:hover{background:#9e3a3a}#epoch-progress-wrap{background:#1a1a2a;border-radius:2px;height:4px;overflow:hidden}#epoch-progress{background:#4a5bdd;width:0%;height:100%;transition:width .1s linear}#species-panel{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}#fitness-chart-wrap{background:#12122a;border-radius:4px;margin:6px 0;padding:8px}#fitness-chart{width:100%;height:100px;display:block}#lineage-details{margin-top:4px}#lineage-details summary{color:#888;cursor:pointer;margin-bottom:4px;font-size:11px}#lineage-tree{background:#12122a;border-radius:4px;max-height:200px;overflow-x:auto}#lineage-tree svg{background:#14142e;display:block}.species-card{background:#12122a;border-left:3px solid #888;border-radius:4px;padding:8px 10px}.species-card .sp-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.species-card .sp-name{font-size:12px;font-weight:600}.species-card .sp-fitness{font-variant-numeric:tabular-nums;color:#aaa;font-size:12px}.species-card .sp-lab,.species-card .sp-inspect,.species-card .sp-compare{color:#666;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.species-card .sp-compare{border:1px solid #444;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700}.species-card .sp-compare.active{color:#6add6a;border-color:#6add6a}.species-card .sp-lab:hover,.species-card .sp-inspect:hover,.species-card .sp-compare:hover{color:#fff}.species-card .sp-bar-wrap{background:#0a0a18;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.species-card .sp-bar{border-radius:3px;width:0%;height:100%;transition:width .3s}.species-card .sp-params{color:#666;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.species-card .sp-lineage{color:#555;margin-top:2px;font-size:10px}.species-card .sp-fitness.live{color:#7a7aaa;font-style:italic}.species-card .sp-sparkline{margin:2px 0;display:block}.species-card .sp-highlight-target{cursor:pointer}.species-card.highlighted{background:#1a1a3a}#log{color:#777;background:#0c0c1e;border-radius:4px;max-height:120px;margin-top:10px;padding:8px 10px;font-family:SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;overflow-y:auto}#log .log-gen{color:#6a7bdd}#log .log-event{color:#aaa}#log .log-replace{color:#dd6a6a}#log .log-elite{color:#6add6a}#hall-of-fame-details{margin-top:4px}#hall-of-fame-details summary{color:#888;cursor:pointer;margin-bottom:4px;font-size:11px}#hall-of-fame{max-height:280px;overflow-y:auto}.hof-entry{color:#999;border-bottom:1px solid #1a1a2a;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;font-size:10px;display:flex}.hof-info{flex:1;min-width:0}.hof-main{white-space:nowrap;align-items:center;gap:4px;display:flex}.hof-main strong{color:#bbb}.hof-color{border-radius:50%;flex-shrink:0;width:6px;height:6px}.hof-comp{color:#666;margin-top:1px;font-size:9px}.hof-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.hof-entry button{color:#aaa;cursor:pointer;background:#2a2b4e;border:none;border-radius:2px;padding:1px 6px;font-size:9px}.hof-entry button:hover{color:#fff;background:#3a3b6e}.hof-entry select{color:#aaa;background:#1a1a3a;border:1px solid #333;border-radius:2px;padding:0 2px;font-size:9px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#12122a;border:1px solid #333;border-radius:6px;min-width:320px;max-width:460px;max-height:80vh;padding:16px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header span{color:#ddd;font-size:14px;font-weight:600}.modal-header button{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px}.modal-header button:hover{color:#fff}#modal-body .param-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}#modal-body .param-row label{color:#888;text-align:right;width:70px;font-size:11px}#modal-body .param-row input{color:#ccc;font-variant-numeric:tabular-nums;background:#1a1a3a;border:1px solid #333;border-radius:3px;flex:1;padding:2px 6px;font-size:11px}#modal-body h4{color:#777;margin:8px 0 4px;font-size:11px;font-weight:400}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-btn{color:#ccc;cursor:pointer;background:#1a1a3a;border:1px solid #444;border-radius:3px;padding:6px 14px;font-size:12px}.modal-btn:hover{color:#fff;background:#2a2a4a}.modal-btn-primary{color:#fff;background:#2a2b6e;border-color:#3a3b9e}.modal-btn-primary:hover{background:#3a3b9e}.modal-footer{align-items:center;gap:10px;margin-top:12px;display:flex}.modal-footer button{color:#fff;cursor:pointer;background:#2a2b6e;border:none;border-radius:3px;padding:5px 12px;font-size:12px}.modal-footer button:hover{background:#3a3b9e}.modal-footer label{color:#888;font-size:11px}.modal-footer input[type=checkbox]{vertical-align:middle;margin-right:4px}#compare-overlay{background:#0a0a1a;border:1px solid #333;border-radius:6px;margin-top:10px;padding:12px}#compare-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#compare-header span{color:#ddd;font-size:14px;font-weight:600}#compare-header button{color:#888;cursor:pointer;background:0 0;border:none;font-size:20px}#compare-header button:hover{color:#fff}#compare-perturb{background:#1a1a3a;border:1px solid #444;border-radius:4px;margin-right:8px;padding:4px 10px;font-size:11px}#compare-perturb:hover{color:#fff;border-color:#666}.compare-fitness{margin:6px 0}.compare-bar{background:#1a1a3a;border-radius:4px;height:8px;display:flex;overflow:hidden}.compare-bar-seg{min-width:2px;transition:width .3s}.compare-bar-seg:hover{opacity:.8}.compare-bar-label{color:#888;margin-top:2px;font-size:10px}#compare-row{gap:12px;display:flex}.compare-cell{flex:1;min-width:0}.compare-label{text-align:center;margin-bottom:4px;font-size:12px;font-weight:600}.compare-canvas{aspect-ratio:1;background:#111;border-radius:4px;width:100%;display:block}.compare-stats{color:#888;text-align:center;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px}.compare-stats-table{border-collapse:collapse;margin:0 auto}.compare-stats-table td{padding:1px 4px}.compare-stats-table td:first-child{color:#666}.compare-stats-log{color:#ff800d;margin-top:4px;font-size:9px}@media (width<=700px){#main-row{flex-direction:column}#sidebar{width:100%}#c{aspect-ratio:4/3}}