html,body{margin:0;padding:0;width:100%;height:100%;scrollbar-gutter:auto;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:transform .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.demo-exit[data-astro-cid-zxdgeiyz]:hover{opacity:1;border-color:var(--text);color:var(--text);transition:transform .3s ease,opacity .14s ease,border-color .14s ease}.demo-exit[data-astro-cid-zxdgeiyz].is-hidden{transform:translateY(calc(-100% - 24px))}@media(prefers-reduced-motion:reduce){.demo-exit[data-astro-cid-zxdgeiyz],.demo-exit[data-astro-cid-zxdgeiyz]:hover{transition:none}}.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{position:absolute;inset:0 0 63px;display:grid;grid-template-columns:1fr 320px}.simulation-area{position:relative;overflow:hidden}#simulation-canvas{width:100%;height:100%;touch-action:manipulation}.header-overlay{display:none}.sidebar-title-section .demo-title{font-family:IBM Plex Sans,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.2}.sidebar-title-section .demo-description{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.effects-legend-hint{font-size:11px;color:var(--muted);margin:10px 0 0;padding-top:10px;border-top:1px solid var(--border);line-height:1.4}.effects-legend-labels{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.4}.effects-legend-birth{color:#10b950;font-weight:600}.effects-legend-attack{color:#dc2626;font-weight:600}.effects-legend-sep{margin:0 4px;opacity:.5}@media(prefers-color-scheme:dark){.effects-legend-birth{color:#64dc64}.effects-legend-attack{color:#ef5350}}.sidebar{background:var(--bg);border-left:2px solid var(--border);overflow-y:auto;scrollbar-gutter:stable;z-index:100}.sidebar-section{padding:12px;border-bottom:1px solid var(--border)}.section-title{font-family:IBM Plex Sans,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-weight:600}.section-desc{font-size:10px;color:var(--muted);opacity:.7;margin:-4px 0 8px;line-height:1.4}.creatures-count{font-variant-numeric:tabular-nums;opacity:.7}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.stat-item{display:flex;justify-content:space-between;font-size:12px}.stat-label{color:var(--muted)}.stat-value{font-weight:600;font-variant-numeric:tabular-nums}.gen-progress-wrap{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.gen-progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px;color:var(--muted)}.gen-progress-label span:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.gen-progress-bar{height:6px;background:var(--secondary-bg);border-radius:3px;overflow:hidden}.gen-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .1s ease-out}.gen-progress-fill.ending{background:linear-gradient(90deg,#ff9800,#ffc107)}.gen-progress-fill.new-gen{background:linear-gradient(90deg,#2196f3,#03a9f4);animation:pulse-gen .4s ease-out}.stats-legend{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 b{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{flex-shrink:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-item:last-child{grid-column:span 2}.setting-item label{font-size:11px;color:var(--muted)}.setting-item input[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 input[type=number]:focus{outline:none;border-color:var(--text)}.settings-slider{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.settings-slider label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1;accent-color:var(--text)}.slider-row span{font-size:12px;font-weight:600;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.settings-toggle{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.settings-toggle label{font-size:12px;font-weight:600;color:var(--text)}.settings-toggle input[type=checkbox]{accent-color:var(--text);width:18px;height:18px;cursor:pointer}.settings-toggle-disabled{opacity:.4;pointer-events:none}.sidebar-charts-section{flex-shrink:0}.sidebar-chart-block{margin-bottom:8px}.sidebar-chart-block:last-child{margin-bottom:0}.sidebar-chart-label{font-size:10px;font-weight:600;color:var(--muted);margin:0 0 4px;text-transform:uppercase;letter-spacing:.03em}.sidebar-chart-canvas{width:100%;display:block;background:var(--secondary-bg);border-radius:5px}.sidebar-chart-fitness{height:164px}.sidebar-chart-evolution{height:194px}.sidebar-chart-lineage{height:142px}@media(min-width:1101px){.sidebar-charts-section{display:none}}.top-performer-section{flex-shrink:0;padding:10px}#neural-canvas{width:100%;height:110px;background:var(--secondary-bg);border-radius:5px}.neural-subtitle{font-size:10px;color:var(--muted);margin:0 0 3px;opacity:.9}.neural-description{font-size:9px;color:var(--muted);margin:0 0 6px;opacity:.8}.neural-legend{margin-top:6px;display:flex;flex-wrap:wrap;gap:3px 8px;font-size:8px;color:var(--muted);opacity:.7}.neural-legend-item{white-space:nowrap}.neural-legend-item b{font-weight:600;color:var(--text);opacity:.8}.creature-info{margin-top:2px;font-size:10px}#creature-id,#mobile-creature-id{display:block;font-weight:600;margin-bottom:3px;font-size:10px}.top-performer-star{color:#ffc107;text-shadow:0 0 2px rgba(0,0,0,.3)}.creature-name-dna{opacity:.9}.creature-stats-detail{display:flex;gap:12px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.creature-stats-detail span{display:inline-block;min-width:5ch}.creature-stats-legend{margin-top:6px;display:flex;gap:10px;font-size:10px;color:var(--muted);opacity:.7}.creature-stats-legend b{font-weight:600;color:var(--text);opacity:.8}.creatures-legend{display:flex;gap:12px;margin-bottom:8px;font-size:9px;color:var(--muted);opacity:.8}.creatures-legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot.vitality-gradient{width:24px;height:8px;border-radius:4px;background:linear-gradient(to right,#ec1313,#dada0b,#05c746)}.legend-star{font-size:10px;color:#ffc107;text-shadow:0 0 2px rgba(0,0,0,.3)}.creature-list{display:flex;flex-direction:column;gap:2px}#mobile-creature-list{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.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;flex-shrink:0}.creature-stats span{display:inline-block;min-width:5ch}.demo-control-btn{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:hover{border-color:var(--text)}.demo-control-btn.active{background:var(--text);color:var(--bg)}.btn-danger{color:#ef5350;border-color:#ef5350}.btn-danger:hover{background:#ef5350;color:#fff;border-color:#ef5350}.modal-overlay{position:fixed;inset:0;z-index:3000;background:#0009;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .15s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg);border:2px solid var(--border);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.modal-title{font-family:IBM Plex Sans,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 12px;font-size:18px;font-weight:700;color:var(--text)}.modal-body{margin:0 0 20px;font-size:13px;line-height:1.5;color:var(--muted)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.control-buttons-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mobile-bottom-stats{display:none;flex-direction:column;width:100%;max-width:400px;margin:0 auto 8px;gap:6px;padding:0 4px}.mobile-stats-row{display:flex;justify-content:space-between;align-items:center}.mobile-stat-compact{display:flex;flex-direction:column;align-items:center;gap:1px}.stat-label-compact{font-size:8px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);opacity:.7;white-space:nowrap}.stat-value-compact{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.mobile-progress-row{display:flex;align-items:center;gap:6px}.mobile-progress-row .stat-label-compact{flex-shrink:0}.progress-bar-compact{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill-compact{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;transition:width .2s ease}.progress-fill-compact.ending{background:linear-gradient(90deg,#ff9800,#ffc107)}.mobile-menu-btn{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:hover,.mobile-menu-btn:active{opacity:1;border-color:var(--text)}.hamburger-line{display:block;width:20px;height:2px;background:var(--text);border-radius:1px}.mobile-sidebar{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;scrollbar-gutter:stable;transition:right .25s ease}.mobile-sidebar.open{right:0}.mobile-sidebar-header{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{flex:1}.mobile-sidebar-header h2{font-family:IBM Plex Sans,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;font-size:16px;font-weight:700}.mobile-sidebar-description{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}.mobile-sidebar-close{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:hover{opacity:1}.mobile-section{padding:16px;border-bottom:1px solid var(--border)}.mobile-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.mobile-slider label{width:100%;font-size:12px;color:var(--muted)}.mobile-slider input[type=range]{flex:1;accent-color:var(--text)}.mobile-slider span{font-size:13px;font-weight:600;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.mobile-neural-canvas{width:100%;height:130px;background:var(--secondary-bg);border-radius:6px}.mobile-creatures-section{flex:1;min-height:200px}.mobile-overlay{display:none;position:fixed;inset:0;z-index:1500;background:#00000080;opacity:0;transition:opacity .25s ease}.mobile-overlay.visible{opacity:1}@media(max-width:768px){.main-grid{grid-template-columns:1fr;bottom:120px;bottom:calc(120px + env(safe-area-inset-bottom))}.sidebar{display:none}.mobile-bottom-stats{display:flex}.demo-control-btn{padding:6px 12px;font-size:12px}.mobile-menu-btn{display:flex}.mobile-sidebar{display:block}.mobile-overlay{display:block;pointer-events:none}.mobile-overlay.visible{pointer-events:auto}}