html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@supports (height: 100dvh){html,body{height:100dvh}}.demo-container[data-astro-cid-zxdgeiyz]{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.demo-exit[data-astro-cid-zxdgeiyz]{position:fixed;top:16px;left:16px;z-index:1000;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);opacity:.9;transition:opacity .14s ease,border-color .14s ease}.demo-exit[data-astro-cid-zxdgeiyz]:hover{opacity:1;border-color:var(--text);color:var(--text)}.demo-controls[data-astro-cid-zxdgeiyz]{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg);border-top:2px solid var(--border)}@media(min-width:769px){.demo-controls[data-astro-cid-zxdgeiyz]{flex-direction:row;justify-content:center}}.demo-container[data-astro-cid-zxdgeiyz] canvas[data-astro-cid-zxdgeiyz]{display:block;width:100%;height:100%}.main-grid[data-astro-cid-kkxpypx5]{position:absolute;inset:0 0 63px;display:grid;grid-template-columns:1fr 320px}.simulation-area[data-astro-cid-kkxpypx5]{position:relative;overflow:hidden}#simulation-canvas[data-astro-cid-kkxpypx5]{width:100%;height:100%;touch-action:manipulation}.header-overlay[data-astro-cid-kkxpypx5]{position:absolute;top:16px;right:336px;z-index:50;max-width:380px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-radius:var(--radius);border:2px solid var(--border);pointer-events:none}.demo-title[data-astro-cid-kkxpypx5]{font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.2}.demo-description[data-astro-cid-kkxpypx5]{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.sidebar[data-astro-cid-kkxpypx5]{background:var(--bg);border-left:2px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:100}.sidebar-section[data-astro-cid-kkxpypx5]{padding:12px;border-bottom:1px solid var(--border)}.section-title[data-astro-cid-kkxpypx5]{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-weight:600}.creatures-count[data-astro-cid-kkxpypx5]{font-variant-numeric:tabular-nums;opacity:.7}.stats-grid[data-astro-cid-kkxpypx5]{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.stat-item[data-astro-cid-kkxpypx5]{display:flex;justify-content:space-between;font-size:12px}.stat-item[data-astro-cid-kkxpypx5]:last-child{grid-column:span 2}.stat-label[data-astro-cid-kkxpypx5]{color:var(--muted)}.stat-value[data-astro-cid-kkxpypx5]{font-weight:600;font-variant-numeric:tabular-nums}.gen-progress-wrap[data-astro-cid-kkxpypx5]{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.gen-progress-label[data-astro-cid-kkxpypx5]{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px;color:var(--muted)}.gen-progress-label[data-astro-cid-kkxpypx5] span[data-astro-cid-kkxpypx5]:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.gen-progress-bar[data-astro-cid-kkxpypx5]{height:6px;background:var(--secondary-bg);border-radius:3px;overflow:hidden}.gen-progress-fill[data-astro-cid-kkxpypx5]{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .1s ease-out}.gen-progress-fill[data-astro-cid-kkxpypx5].ending{background:linear-gradient(90deg,#ff9800,#ffc107)}.gen-progress-fill[data-astro-cid-kkxpypx5].new-gen{background:linear-gradient(90deg,#2196f3,#03a9f4);animation:pulse-gen .4s ease-out}.stats-legend[data-astro-cid-kkxpypx5]{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--muted);opacity:.7}.stats-legend[data-astro-cid-kkxpypx5] b[data-astro-cid-kkxpypx5]{font-weight:600;color:var(--text);opacity:.8}@keyframes pulse-gen{0%{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.5)}to{opacity:1;transform:scaleY(1)}}.settings-section[data-astro-cid-kkxpypx5]{flex-shrink:0}.settings-grid[data-astro-cid-kkxpypx5]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-item[data-astro-cid-kkxpypx5]{display:flex;flex-direction:column;gap:4px}.setting-item[data-astro-cid-kkxpypx5]:last-child{grid-column:span 2}.setting-item[data-astro-cid-kkxpypx5] label[data-astro-cid-kkxpypx5]{font-size:11px;color:var(--muted)}.setting-item[data-astro-cid-kkxpypx5] input[data-astro-cid-kkxpypx5][type=number]{width:100%;padding:6px 8px;font-size:12px;background:var(--secondary-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-variant-numeric:tabular-nums}.setting-item[data-astro-cid-kkxpypx5] input[data-astro-cid-kkxpypx5][type=number]:focus{outline:none;border-color:var(--text)}.settings-slider[data-astro-cid-kkxpypx5]{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.settings-slider[data-astro-cid-kkxpypx5] label[data-astro-cid-kkxpypx5]{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.slider-row[data-astro-cid-kkxpypx5]{display:flex;align-items:center;gap:10px}.slider-row[data-astro-cid-kkxpypx5] input[data-astro-cid-kkxpypx5][type=range]{flex:1;accent-color:var(--text)}.slider-row[data-astro-cid-kkxpypx5] span[data-astro-cid-kkxpypx5]{font-size:12px;font-weight:600;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.neural-section[data-astro-cid-kkxpypx5]{flex-shrink:0}#neural-canvas[data-astro-cid-kkxpypx5]{width:100%;height:130px;background:var(--secondary-bg);border-radius:6px}.neural-description[data-astro-cid-kkxpypx5]{font-size:10px;color:var(--muted);margin:0 0 8px;opacity:.8}.neural-legend[data-astro-cid-kkxpypx5]{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:9px;color:var(--muted);opacity:.7}.neural-legend-item[data-astro-cid-kkxpypx5]{white-space:nowrap}.neural-legend-item[data-astro-cid-kkxpypx5] b[data-astro-cid-kkxpypx5]{font-weight:600;color:var(--text);opacity:.8}.creature-info[data-astro-cid-kkxpypx5]{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:11px}#creature-id[data-astro-cid-kkxpypx5],#mobile-creature-id[data-astro-cid-kkxpypx5]{display:block;font-weight:600;margin-bottom:4px}.top-performer-star{color:#ffc107;text-shadow:0 0 2px rgba(0,0,0,.3)}.creature-stats-detail[data-astro-cid-kkxpypx5]{display:flex;gap:12px;color:var(--muted);font-variant-numeric:tabular-nums}.creature-stats-legend[data-astro-cid-kkxpypx5]{margin-top:6px;display:flex;gap:10px;font-size:9px;color:var(--muted);opacity:.7}.creature-stats-legend[data-astro-cid-kkxpypx5] b[data-astro-cid-kkxpypx5]{font-weight:600;color:var(--text);opacity:.8}.creatures-legend[data-astro-cid-kkxpypx5]{display:flex;gap:12px;margin-bottom:8px;font-size:9px;color:var(--muted);opacity:.8}.creatures-legend-item[data-astro-cid-kkxpypx5]{display:flex;align-items:center;gap:4px}.legend-dot[data-astro-cid-kkxpypx5]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot[data-astro-cid-kkxpypx5].vitality-gradient{width:24px;height:8px;border-radius:4px;background:linear-gradient(to right,#ec1313,#dada0b,#05c746)}.legend-star[data-astro-cid-kkxpypx5]{font-size:10px;color:#ffc107;text-shadow:0 0 2px rgba(0,0,0,.3)}.creatures-section[data-astro-cid-kkxpypx5]{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.creature-list[data-astro-cid-kkxpypx5]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:8px}#mobile-creature-list[data-astro-cid-kkxpypx5]{padding-right:2px}.creature-list-item{display:grid;grid-template-columns:16px minmax(45px,auto) 1fr auto;align-items:center;gap:6px;padding:5px 6px;border-radius:4px;cursor:pointer;font-size:11px;transition:background-color 80ms ease;border:1px solid transparent}.creature-list-item:hover{background:#ef535014}.creature-list-item.selected{background:#ef53502e;border-color:#ef5350}.creature-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;position:relative;margin-left:4px}.top-star{font-size:12px;color:#ffc107;text-shadow:0 0 3px rgba(0,0,0,.4);margin-right:4px}.creature-list-item.top-performer{background:#ffc10714}.creature-name{font-weight:600;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.creature-stats{display:flex;gap:5px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px;white-space:nowrap;flex-shrink:0}.demo-control-btn[data-astro-cid-kkxpypx5]{padding:8px 16px;font-size:13px;font-weight:600;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.demo-control-btn[data-astro-cid-kkxpypx5]:hover{border-color:var(--text)}.demo-control-btn[data-astro-cid-kkxpypx5].active{background:var(--text);color:var(--bg)}.control-buttons-row[data-astro-cid-kkxpypx5]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mobile-bottom-stats[data-astro-cid-kkxpypx5]{display:none;flex-direction:column;width:100%;max-width:400px;margin:0 auto 8px;gap:6px;padding:0 4px}.mobile-stats-row[data-astro-cid-kkxpypx5]{display:flex;justify-content:space-between;align-items:center}.mobile-stat-compact[data-astro-cid-kkxpypx5]{display:flex;flex-direction:column;align-items:center;gap:1px}.stat-label-compact[data-astro-cid-kkxpypx5]{font-size:8px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);opacity:.7;white-space:nowrap}.stat-value-compact[data-astro-cid-kkxpypx5]{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.mobile-progress-row[data-astro-cid-kkxpypx5]{display:flex;align-items:center;gap:6px}.mobile-progress-row[data-astro-cid-kkxpypx5] .stat-label-compact[data-astro-cid-kkxpypx5]{flex-shrink:0}.progress-bar-compact[data-astro-cid-kkxpypx5]{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill-compact[data-astro-cid-kkxpypx5]{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .2s ease}.progress-fill-compact[data-astro-cid-kkxpypx5].ending{background:linear-gradient(90deg,#ff9800,#ffc107)}.mobile-menu-btn[data-astro-cid-kkxpypx5]{display:none;position:fixed;top:16px;right:16px;z-index:1000;width:44px;height:44px;padding:0;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;opacity:.9;transition:opacity .14s ease,border-color .14s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.mobile-menu-btn[data-astro-cid-kkxpypx5]:hover,.mobile-menu-btn[data-astro-cid-kkxpypx5]:active{opacity:1;border-color:var(--text)}.hamburger-line[data-astro-cid-kkxpypx5]{display:block;width:20px;height:2px;background:var(--text);border-radius:1px}.mobile-sidebar[data-astro-cid-kkxpypx5]{display:none;position:fixed;top:0;right:-320px;width:320px;height:100%;z-index:2000;background:var(--bg);border-left:2px solid var(--border);overflow-y:auto;transition:right .25s ease}.mobile-sidebar[data-astro-cid-kkxpypx5].open{right:0}.mobile-sidebar-header[data-astro-cid-kkxpypx5]{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 16px 16px;border-bottom:1px solid var(--border);gap:12px}.mobile-sidebar-title-wrap[data-astro-cid-kkxpypx5]{flex:1}.mobile-sidebar-header[data-astro-cid-kkxpypx5] h2[data-astro-cid-kkxpypx5]{margin:0;font-size:16px;font-weight:700}.mobile-sidebar-description[data-astro-cid-kkxpypx5]{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}.mobile-sidebar-close[data-astro-cid-kkxpypx5]{width:32px;height:32px;padding:0;background:transparent;border:none;font-size:24px;line-height:1;color:var(--text);cursor:pointer;opacity:.7;transition:opacity .14s ease;flex-shrink:0}.mobile-sidebar-close[data-astro-cid-kkxpypx5]:hover{opacity:1}.mobile-section[data-astro-cid-kkxpypx5]{padding:16px;border-bottom:1px solid var(--border)}.mobile-slider[data-astro-cid-kkxpypx5]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.mobile-slider[data-astro-cid-kkxpypx5] label[data-astro-cid-kkxpypx5]{width:100%;font-size:12px;color:var(--muted)}.mobile-slider[data-astro-cid-kkxpypx5] input[data-astro-cid-kkxpypx5][type=range]{flex:1;accent-color:var(--text)}.mobile-slider[data-astro-cid-kkxpypx5] span[data-astro-cid-kkxpypx5]{font-size:13px;font-weight:600;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.mobile-neural-canvas[data-astro-cid-kkxpypx5]{width:100%;height:130px;background:var(--secondary-bg);border-radius:6px}.mobile-creatures-section[data-astro-cid-kkxpypx5]{flex:1;min-height:200px}.mobile-overlay[data-astro-cid-kkxpypx5]{display:none;position:fixed;inset:0;z-index:1500;background:#00000080;opacity:0;transition:opacity .25s ease}.mobile-overlay[data-astro-cid-kkxpypx5].visible{opacity:1}@media(max-width:768px){.main-grid[data-astro-cid-kkxpypx5]{grid-template-columns:1fr;bottom:120px;bottom:calc(120px + env(safe-area-inset-bottom))}.sidebar[data-astro-cid-kkxpypx5],.header-overlay[data-astro-cid-kkxpypx5]{display:none}.mobile-bottom-stats[data-astro-cid-kkxpypx5]{display:flex}.demo-control-btn[data-astro-cid-kkxpypx5]{padding:6px 12px;font-size:12px}.mobile-menu-btn[data-astro-cid-kkxpypx5]{display:flex}.mobile-sidebar[data-astro-cid-kkxpypx5]{display:block}.mobile-overlay[data-astro-cid-kkxpypx5]{display:block;pointer-events:none}.mobile-overlay[data-astro-cid-kkxpypx5].visible{pointer-events:auto}}@media(max-width:1024px)and (min-width:769px){.main-grid[data-astro-cid-kkxpypx5]{grid-template-columns:1fr 280px}.header-overlay[data-astro-cid-kkxpypx5]{max-width:300px;right:296px}}