:root{--bg:#f6f6f4;--panel:#fff;--text:#2b2d2f;--muted:#7b7f84;--line:#e2e3e1;--accent:#2f6fde;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1b1c1e;--panel:#232427;--text:#e6e6e3;--muted:#8d9095;--line:#34363a;--accent:#6d9cf0}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);flex-direction:column;display:flex;overflow:hidden}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}#topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:44px;padding:0 14px;display:flex}#topbar .group{align-items:center;gap:8px;min-width:0;display:flex}#topbar .title{letter-spacing:.01em;font-weight:600}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;height:28px;padding:0 9px}button:hover{border-color:var(--muted)}button.icon{width:32px;padding:0}.segmented{display:flex}.segmented button{border-radius:0;margin-left:-1px;padding:0 7px}.segmented button:first-child{border-radius:4px 0 0 4px;margin-left:0}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button.active{background:var(--accent);border-color:var(--accent);color:#fff;position:relative}main{flex:1;min-height:0;position:relative}#map{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#map.dragging{cursor:grabbing}#hud{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;min-width:210px;padding:8px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}#hud div{justify-content:space-between;gap:16px;display:flex}#hud span{color:var(--muted)}#hud b{font-weight:500}#help{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;right:12px}#layout{flex:1;min-height:0;display:flex}#sidebar{background:var(--panel);border-right:1px solid var(--line);flex:none;width:264px;padding:4px 0 16px;overflow-y:auto}main{flex:1}.map-panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;font-size:12px;position:absolute}#hud,#help{position:absolute}.panel-section{border-bottom:1px solid var(--line);padding:10px 16px 6px}.panel-section:last-child{border-bottom:none}.panel-section h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 10px;font-size:11px;font-weight:600}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field-label{color:var(--muted);font-size:12px}.row{gap:6px;display:flex}.row input{flex:1;min-width:0}input[type=number],select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:4px;height:28px;padding:0 8px}.slider-head{justify-content:space-between;display:flex}.slider-value{font-size:12px}input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0 0}.actions{gap:8px;padding-top:14px;display:flex}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;flex:1}button:disabled{opacity:.6;cursor:default}#legend{pointer-events:none;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:8px;padding:8px;display:flex;top:12px;right:12px}#legend .segmented{pointer-events:auto;background:var(--panel);border-radius:4px}.legend{background:var(--panel);border:1px solid var(--line);border-radius:4px;min-width:150px;padding:8px 10px}.legend-unit{margin-bottom:4px}.legend-item{align-items:center;gap:8px;line-height:18px;display:flex}.legend-item i{border-radius:2px;flex:none;width:14px;height:10px}#probe{pointer-events:none;min-width:190px;padding:8px 10px;bottom:48px;right:12px}#probe div{justify-content:space-between;gap:16px;display:flex}#probe span{color:var(--muted)}#probe b{font-weight:500}#probe .probe-title{margin-bottom:2px;font-weight:600}#progress{min-width:260px;padding:12px 16px;font-size:13px;top:40%;left:50%;transform:translate(-50%,-50%)}#progress .bar{background:var(--line);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}#progress .bar i{background:var(--accent);height:100%;transition:width .2s;display:block}[hidden]{display:none!important}.color-row{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:center;gap:8px;padding:3px 3px 3px 8px;display:flex}.segmented.small button{height:22px;font-size:12px}.creature-legend{gap:10px;min-width:0;padding:5px 10px;display:flex}.inspector{width:330px;max-height:calc(100% - 300px);padding:0;top:158px;right:12px;overflow-y:auto}.inspector-head{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:6px;padding:8px 10px;display:flex;position:sticky;top:0}.inspector-title{flex:1;font-weight:600}.inspector-head button.active{background:var(--accent);border-color:var(--accent);color:#fff}.inspector-body{padding:8px 10px 10px}.inspector-body .kv,.stats div{justify-content:space-between;gap:12px;line-height:19px;display:flex}.inspector-body .kv span,.stats span{color:var(--muted);white-space:nowrap}.inspector-body .kv b,.stats b{text-align:right;font-weight:500}.inspector-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px;font-size:11px;font-weight:600}.gene{justify-content:space-between;align-items:center;gap:10px;line-height:18px;display:flex}.gene span{color:var(--muted)}.bar{background:var(--line);vertical-align:middle;border-radius:3px;width:90px;height:6px;display:inline-block;overflow:hidden}.bar i{background:var(--accent);height:100%;display:block}.bar.health i{background:#5aa469}.brain{color:var(--muted);margin-top:4px;display:block}.brain text{fill:var(--text);font-size:10px}.brain-empty{font-size:12px}.chart{width:100%;height:90px;color:var(--muted);background:var(--bg);border-radius:4px;margin-bottom:8px;display:block}.stats{font-size:12px}.note{margin:-4px 0 10px;font-size:12px}