body{overflow:hidden}main,#world{display:block;width:100%;height:100svh}#world{touch-action:none;outline-offset:-4px}.experiment{top:84px;left:20px;width:300px;padding:20px;max-height:calc(100svh - 410px);overflow-y:auto}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.3px}h1{margin:0;font-size:30px;font-weight:600;letter-spacing:-1px}.intro{margin:8px 0 22px;color:var(--muted);font-size:13px}.metrics{display:flex;justify-content:space-between;gap:12px}.metrics span{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;margin-top:4px;font-size:25px;font-weight:550;font-variant-numeric:tabular-nums}.season{margin:18px 0 22px;font-size:11px;color:var(--muted)}progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:var(--accent)}.setting{display:flex;justify-content:space-between;align-items:center;font-size:12px}.setting output{font-variant-numeric:tabular-nums;font-weight:650}.experiment input[type=range]{width:100%;margin:10px 0 18px;accent-color:var(--accent)}.hint{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.rules{margin-top:16px;font-size:12px;line-height:1.6}.rules p{color:var(--muted)}.outcome{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--grid);font-size:11px;line-height:1.6;color:var(--muted)}.history{bottom:20px;left:20px;width:380px}.history summary{padding:14px 16px;font-size:13px;font-weight:600}#history-label{float:right;font-size:11px;color:var(--muted);font-weight:400}.history-content{padding:0 16px 14px}.trait-key{display:flex;flex-wrap:wrap;gap:12px;font-size:10px}.trait-key b{font-weight:600}.speed{color:var(--chart-warm)}.sense{color:var(--chart-cool)}.size{color:var(--chart-purple)}#trait-chart{display:block;width:100%;margin:10px 0 2px}#trait-chart text{font:10px system-ui,sans-serif;fill:var(--muted)}.inspection{right:20px;bottom:20px;width:270px;padding:16px}.inspection h2{font-size:13px;font-weight:600;margin:0 0 8px}.inspection p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px;white-space:pre-line}#next-creature{padding:0;margin:0 0 14px;background:transparent;border:0;color:var(--accent);cursor:pointer;font-size:11px}#next-creature:disabled{color:var(--muted);cursor:default}.color-key{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.color-ramp{height:6px;flex:1;border-radius:5px;background:linear-gradient(to right,var(--creature-slow),var(--creature-fast))}@media(max-width:900px){.experiment{width:250px;padding:16px}.history{width:340px}.inspection{width:230px}}@media(max-width:760px),(max-height:650px){.toolbar{top:12px;left:12px;right:12px}.control{font-size:12px}}