:root{color:#e9eee7;font-synthesis:none;--line:#39453e;--muted:#98a39c;--signal:#d5e58f;--panel:#161d19f0;background:#121714;font-family:Avenir Next,Avenir,sans-serif}*{box-sizing:border-box}body{background:#121714;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select,input{font:inherit}button,select{color:inherit}.shell{grid-template-columns:minmax(0,1fr) 20rem;height:100vh;display:grid}.stage{background:radial-gradient(circle at 45% 40%,#303a34 0,#1a211d 48%,#101411 100%);min-width:0;position:relative}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.masthead{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1.5rem;left:1.75rem;right:1.75rem}.brand{max-width:27rem}.eyebrow,.measure,.stat-label,label,output,.status,.readout{text-transform:uppercase;letter-spacing:.1em;font-family:SFMono-Regular,Consolas,monospace;font-size:.67rem}.eyebrow{color:var(--signal);margin-bottom:.35rem}h1{letter-spacing:-.035em;margin:0;font:300 clamp(2rem,4vw,4rem)/.95 Iowan Old Style,Baskerville,serif}.subtitle{color:#b5beb8;margin:.55rem 0 0;font-size:.8rem}.camera-toggle{pointer-events:auto;border:1px solid var(--line);background:#0e1310c2;padding:.2rem;display:flex}.camera-toggle button{color:var(--muted);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:.45rem .7rem;font:500 .65rem SFMono-Regular,Consolas,monospace}.camera-toggle button[aria-pressed=true]{color:#172019;background:#d8e4dc}.measure{color:#aeb8b1;pointer-events:none;position:absolute}.measure-x{bottom:1.3rem;left:50%;transform:translate(-50%)}.measure-y{writing-mode:vertical-rl;top:50%;left:1.2rem;transform:translateY(-50%)rotate(180deg)}.status{color:#c9d2cc;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem}.status:before{content:"";background:#b1ce78;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .2rem #b1ce781f}.panel{border-left:1px solid var(--line);background:var(--panel);padding:1.4rem 1.25rem 2rem;overflow-y:auto}.panel section{border-top:1px solid var(--line);padding:1rem 0}.panel section:first-child{border-top:0;padding-top:0}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}h2{margin:0;font:500 1rem Iowan Old Style,Baskerville,serif}.section-title span{color:var(--muted);font:.62rem SFMono-Regular,Consolas,monospace}.species-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.species-grid button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#18201b;min-height:3.4rem;padding:.55rem;font-size:.7rem;line-height:1.25}.species-grid button:hover{border-color:#87958b}.species-grid button[aria-pressed=true]{border-color:var(--signal);color:#edf4d2;background:#253026}.control{grid-template-columns:1fr auto;align-items:center;gap:.4rem .8rem;margin:.75rem 0;display:grid}.control input[type=range]{accent-color:#c7db7f;grid-column:1/-1;width:100%}.control output{color:#cbd4ce;letter-spacing:.02em}.check{justify-content:space-between;align-items:center;margin-top:.8rem;display:flex}.check input{accent-color:#c7db7f;width:1rem;height:1rem}.transport{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:grid}.transport button{border:1px solid var(--line);color:#182019;cursor:pointer;background:#e1e9e3;min-width:4.5rem;padding:.45rem}.transport input{accent-color:#c7db7f;width:100%}.stats{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.stat{border-left:2px solid #536158;padding-left:.55rem}.stat-value{font:300 1.15rem SFMono-Regular,Consolas,monospace;display:block}.stat-label{color:var(--muted);letter-spacing:.04em;font-size:.58rem}.readout{color:#bac5bd;text-transform:none;letter-spacing:0;white-space:pre-wrap;font-size:.65rem;line-height:1.65}.note{color:var(--muted);margin:.65rem 0 0;font-size:.67rem;line-height:1.45}.hidden{display:none}@media (width<=760px){body{overflow:auto}.shell{grid-template-rows:65vh auto;grid-template-columns:1fr;height:auto;min-height:100vh}.panel{border-left:0;border-top:1px solid var(--line)}.masthead{left:1rem;right:1rem}h1{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.scale-bar{pointer-events:none;border:1px solid #9aa89e;border-top-width:0;height:.65rem;position:absolute;bottom:3.15rem;left:1.75rem}.scale-bar:before{content:"";border-left:1px solid #9aa89e;height:.3rem;position:absolute;bottom:0;left:50%}.scale-bar span{white-space:nowrap;color:#b7c1ba;font:.6rem SFMono-Regular,Consolas,monospace;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}@media (width<=760px){.scale-bar{left:1rem}.camera-toggle{flex-wrap:wrap;justify-content:flex-end;max-width:8.5rem}.camera-toggle button{flex:100%}.subtitle{max-width:12rem}}