:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf9ef;background:#0b1919}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:24px}h1{font-size:clamp(1.7rem,4vw,2.6rem);margin:.25em 0;color:#b8ffb0}p{line-height:1.55}button,select{font:inherit;font-size:1rem;min-height:44px;border:1px solid #789b91;border-radius:4px;background:#162c2a;color:#fff;padding:10px}button{cursor:pointer}button:hover{background:#29493e}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe3a2;outline-offset:3px}.eyebrow,.small,.legend{font-size:.875rem;color:#b6d2ca}.eyebrow{letter-spacing:.09em}.bench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:28px;align-items:start}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;background:#081310;padding:8px;border:1px solid #537a67}.cell{min-width:0;min-height:32px;aspect-ratio:1;padding:0;border-radius:1px;border:1px solid #426056;color:#bad2c7;font:700 .875rem monospace}.cell[data-state="1"]{background:#b0f79b;color:#132c15}.cell[data-state="2"]{background:#ffd08a;color:#362307}.controls{display:grid;gap:12px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button:first-child{background:#b0f79b;color:#142415;font-weight:700}#report{padding:14px;border-left:3px solid #b0f79b;background:#142926;margin:0;min-height:80px}summary{cursor:pointer;line-height:1.5}li{line-height:1.5;margin:8px 0}@media(max-width:740px){main{padding:16px}.bench{grid-template-columns:1fr;gap:12px}.cell{min-height:22px}.grid{gap:2px;padding:4px}}

#history-chart{width:100%;min-height:120px;border:1px solid #537a67;background:#081310}
.history-key{display:flex;gap:12px;flex-wrap:wrap;font-size:.875rem}
.history-key span::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.35em;border-radius:50%;vertical-align:-.05em}
.history-key [data-series="plants"]::before{background:#b0f79b}
.history-key [data-series="grazers"]::before{background:#ffd08a}
.history-key [data-series="empty"]::before{background:#789b91}
.history-text{max-height:180px;overflow:auto;padding-left:1.4rem}
.history-text li{font-size:.9rem;margin:4px 0}

.cell[data-state="3"]{background:#563574;color:#fff}.history-key [data-series="fungus"]{color:#ddbbff}
.history-key [data-series="fungus"]::before{background:#ddbbff}

.cell[data-state="4"]{background:#414853;color:#fff;border:2px solid #aab3c2;}
.history-key [data-series="rocks"]{color:#ccd0db;}
.history-key [data-series="rocks"]::before{background:#ccd0db}