@import url('data:text/css,');
:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243c2e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e2e5ce}#habitat{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;outline:none}header{position:absolute;top:26px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{font-family:Georgia,serif;font-size:38px;display:flex;gap:10px;align-items:center}.mark{font-family:serif;color:#be6336}.subtitle{font:10px ui-sans-serif,sans-serif;letter-spacing:2px;margin-left:12px;padding-left:18px;border-left:1px solid #243c2e40}.connection{font-size:11px;border:1px solid #ffffffb0;background:#f9faeea0;backdrop-filter:blur(10px);padding:10px 14px;border-radius:20px;display:flex;gap:7px;align-items:center}.connection i{width:6px;height:6px;border-radius:50%;background:#bb8356}.connection i.live{background:#4a8451;box-shadow:0 0 0 3px #6eae4f20}.status{position:absolute;top:123px;left:34px;max-width:295px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#63755d}h1{font:36px Georgia,serif;font-weight:400;line-height:1.15;margin:10px 0}p{font-size:12px;line-height:1.6}.status p{max-width:235px;color:#68775c}.vitals{margin-top:25px;display:flex;gap:17px}.vitals label{font-size:10px;color:#63755d;width:63px}.vitals meter{width:63px;height:5px;margin-top:8px;display:block;border:none;background:#66794c25;border-radius:8px}.vitals meter::-webkit-meter-bar{background:#66794c25;border:none;height:4px}.vitals meter::-webkit-meter-optimum-value{background:#637b4f}.brain{position:absolute;top:118px;right:32px;width:220px;background:#f6f7e9b5;backdrop-filter:blur(16px);border:1px solid #ffffffbd;border-radius:16px;padding:15px;color:#54664b}.brain>button{padding:0;display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1.6px;background:none;color:#53684e}.brain>button span{font-size:14px}.brain-numbers{font-size:9px;margin-top:13px;display:flex;justify-content:space-between}.brain-numbers b{font-size:12px;font-weight:500;color:#324a30}#neurons{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;margin-top:17px}#neurons i{height:5px;width:5px;background:#70845b;border-radius:50%;opacity:.15}#brain-detail{font-size:11px;padding-top:10px}#brain-detail p{font-size:11px}#brain-detail a{color:#426133;text-decoration:none}#rates{font:10px ui-monospace,monospace;line-height:1.8;margin-bottom:10px}.history{position:absolute;bottom:144px;left:34px;max-width:285px;pointer-events:none;font-size:10px;color:#657359}.history div{padding:5px 0}.history time{display:inline-block;width:38px;opacity:.65;font-variant-numeric:tabular-nums}.history div:first-child{color:#314e33}footer{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 30px))}.controls{display:flex;align-items:center;justify-content:center;gap:5px;background:#fbfceddd;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:16px;padding:9px;box-shadow:0 8px 40px #2c44101a}button{font:12px inherit;cursor:pointer;border:0;background:none;border-radius:9px;padding:12px 14px;white-space:nowrap;color:#30482c;transition:background .15s}button:hover{background:#d8e1c6}button:focus-visible{outline:2px solid #749060;outline-offset:3px}#pause{background:#334e35;color:#fff;min-width:88px}.divider{height:21px;width:1px;background:#d7ddc8;margin:0 4px}.hint{font-size:10px;color:#67765c;margin:12px 5px 0;display:flex;justify-content:space-between}.hint span{font-variant-numeric:tabular-nums}#loading{position:absolute;inset:0;background:#e5e7d6;display:grid;place-content:center;text-align:center;z-index:5}#loading .mark{font-size:64px;animation:spin 8s linear infinite}#loading p{font:16px Georgia,serif}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(max-width:760px){header{left:20px;right:20px;top:18px}.subtitle{display:none}.status{left:20px;top:94px}.status h1{font-size:27px}.status p{max-width:165px}.brain{width:165px;right:18px;top:98px;padding:12px}.vitals{gap:10px}.vitals label,.vitals meter{width:48px}#neurons{gap:3px}.brain-numbers{font-size:8px}.history{left:20px;bottom:144px}.controls{gap:0;padding:5px}button{padding:12px 9px;font-size:11px}.hint{font-size:9px}.divider{margin:0 1px}}
/* Keep controls readable against both shaded soil and bright sky. */
header .wordmark{background:#f7f8ecdb;border:1px solid #ffffff80;border-radius:16px;padding:3px 13px;backdrop-filter:blur(12px)}
.status{background:#f6f7e9d9;backdrop-filter:blur(16px);border:1px solid #ffffff80;border-radius:16px;padding:19px 21px;left:30px;top:116px;width:260px}.status h1{font-size:31px}.status p{margin-bottom:0}.vitals{margin-top:18px}.history{background:#f6f7e9cc;backdrop-filter:blur(12px);border-radius:12px;padding:10px 15px;left:30px;bottom:132px}.hint{background:#f4f5e7d9;border-radius:7px;padding:5px 9px;margin-top:8px}@media(max-width:760px){.status{width:194px;padding:14px;left:18px;top:103px}.status h1{font-size:25px}.status p{font-size:11px}.brain{top:103px}.history{left:18px;bottom:140px;max-width:220px}.hint span{display:none}}
#locomotion{font:11px ui-sans-serif,sans-serif;color:#30482c;border:1px solid #a4b297;background:#eff2e5;border-radius:7px;padding:10px 6px;max-width:135px}.vitals label{font-size:9px}.controls{gap:2px}footer{width:min(710px,calc(100% - 30px))}
.watch-mode #pause,.watch-mode #food,.watch-mode #startle,.watch-mode #light,.watch-mode #reset,.watch-mode #locomotion,.watch-mode .divider,.watch-mode .history{display:none}.watch-mode footer{width:min(460px,calc(100% - 28px))}.watch-mode .controls{width:fit-content;margin:auto;padding:3px 12px}.watch-mode .hint{justify-content:center;gap:14px;flex-wrap:wrap}.watch-mode .vitals{display:none}
@media(max-width:600px){header{top:15px;left:14px;right:14px}.wordmark{font-size:28px;gap:6px}.connection{font-size:9px;padding:8px 10px}.status{top:84px;left:14px;width:168px;padding:13px}.status h1{font-size:25px}.status p{font-size:10px;line-height:1.5}.eyebrow{font-size:8px;letter-spacing:1.5px}.brain{top:84px;right:14px;width:149px;padding:12px}.brain>button{font-size:8px;letter-spacing:1px}#neurons{gap:2px}#neurons i{width:4px;height:4px}.brain-numbers{font-size:8px;gap:5px}.brain-numbers b{font-size:10px}footer{bottom:18px}.hint{font-size:9px}.watch-mode .hint span{display:block}.watch-mode #brain-detail{position:fixed;right:0;top:110px;width:min(320px,90vw);padding:12px 16px;background:#f6f7e9f5;border-radius:12px}}
@media(max-height:480px) and (pointer:coarse){header{top:10px}.status,.brain{top:68px}.status{width:156px;padding:10px}.status h1{font-size:22px}footer{bottom:8px}.watch-mode .hint{margin-top:4px}.brain{width:149px}}