:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--fg:#1d2330;--panel:#fff;--border:#d5d9e0;--ground:#8a8f99}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14171c;--fg:#e3e6eb;--panel:#1d2128;--border:#343a45;--ground:#6b717c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);flex-direction:column;height:100vh;margin:0;font:14px/1.4 system-ui,sans-serif;display:flex}header{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 16px;display:flex}select,button{font:inherit;padding:3px 8px}canvas{flex:1;width:100%;min-height:0;display:block}#stats{background:var(--panel);border-top:1px solid var(--border);white-space:pre-wrap;margin:0;padding:8px 16px;font:12px/1.5 ui-monospace,monospace}body.page{height:auto;min-height:100vh;display:block}body.page main{max-width:900px;padding:8px 16px 32px}body.page canvas{aspect-ratio:1;border:1px solid var(--border);background:var(--panel);flex:none;width:420px;max-width:100%;height:auto}h2{margin:20px 0 6px;font-size:16px}.note{opacity:.75;margin:0 0 8px}.status{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font:12px/1.5 ui-monospace,monospace}table{border-collapse:collapse;margin:8px 0 12px;font:12px/1.5 ui-monospace,monospace}th,td{border:1px solid var(--border);text-align:right;padding:3px 10px}th{background:var(--panel)}a{color:inherit}:root{--surface-empty:#eceef2}@media (prefers-color-scheme:dark){:root{--surface-empty:#23272f}}main.evolve{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:16px;max-width:none;display:grid}.map-wrap{grid-template-rows:auto 20px;grid-template-columns:20px 1fr;display:grid;position:relative}.y-label{writing-mode:vertical-rl;text-align:center;opacity:.75;font-size:12px;transform:rotate(180deg)}.x-label{text-align:center;opacity:.75;grid-column:2;font-size:12px}body.page canvas#map{aspect-ratio:1;cursor:crosshair;background:0 0;border:none;width:100%;max-width:560px}body.page canvas.robot-canvas{aspect-ratio:auto;width:100%;height:340px}.tooltip{pointer-events:none;background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:4px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;box-shadow:0 2px 6px #00000026}.legend{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0 20px;font-size:12px;display:flex}.legend-bar{border-radius:2px;width:160px;height:10px}.legend-note{opacity:.7}.replay-controls{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}:root{--series-1:#2a78d6;--series-2:#eb6834;--muted:#52514e;--grid:#e2e4e8}@media (prefers-color-scheme:dark){:root{--series-1:#3987e5;--series-2:#d95926;--muted:#c3c2b7;--grid:#30353e}}main.experiment{max-width:1100px}main.experiment figure,figure.progress{margin:0}main.experiment figcaption,figure.progress figcaption{margin-bottom:4px;font-size:13px}figure.progress{max-width:580px;margin-top:16px}.charts,.maps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.chart{position:relative}.chart .tooltip{z-index:10;white-space:pre;position:absolute}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--muted);font:11px system-ui,sans-serif}.legend-row{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px;font-size:13px;display:flex}.swatch{border-radius:2px;width:14px;height:3px;margin-left:6px;display:inline-block}body.page canvas.mini-map{aspect-ratio:1;background:0 0;border:none;width:100%;max-width:420px}main.experiment>.tooltip{z-index:10;position:fixed}#summary td:first-child,#summary th:first-child{text-align:left}figure.cppn{margin:16px 0 0}figure.cppn figcaption{margin-bottom:6px;font-size:13px}body.page canvas#cppn{aspect-ratio:1;image-rendering:auto;border:1px solid var(--border);background:var(--panel);width:256px;max-width:100%;height:256px}#cell-info{height:6em;overflow-y:auto}#robot-stats{height:12em;overflow-y:auto}#cppn-info{height:3em;overflow-y:auto}.robot-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}body.page .robot-view{flex:none}.fullscreen-button{opacity:.6;position:absolute;top:8px;right:8px}.fullscreen-button:hover,.fullscreen-button:focus-visible{opacity:1}.robot-view:fullscreen{background:var(--bg)}.robot-view.fill-window{z-index:100;background:var(--bg);position:fixed;inset:0}.robot-view.fill-window canvas,body.page .robot-view.fill-window canvas.robot-canvas{border:none;flex:1;width:100%;height:auto;min-height:0}.robot-view:fullscreen canvas{border:none;flex:1;width:100%;height:auto;min-height:0}body.page .robot-view:fullscreen canvas.robot-canvas{border:none;flex:1;width:100%;height:auto;min-height:0}