@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Outfit:wght@400;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0c0e12;--bg-surface: #141820;--bg-panel: #1a1f28;--bg-elevated: #222832;--border: #2a3040;--border-light: #333d50;--text: #d4dae4;--text-muted: #6a7488;--prey: #e8d44d;--prey-dim: #b8a83e;--predator: #d94040;--predator-dim: #a83333;--road: #6a7080;--grass: #3a7a32;--accent: #e8d44d}html,body{height:100%;background:var(--bg-deep);color:var(--text);font-family:Outfit,sans-serif;overflow:hidden}#app{height:100%}.layout{display:flex;flex-direction:column;height:100dvh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.03em;color:var(--text)}.logo-accent{color:var(--accent)}.header-stats{display:flex;gap:20px;font-family:JetBrains Mono,monospace;font-size:.8rem}.stat{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.stat-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.prey-dot{background:var(--prey);box-shadow:0 0 6px var(--prey)}.pred-dot{background:var(--predator);box-shadow:0 0 6px var(--predator)}.stat-tick{color:var(--text-muted);opacity:.6}.seed-group{display:flex;align-items:center;gap:6px}.seed-label{min-width:unset}.seed-input{font-family:JetBrains Mono,monospace;font-size:.75rem;width:110px;padding:5px 8px;border-radius:4px;border:1px solid var(--border-light);background:var(--bg-elevated);color:var(--text);outline:none}.seed-input:focus{border-color:var(--accent)}.btn-sm{font-size:.7rem;padding:5px 10px}.btn-icon-sm{padding:5px 6px;display:flex;align-items:center;justify-content:center}.header-actions{display:flex;gap:8px;align-items:center}.btn-icon{width:32px;height:32px;padding:0;font-size:1.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.main{flex:1;display:flex;min-height:0}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0d10;padding:12px;min-width:0}#world{max-width:100%;max-height:100%;border-radius:4px;image-rendering:pixelated;cursor:crosshair}.bottom-bar{display:flex;flex-direction:column;align-items:center;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;padding:10px 20px}.bottom-row{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:960px}.bottom-row+.bottom-row{margin-top:8px}.bottom-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.divider{width:1px;height:20px;background:var(--border);margin:0 4px}.tool-row{display:flex;gap:6px}#chart{width:100%;height:100px;border-radius:4px;border:1px solid var(--border)}.panel-title{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:12px}.btn{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;padding:8px 16px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:all .15s ease}.btn:hover{background:var(--border);border-color:var(--text-muted)}#btn-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}.btn-primary{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}.btn-primary:hover{background:#d4c244;border-color:#d4c244}.btn-paused{background:var(--grass);border-color:var(--grass);color:#fff}.btn-paused:hover{background:#4a9a42;border-color:#4a9a42}.label{font-size:.8rem;color:var(--text-muted);min-width:40px}.slider{width:100px;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-deep)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-deep)}.slider-val{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent);min-width:28px;text-align:right}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-btn{display:flex;align-items:center;gap:6px;font-size:.78rem;padding:8px 10px;justify-content:center}.tool-btn.active{border-color:var(--accent);background:#e8d44d14;color:var(--accent)}.tool-icon{font-size:.9rem;width:16px;height:16px;display:flex;align-items:center;pointer-events:none;justify-content:center}.road-icon{width:12px;height:4px;background:var(--road);border-radius:1px}.tool-btn.active .road-icon{background:var(--accent)}.tool-icon.prey-dot,.tool-icon.pred-dot{width:8px;height:8px;border-radius:50%}.info-text{font-size:.78rem;line-height:1.6;color:var(--text-muted)}.info-text.muted{margin-top:8px;opacity:.5;font-size:.72rem}.prey-color{color:var(--prey)}.pred-color{color:var(--predator)}.road-color{color:var(--road)}.btn-help{width:32px;height:32px;padding:0;font-size:1rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal-overlay.hidden{display:none}.modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:12px;max-width:560px;width:90%;max-height:80vh;overflow-y:auto;padding:32px;position:relative;animation:slideUp .2s ease}.modal.modal-wide{max-width:780px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:20px}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-section h3{font-size:.9rem;font-weight:600;margin-bottom:4px;color:var(--text)}.modal-section p{font-size:.82rem;line-height:1.6;color:var(--text-muted)}.modal-section em{color:var(--text);font-style:italic}.modal-list{list-style:none;padding:0}.modal-list li{font-size:.82rem;line-height:1.8;color:var(--text-muted);padding-left:12px;position:relative}.modal-list li:before{content:"—";position:absolute;left:0;color:var(--border-light)}.modal-list li strong{color:var(--text)}.settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.settings-col{display:flex;flex-direction:column;gap:10px}.settings-heading{font-size:.85rem;font-weight:700;margin-bottom:2px;padding-bottom:6px;border-bottom:1px solid var(--border)}.param-row{display:flex;flex-direction:column;gap:3px}.param-row label{display:flex;align-items:center;font-size:.72rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.param-row input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-deep)}.param-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-deep)}.param-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:.55rem;font-weight:700;cursor:help;position:relative;vertical-align:middle;margin-left:4px;flex-shrink:0;transition:background .15s,color .15s}.param-help:hover{background:var(--accent);color:var(--bg-deep)}.param-help:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-surface);color:var(--text);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400;line-height:1.4;padding:8px 10px;border-radius:6px;border:1px solid var(--border-light);width:max-content;max-width:220px;white-space:normal;z-index:100;pointer-events:none;box-shadow:0 4px 16px #00000080;animation:fadeIn .12s ease-out}.param-help:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--border-light);z-index:100;pointer-events:none}.param-val{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);text-align:right}.settings-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-footer .info-text{font-size:.7rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nav-tabs{display:flex;gap:2px;background:var(--bg-elevated);border-radius:8px;padding:3px}.nav-tab{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;padding:6px 16px;border-radius:6px;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.nav-tab:hover{color:var(--text)}.nav-tab.active{background:var(--bg-panel);color:var(--accent)}.ga-main{flex:1;display:grid;grid-template-columns:1fr 340px;gap:1px;background:var(--border);min-height:0;overflow:hidden}.ga-panel{background:var(--bg-surface);padding:20px;overflow-y:auto}.ga-chart-panel{display:flex;flex-direction:column}#ga-chart,#ga-preview{flex:1;width:100%;min-height:200px;border-radius:4px;border:1px solid var(--border)}#ga-preview{image-rendering:pixelated;max-height:100%;object-fit:contain}.hidden{display:none!important}.ga-preview-stats{display:flex;gap:24px;padding:12px 0 0;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted)}.ga-preview-stats span{display:flex;align-items:center;gap:6px}.prey-dot-inline,.pred-dot-inline{width:8px;height:8px;border-radius:50%;display:inline-block}.prey-dot-inline{background:var(--prey);box-shadow:0 0 6px var(--prey)}.pred-dot-inline{background:var(--predator);box-shadow:0 0 6px var(--predator)}.ga-stats{display:flex;gap:24px;padding:12px 0 0;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted)}.ga-stat-value{color:var(--accent);font-weight:600}.ga-eval-status{color:var(--text-muted);opacity:.7;font-size:.72rem}.ga-progress{width:100%;height:4px;background:var(--border);border-radius:2px;margin-top:8px;overflow:hidden}.ga-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease;width:0%}.ga-params-panel{display:flex;flex-direction:column}.ga-params-table{display:flex;flex-direction:column;gap:2px;font-family:JetBrains Mono,monospace;font-size:.72rem;flex:1;overflow-y:auto}.ga-param-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border)}.ga-param-label{color:var(--text-muted)}.ga-param-value{color:var(--accent);font-weight:600;min-width:50px;text-align:right}.ga-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.ga-actions .btn{width:100%}@media(max-width:768px){.header{flex-wrap:wrap;gap:8px;padding:8px 12px}.logo{font-size:1.1rem}.header-stats{order:10;width:100%;justify-content:center;gap:12px;font-size:.72rem;padding-top:4px;border-top:1px solid var(--border)}.seed-group{margin-left:auto}.seed-input{width:80px;font-size:.7rem;padding:4px 6px}.header-actions{gap:4px}.btn-icon,.btn-help{width:28px;height:28px;font-size:.95rem}.canvas-wrap{padding:4px}.bottom-bar{padding:8px 10px}.bottom-row{flex-wrap:wrap;justify-content:center;gap:8px}.bottom-section{flex-wrap:wrap;justify-content:center;gap:6px;flex-shrink:1}.slider{width:70px}.btn{font-size:.78rem;padding:6px 10px}.btn-sm{font-size:.65rem;padding:4px 8px}.tool-btn{font-size:.72rem;padding:6px 8px}.settings-grid{grid-template-columns:1fr;gap:16px}.modal{padding:20px;max-height:85vh}.modal-title{font-size:1.1rem}.ga-main{grid-template-columns:1fr}.nav-tabs{order:9;width:100%;justify-content:center}}@media(max-width:480px){.header{padding:6px 8px}.seed-group{order:10;margin-left:0}.header-stats{order:11}.header-actions{margin-left:auto}.bottom-section{width:100%;justify-content:center}.divider{display:none}.tool-row{flex-wrap:wrap;justify-content:center}}