.population-panel{margin:0 0 28px;padding:26px;border:1px solid #304749;border-radius:6px;background:#102426}
.population-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.population-heading h2{margin:6px 0 10px}.population-heading .eyebrow{margin:0;color:#d7edb5}.population-heading p{margin:4px 0;color:#aec1bf}
.population-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.population-stats div{border-left:1px solid #395150;padding-left:15px}.population-stats strong{display:block;font-size:26px;font-weight:400;color:#d7edb5}.population-stats span{font-size:12px;color:#b0c3c0}
.colony-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.colony-water{height:300px;position:relative;overflow:hidden;border:1px solid #38514c;border-radius:5px;background:radial-gradient(ellipse at 45% 60%,#1e4542, #081719 80%)}.colony-water[data-pressure=high]{background:radial-gradient(ellipse at 70% 45%,#514831,#152623 65%,#081719)}
.colony-organism{position:absolute;left:0;top:0;width:115px;height:85px;pointer-events:none}.colony-organism .creature-swim,.colony-organism .creature-bank,.colony-organism .nucleus-pulse,.colony-organism .fin-stroke{animation:none}.colony-organism .creature-rig{contain:layout paint}.colony-organism .water-particles{display:none}.colony-organism[hidden]{display:none}
.colony-organism .fin-stroke{transform:scaleY(var(--stroke-extension,.8))}
.colony-organism .tendril{animation-duration:var(--beat-duration,1.4s);animation-delay:var(--beat-delay,0s)}
.colony-offscreen .creature-rig *{animation-play-state:paused!important}
.colony-caption{font-size:11px;line-height:1.5;color:#a9beba;margin:10px 0 0}.energy-card{padding:6px 0;min-width:0}.energy-card .eyebrow{font-size:10px;line-height:1.6;color:#d7edb5}.energy-card dl{margin:20px 0}.energy-card dt{font-size:12px;color:#b0c3c0}.energy-card dd{margin:3px 0 16px;font-size:21px}.energy-card small{display:block;color:#b0c3c0;line-height:1.6}.energy-card summary{font-size:12px;cursor:pointer}.energy-card details p{font-size:12px;overflow-wrap:anywhere}
.population-research{margin-top:20px;border-top:1px solid #304749;padding-top:20px;display:flex;align-items:center;gap:24px;justify-content:space-between}.population-research p{margin:5px 0}.population-research a{flex-shrink:0}.population-history{margin-top:18px}.population-history summary{cursor:pointer;color:#d7edb5}.population-history svg{display:block;width:100%;max-width:680px;height:auto;margin:14px 0}.population-history p{font-size:12px;color:#b0c3c0}.population-history table{border-collapse:collapse;width:100%;font-size:12px}.population-history td,.population-history th{text-align:left;padding:8px;border-bottom:1px solid #304749}
.motion-paused .colony-organism,.page-hidden .colony-organism,.colony-offscreen .colony-organism{animation-play-state:paused}
.colony-organism .creature-rig{transform:rotate(var(--heading,0deg)) scale(calc(var(--age-size,1) * .8));transform-origin:center}
.colony-organism .membrane{fill:var(--age-fill);stroke:var(--age-colour)}
.colony-organism .body-fullness{transform:scaleY(calc(var(--body-scale) * var(--nutrition-fullness,1)))}
.colony-organism .inner-membrane,.colony-organism .tendril,.colony-organism .fin-stroke{stroke:var(--age-colour)}
.colony-organism .fin-stroke>path:first-child{fill:var(--age-fill)}
.colony-organism .nucleus-pulse,.colony-organism .energy-reserves{opacity:var(--energy-opacity,.7)}
.colony-age-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:15px;font-size:12px;color:#b0c3c0}
.age-key:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#4fc2ba}
.age-juvenile:before{background:#bdf5d4;width:7px;height:7px}.age-older:before{background:#cda55f}
.colony-age-legend p{flex-basis:100%;margin:0;font-size:11px;line-height:1.6}
.automatic-research{border-top:1px solid #304749;padding-top:16px}.automatic-research details{margin:12px 0}.automatic-research p{overflow-wrap:anywhere}
.colony-organism{pointer-events:auto;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;color:inherit}
.colony-organism:focus-visible{outline:2px solid #d7edb5;outline-offset:-12px;z-index:2}
.discovery-story,.discovery-comparison{border-top:1px solid #304749;padding:16px 0;margin-bottom:12px}
.discovery-story h3{color:#d7edb5;margin:0 0 8px}.discovery-story p,.discovery-comparison p,.discovery-comparison li{font-size:13px;line-height:1.65}
.discovery-comparison summary{color:#d7edb5;cursor:pointer}.discovery-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discovery-pair[hidden]{display:none}.discovery-pair figure{margin:0;background:#0b1c1e;border:1px solid #304749;padding:12px;min-width:0}.discovery-pair figcaption{font-size:12px;color:#d7edb5}.discovery-portrait{height:190px}
#organism-inspector{max-height:85vh;overflow:auto}#organism-inspector p,#organism-inspector li{font-size:14px;line-height:1.65}
@media(max-width:650px){.discovery-portrait{height:115px}.discovery-pair{gap:7px}}
@media(min-width:651px){.energy-card dl{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:12px 24px;margin:14px 0}.energy-card dd{margin:0}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .colony-organism{animation:none}}
@media(max-width:650px){.population-panel{padding:18px}.colony-layout{grid-template-columns:1fr}.population-stats{grid-template-columns:repeat(2,1fr);gap:14px}.population-heading{gap:10px}.population-heading h2{font-size:27px}.population-heading button{font-size:11px}.colony-water{height:240px}.colony-organism{width:80px;height:64px}.population-research{display:block}.population-research a{margin-top:14px}.energy-card dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.energy-card dd{font-size:18px}.energy-card dt{align-self:center}.energy-card dd{margin:0}}

.population-toggle{display:flex;align-items:center;gap:20px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
#population-summary-title{font-family:Georgia,serif;font-size:22px;color:#e7eddf}
.population-summary-stats{font-size:13px;color:#b0c3c0;flex:1}
.population-toggle-label{margin-left:auto;white-space:nowrap;font-size:13px;color:#d7edb5}
.population-toggle:focus-visible{outline:2px solid #d7edb5;outline-offset:8px;border-radius:2px}
#population-content[hidden]{display:none}
#population-content:not([hidden]){border-top:1px solid #304749;padding-top:22px;margin-top:22px}
@media(max-width:850px){.population-toggle{flex-wrap:wrap;gap:8px 14px}.population-summary-stats{order:3;flex-basis:100%}#population-summary-title{font-size:21px}}

.population-preview{margin-top:14px}
.population-preview[hidden]{display:none}
.population-preview-controls{display:flex;justify-content:flex-end;margin-bottom:8px}
.population-preview .colony-age-legend{display:none}

/* Shared organism and living colony in one panel. */
.merged-panel .population-toggle{padding-bottom:20px;border-bottom:1px solid #304749}.merged-panel #population-summary-title{font:clamp(26px,3vw,40px)/1.2 Georgia,serif}.merged-colony{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,3.2fr);gap:24px;margin-top:22px}.merged-portrait{min-width:0;border-right:1px solid #304749;padding-right:24px}.merged-panel .merged-specimen{min-height:400px;height:100%;border:0;background:transparent;overflow:hidden}.merged-specimen .scene-top{padding:0;flex-wrap:wrap;font-size:10px}.merged-specimen .scene-coordinate{font-size:9px}.merged-specimen .scene-bottom{left:0;right:0;bottom:32px}.merged-specimen .scene-bottom p{font-style:italic;font-size:23px}.merged-specimen .scene-bottom .eyebrow{display:none}.merged-specimen .scale{left:0;bottom:4px;font-size:9px}.merged-population{min-width:0}.merged-panel .population-stats{margin:0 0 18px;gap:10px}.merged-panel .population-stats div{padding-left:10px}.merged-panel .population-stats strong{font-size:25px}.merged-panel .population-stats span{font-size:11px}.merged-panel .population-preview{margin:0}.merged-panel .population-preview-controls{justify-content:space-between;align-items:center}.merged-panel .colony-water{height:310px}.merged-discovery{display:flex;align-items:center;gap:24px;border-top:1px solid #304749;margin-top:22px;padding-top:20px}.merged-discovery>div{flex:1;min-width:0}.merged-discovery .button{flex-shrink:0}.merged-discovery .discovery-story{border:0;padding:0;margin:0}.merged-discovery .discovery-story h3{font-size:20px;margin-bottom:8px}.merged-discovery .discovery-story p{font-size:13px;line-height:1.65}.merged-detail-heading h2,.merged-detail-heading .eyebrow,.merged-detail-heading>button{display:none}.merged-capacity{color:#b0c3c0;margin:14px 0}.habitat-challenge-only{display:block}.habitat-challenge-only .challenge-panel h2{max-width:none}.habitat-challenge-only .challenge-panel{margin-bottom:24px}.habitat-challenge-only .cycle-info{margin-top:0}.merged-panel .colony-layout{margin-top:16px}
@media(max-width:850px){.merged-colony{grid-template-columns:1fr}.merged-portrait{border-right:0;border-bottom:1px solid #304749;padding:0 0 20px}.merged-panel .merged-specimen{height:340px;min-height:340px}.merged-panel .population-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.merged-discovery{flex-direction:column;align-items:stretch}.merged-discovery .button{align-self:flex-start}.merged-panel .colony-water{height:280px}.merged-panel .population-stats strong{font-size:22px}}
