:root{color-scheme:dark;--bg:#081f25;--panel:#102d32;--line:#2a4649;--text:#f1eee0;--muted:#abc2bf;--teal:#9be2cf;--gold:#e9bd71}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#173a3e,transparent 55%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1320px;padding:30px 42px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{color:var(--text);text-decoration:none;font-size:19px;letter-spacing:.19em;font-weight:700}.wordmark span{display:block;letter-spacing:.4em;font-size:9px;color:var(--teal);margin-top:2px}nav{display:flex;gap:8px}button{font:inherit;background:#19383c;border:1px solid #3b5a5a;color:var(--text);border-radius:9px;padding:10px 15px;cursor:pointer;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#285251;border-color:var(--teal)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.intro{display:flex;justify-content:space-between;align-items:end;margin:44px 0 28px;gap:24px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--teal);margin:0 0 8px}h1{font:normal clamp(35px,4vw,56px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:0}.lede{color:var(--muted);max-width:285px;margin:0 0 4px;font-size:15px}.layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:26px}.pool{min-height:650px;position:relative;border-radius:18px;overflow:hidden;border:1px solid #40605b;isolation:isolate;background:#113333}.art{background-image:url('life-atlas.webp');background-size:200% 200%;background-repeat:no-repeat}.pool>.art{position:absolute;inset:0;transition:opacity 1s}.stage-0{background-position:0 0}.stage-1{background-position:100% 0}.stage-2{background-position:0 100%}.stage-3{background-position:100% 100%}.pool-shade{position:absolute;inset:0;background:linear-gradient(#051d2570,transparent 30%,transparent 55%,#031c22f5)}.pool-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center}.pill{padding:6px 11px;background:#0b282ac7;border:1px solid #65827b;border-radius:30px;font-size:11px;letter-spacing:.05em}#time{font-variant-numeric:tabular-nums;font-size:12px;color:#d1e9dd}.pool-bottom{position:absolute;bottom:24px;left:28px;right:28px}.pool-bottom h2{font:34px/1.1 Georgia,serif;margin:8px 0 12px}.pool-bottom>p:last-child{color:#c4d7d1;max-width:340px;font-size:14px;margin:0}.workbench{min-width:0}.resource-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.resource .eyebrow{display:block}.resource .eyebrow small{display:inline-block;font-size:8px;color:var(--muted);letter-spacing:.04em;margin-left:5px}.resource strong{font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:500}.resource strong small{font-size:12px;color:var(--muted)}meter{width:100%;height:7px;display:block;margin:10px 0;background:#253c3d;border:0}meter::-webkit-meter-bar{background:#253c3d;border:0;height:5px}meter::-webkit-meter-optimum-value{background:var(--teal);border-radius:3px}.dna meter::-webkit-meter-optimum-value{background:var(--gold)}.resource p{margin:0;font-size:11px;color:var(--muted);min-height:18px}.gather-row{display:flex;gap:10px;margin:12px 0}.gather-row>button{flex:1;min-width:0}.primary{background:var(--teal);color:#092c2b;border-color:var(--teal);font-weight:650}.primary:hover:not(:disabled){background:#b9efdf;color:#092c2b}.gather-row small{display:block;font-size:10px;font-weight:400;margin-top:3px}.gather-row button{padding:13px 8px;touch-action:none;user-select:none;-webkit-user-select:none}kbd{font:9px system-ui;padding:2px 4px;border:1px solid currentColor;border-radius:3px;margin-left:4px;opacity:.6}.next{border-left:2px solid var(--gold);padding:7px 0 7px 13px;margin:19px 0 20px;min-height:66px}.next .eyebrow{color:var(--gold);font-size:9px;margin:0}.next p{margin:5px 0 0;color:#d0dcd5;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{font:23px Georgia,serif;margin:0}.section-title button{padding:5px 9px;font-size:10px}.structures{display:grid;gap:7px}.structure{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#102e33}.structure .number{display:grid;place-items:center;color:var(--teal);background:#214140;border:1px solid #3e5b53;width:30px;height:30px;border-radius:50%;font-size:12px;flex-shrink:0}.structure .label{flex:1}.structure b{font-size:13px;font-weight:600;display:block}.structure small{display:block;color:var(--muted);font-size:10px}.structure .price{text-align:right;font-size:11px;color:var(--gold);max-width:125px}.structure:disabled{opacity:.58}.structure.locked{border-style:dashed;opacity:.38}.evolution{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#263d37;border:1px solid #6b674a;padding:14px;border-radius:12px;margin-top:14px}.evolution .eyebrow{color:var(--gold);font-size:9px;margin:0}.evolution h3{font:20px Georgia,serif;margin:4px 0}.evolution p{font-size:10px;color:var(--muted);margin:0}.gold{background:var(--gold);color:#273129;border-color:var(--gold);font-size:12px;font-weight:700}.branches{display:flex;gap:6px;margin-top:8px}.branches[hidden]{display:none}.branches button{flex:1;padding:9px;font-size:12px}.branches small{display:block;font-size:9px;color:var(--muted)}.bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bottom-row p{font-size:12px;color:var(--muted);margin:4px 0 10px}.lineages{display:flex;gap:7px}.lineages span{padding:4px 10px;border-radius:24px;border:1px solid var(--line);color:#7e9a95;font-size:11px}.lineages .collected{border-color:var(--gold);color:var(--gold);background:#393f2b}.save{text-align:right;max-width:230px}.save button{font-size:11px;padding:7px 12px}footer{color:#7e9e98;font-size:10px;display:flex;justify-content:space-between;gap:20px}footer p{margin:0}a{color:var(--teal)}dialog{background:#102d32;color:var(--text);border:1px solid #5d7770;border-radius:16px;padding:32px;max-width:540px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#03171bcf;backdrop-filter:blur(6px)}dialog h2{font:32px/1.15 Georgia,serif;margin:10px 0 20px}dialog p,dialog li{color:#c4d4ce;font-size:13px}dialog li{margin:13px 0}dialog ol{padding-left:20px}.close{position:absolute;right:13px;top:12px;padding:2px 9px;font-size:22px;background:#102d32}#victory-art{height:240px;border-radius:10px;margin-bottom:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d1ebdf;color:#102c2a;border-radius:10px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;font-size:13px;z-index:100}#toast.show{opacity:1}#pulse{position:absolute;left:50%;top:45%;font-size:17px;color:#ebdfab;text-shadow:0 1px 8px #000;opacity:0;transform:translate(-50%,0);pointer-events:none}#pulse.active{animation:pulse .7s ease-out}.bubbles{position:absolute;inset:0;pointer-events:none}.bubbles i{position:absolute;bottom:18%;width:4px;height:4px;border-radius:50%;background:#e5deb7;box-shadow:0 0 10px #a6f4cf;opacity:0;animation:rise 9s infinite linear}.bubbles i:nth-child(1){left:12%;animation-delay:0s}.bubbles i:nth-child(2){left:33%;animation-delay:3s}.bubbles i:nth-child(3){left:54%;animation-delay:6s}.bubbles i:nth-child(4){left:72%;animation-delay:4s}.bubbles i:nth-child(5){left:85%;animation-delay:1s}@keyframes rise{10%{opacity:.6}90%{opacity:.2}to{transform:translate(20px,-400px);opacity:0}}@keyframes pulse{10%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)}}@media(max-width:850px){main{padding:24px}.layout{gap:18px;grid-template-columns:.85fr 1fr}.pool{min-height:650px}.intro{margin-top:32px}.lede{max-width:210px;font-size:13px}.structure{gap:8px;padding:9px}.resource{padding:12px}.resource .eyebrow small{display:none}}@media(max-width:640px){main{padding:18px}.wordmark{font-size:15px}nav{gap:5px}nav button{padding:7px 8px;font-size:10px}.intro{display:block;margin:30px 0 20px}.lede{margin-top:14px;max-width:100%;font-size:13px}.lede br{display:none}h1 br{display:none}h1{font-size:38px}.layout{grid-template-columns:1fr}.pool{min-height:340px}.pool-bottom{bottom:20px;left:22px}.pool-bottom h2{font-size:28px}.pool-bottom>p:last-child{font-size:12px;max-width:280px}.pool-top{top:15px;left:16px;right:16px}.pool>.art{background-size:200% 200%}.bottom-row{align-items:start}.save{max-width:125px}.lineages{gap:4px}.lineages span{padding:3px 7px;font-size:10px}footer{display:block}footer p+p{margin-top:8px}.resource .eyebrow small{display:inline-block}.pool .art{background-size:200% 200%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}