.genealogy-panel .lineage-panel{margin-top:16px}.genealogy-panel summary{font-weight:600}.genealogy-key{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.genealogy-panel button,.genealogy-tree button{padding:3px 5px;font-size:11px}.genealogy-swatch{width:10px;height:10px;margin-right:4px;vertical-align:middle}.genealogy-panel small{display:block;color:#a6bcc7;font-size:10px}.genealogy-tree{padding:0 0 0 18px;border-left:1px solid #405363}.genealogy-tree li{margin:8px 0;font-size:12px;color:#a6bcc7}.genealogy-tree li[aria-current=true]{color:#b6efca;font-weight:600}.genealogy-tree small{display:block;font-weight:400}.genealogy-relations{display:flex;flex-wrap:wrap;gap:5px}.chemical-panel td{font-variant-numeric:tabular-nums}.chemical-panel th{font-size:10px}.chemical-panel td:not(:first-child){text-align:right}.chemical-panel td button{position:relative;overflow:hidden;width:100%;text-align:left;min-width:104px;padding:6px;border-color:transparent}.chemical-panel button span:not(.chemical-bar){float:right;font-size:11px;color:#bec8d4}.chemical-panel button[aria-pressed=true]{border-color:#d7acf0}.chemical-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;border:0;appearance:none;background:#263144}.chemical-bar::-webkit-progress-bar{background:#263144}.chemical-bar::-webkit-progress-value{background:#c792e6}.chemical-bar::-moz-progress-bar{background:#c792e6}.chemical-panel details table{font-size:10px}.chemical-panel details label{display:block;margin-top:10px}.chemical-legend{padding:6px 14px;background:#101e28}.chemical-legend p{margin:4px 0;font-size:11px}.field-ramp{display:inline-block;width:72px;height:9px;margin-right:8px;border-radius:2px;background:linear-gradient(90deg,#08121a,#5baea6)}.field-ramp.potential{background:linear-gradient(90deg,#3966cb,#ecb04c)}.field-ramp.chemical{background:linear-gradient(90deg,#08121a,#d4a4ee)}.field-ramp.weathering{background:linear-gradient(90deg,#091f3b,#b8661f)}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e0edf1;background:#080f17;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{padding:20px;max-width:1680px;margin:auto}h1{margin:0;font-size:25px;letter-spacing:-.03em}h2{font-size:17px;margin:0 0 10px}h3{font-size:14px;margin:18px 0 8px}p{color:#a6bcc7;font-size:13px;line-height:1.5}header,.run-controls,.map-tools,.settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:14px}header p{margin:4px 0}button,select,input{background:#1a2b39;color:#e5eef2;border:1px solid #3b5260;border-radius:7px;padding:7px 10px;font:inherit;font-size:13px}button{cursor:pointer}button:hover{background:#294556}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b4e9ce;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button.primary{background:#ace4bc;color:#10271e;font-weight:700;min-width:86px;border-color:#ace4bc}label{font-size:12px;color:#bacdd5}label input:not([type=checkbox]):not([type=file]){max-width:110px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.viewport{border:1px solid #243847;border-radius:12px;overflow:hidden;position:sticky;top:10px}.viewport canvas{width:100%;height:calc(100dvh - 245px);min-height:360px;max-height:1000px;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.world-canvas{position:relative}.world-scale{position:absolute;left:24px;bottom:20px;border-top:2px solid #d3e4e9;padding-top:4px;white-space:nowrap;font-size:11px;pointer-events:none;text-shadow:0 1px 3px #000}.map-tools{padding:10px 12px;font-size:11px;background:#101e28;border-bottom:1px solid #243847}.map-tools span{color:#8da6b4}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls .zoom-value{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.map-tools label{display:flex;align-items:center;gap:4px}.map-tools input{accent-color:#a9e7c0}.map-legend{padding:10px 14px;border-top:1px solid #243847;background:#101e28}.map-legend>div{display:flex;flex-wrap:wrap;gap:5px 18px;color:#b1c8d1;font-size:11px;line-height:1.7}.map-legend p{margin:5px 0 0;font-size:11px;color:#899faa}.source-key,.birth-key{color:#b8efc9}.death-key{color:#ffb090}.run-status{padding:5px 10px;border:1px solid #405363;border-radius:20px;font-size:12px;color:#b4c8d1}.run-status.is-running{border-color:#547d66;color:#aee7bb}.panel{background:#101d27;border:1px solid #253c4c;padding:14px;border-radius:12px;margin-bottom:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:12px 0}.metrics dt{color:#91abba;font-size:11px}.metrics dd{margin:4px 0 0;font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.population-totals{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:18px 0 8px}.population-totals dt{color:#a3bac5;font-size:11px}.population-totals dd{font-size:25px;margin:3px 0 0;font-variant-numeric:tabular-nums}.population-totals>div:first-child dd{color:#b6efca;font-size:32px}.population-chart{padding:0 0 8px;border-bottom:1px solid #293e4a;margin-bottom:14px}.chart-caption{display:flex;justify-content:space-between;align-items:baseline}.chart-caption h3{margin:12px 0 0;font-size:12px;font-weight:500}.chart-caption span{color:#9eb4be;font-size:11px}.population-chart svg{display:block;width:100%}.population-chart text{fill:#96aebc;font:10px system-ui}.lineage-panel>svg{display:block;width:100%}.lineage-panel text{fill:#96aebc;font:9px system-ui}.lineage-panel,.inherited-traits{padding-bottom:10px;border-bottom:1px solid #293e4a}.lineage-panel p,.inherited-traits p{font-size:11px;margin:8px 0}.lineage-panel td:not(:first-child),.inherited-traits td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.chart-grid{stroke:#2b414d;stroke-width:.7;fill:none}.chart-area{fill:#9ad9b31c}.chart-line{stroke:#b6efca;stroke-width:2;fill:none;stroke-linejoin:round}.chart-end{fill:#b6efca}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:5px 2px;border-bottom:1px solid #223542}th{color:#91abba;font-weight:500}td:last-child{text-align:right;font-variant-numeric:tabular-nums}details{margin-top:12px}summary{cursor:pointer;color:#b8cdd6;font-size:12px}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:300px;overflow:auto}.settings{align-items:start}.settings>details{flex:1;min-width:290px}.settings label{display:inline-block;margin:10px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.viewport{position:relative;top:0}.viewport canvas{height:62vh}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:540px){main{padding:8px}.viewport canvas{min-height:280px;height:55vh}.map-tools{gap:8px}aside{display:block}}