.ecology-board{margin-top:28px;border:1px solid #4d674d;background:linear-gradient(145deg,#18271c,#101713);overflow:hidden}.ecology-hero{padding:24px;background:radial-gradient(circle at 80% 20%,#86b85a35,transparent 30%),linear-gradient(120deg,#243b27,#17231a)}.ecology-hero h2{margin:5px 0}.ecology-hero p{max-width:650px;color:#bac8b7}.ecology-score{display:flex;gap:8px;margin-top:14px}.ecology-score span{padding:7px 10px;border:1px solid #63815c;background:#18251a;color:#cfe0c8;font:800 9px Barlow Condensed}.species-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:18px}.species-card{min-height:150px;padding:13px;border:1px solid #3e513e;background:#17221a}.species-card.unknown{filter:saturate(.25);opacity:.52}.species-card>span{font-size:30px;color:#8eb670}.species-card b,.species-card small{display:block}.species-card b{margin-top:12px;font:800 16px Barlow Condensed}.species-card small{color:#9dac9a;line-height:1.4}.habitat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0 18px 18px}.habitat-card{min-height:175px;padding:14px;border-left:3px solid #60745b;background:#1b281d}.habitat-card.complete{border-color:#a9c875;background:linear-gradient(145deg,#263a27,#1a281c)}.habitat-card b,.habitat-card small{display:block}.habitat-card small{margin-top:7px;color:#aebba9;line-height:1.5}.ecology-log{grid-column:1/-1;display:grid;gap:4px;padding-top:12px;border-top:1px solid #3d503d}.ecology-log small{color:#9dad98}@media(max-width:700px){.species-grid{grid-template-columns:repeat(2,1fr)}.habitat-grid{grid-template-columns:1fr}}@media(max-width:420px){.species-grid{grid-template-columns:1fr}}
