:root{color:#173b38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f2f1e9;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #e9c889}#app{flex-direction:column;height:100dvh;min-height:570px;padding:0 24px;display:flex}.site-header{flex-shrink:0;align-items:center;gap:32px;height:82px;display:flex}.brand{color:#163a35;letter-spacing:-1.7px;align-items:center;font-size:29px;font-weight:750;text-decoration:none;display:flex}.brand-suffix{color:#7f9483;font-weight:450}.brand-cell{background:#d9e3c8;border:1.5px solid #3b6150;border-radius:43% 57% 66% 34%/44% 33% 67% 56%;width:27px;height:26px;margin-right:11px;position:relative;transform:rotate(-20deg)}.brand-cell:after{content:"";background:#6d8f74;border-radius:50%;width:9px;height:8px;position:absolute;top:8px;left:8px}.header-note{color:#7e8a7d;margin-left:7px;font-family:Georgia,serif;font-size:15px;font-style:italic}.build-tag{letter-spacing:1.5px;color:#617564;align-items:center;gap:9px;margin-left:auto;font-size:10px;display:flex}.build-tag>span{background:#74945e;border-radius:50%;width:5px;height:5px}.build-tag b{border:1px solid #cdd4c4;border-radius:4px;margin-left:4px;padding:5px 7px;font-size:9px;font-weight:500}.viewport{isolation:isolate;color:#e3ead9;background:#091e23;border-radius:18px;flex:1;min-height:440px;position:relative;overflow:hidden;box-shadow:0 8px 28px #1838320d}#game{position:absolute;inset:0}#game canvas{outline:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(at 50% 48%,#0000 20%,#06181a3d 65%,#030e14bd 100%);position:absolute;inset:0;box-shadow:inset 0 0 70px #081f233b}.overlay{z-index:1;pointer-events:none;position:absolute}.eyebrow{letter-spacing:2px;color:#90aca1;font-size:9px;font-weight:600}.arena-heading{top:32px;left:34px}.arena-heading .eyebrow{align-items:center;gap:8px;display:flex}.live-dot{background:#b7c9a0;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.1px;margin:13px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:400;line-height:1.1}.arena-heading p{color:#8fa99d;margin:0;font-size:12px}.species-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a2829b3;border:1px solid #a4c7a426;border-radius:12px;width:254px;padding:21px 23px 15px;bottom:28px;left:28px}h2{letter-spacing:-.4px;margin:12px 0 7px;font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:400}.species-card p{color:#a0b6a4;max-width:185px;margin:0;font-size:11px;line-height:1.7}.species-foot{color:#9ab49e;letter-spacing:1.5px;border-top:1px solid #b6d2a51a;align-items:center;gap:7px;margin-top:18px;padding-top:12px;font-size:8px;display:flex}.species-dot{background:#b7d8a3;border-radius:50%;width:5px;height:5px}.species-number{color:#6e9286;letter-spacing:1px;margin-left:auto}.growth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a2829b3;border:1px solid #a4c7a426;border-radius:12px;width:228px;padding:20px 22px;bottom:28px;right:28px}.growth-card .eyebrow{justify-content:space-between;font-size:8px;display:flex}#growth-label{letter-spacing:1px;color:#c7caa0;font-size:7px}.mass-line{align-items:baseline;gap:7px;margin-top:13px;display:flex}#mass{font-variant-numeric:tabular-nums;color:#e4e9d1;font-family:Georgia,serif;font-size:42px;line-height:1}.mass-line>span{color:#8eaa9a;font-size:11px}.eaten-count{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}#eaten{font-variant-numeric:tabular-nums;font-size:16px}.eaten-count small{letter-spacing:1px;color:#799c8d;font-size:7px}.growth-track{background:#9ec49b1f;border-radius:3px;height:3px;margin-top:20px;overflow:hidden}#growth-fill{background:#c2d49b;width:0;height:100%;transition:width .25s}.control-hint{text-align:center;color:#bbcfb7;white-space:nowrap;font-size:11px;bottom:39px;left:50%;transform:translate(-50%)}.control-hint>div{color:#809f90;margin-top:12px;font-size:9px}.control-hint>div>span{color:#b6c6b1;font-size:9px}.control-hint i{color:#59796d;margin:0 5px;font-style:normal}.nutrient-dot{vertical-align:1px;background:#e9c889;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #e9c88966}#loading{color:#c6d5b9;text-align:center;z-index:3;background:#0b2829;border-radius:10px;padding:24px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading[hidden]{display:none}.site-footer{color:#819080;letter-spacing:1.4px;flex-shrink:0;justify-content:space-between;align-items:center;height:43px;font-size:8px;display:flex}.site-footer i{color:#afb9a8;padding:0 8px;font-style:normal}.footer-dot{vertical-align:1px;background:#849e72;border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}@media (width<=1150px){.control-hint{bottom:30px}.control-hint>div{white-space:normal;max-width:240px;line-height:1.9}.species-card{width:225px}.growth-card{width:198px}}@media (width<=900px){.control-hint{white-space:normal;max-width:230px;line-height:1.7;top:36px;bottom:auto;left:50%}.control-hint>div{display:none}}@media (width<=680px){#app{min-height:600px;padding:0 12px}.site-header{height:66px}.brand{font-size:25px}.header-note{display:none}.build-tag{letter-spacing:1px;gap:5px;font-size:8px}.arena-heading{top:24px;left:23px}h1{font-size:29px}.control-hint{display:none}.species-card{width:184px;padding:15px;bottom:20px;left:16px}h2{font-size:20px}.species-card p{font-size:10px}.growth-card{width:136px;padding:15px;bottom:20px;right:16px}.growth-card .eyebrow{letter-spacing:1px}#growth-label,.eaten-count{display:none}#mass{font-size:35px}.site-footer>span:last-child{display:none}}.food-guide{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a2829b3;border:1px solid #a4c7a426;border-radius:12px;width:216px;padding:17px 18px;top:30px;right:30px}#food-legend{gap:13px;margin:14px 0 0;padding:0;list-style:none;display:grid}#food-legend li{align-items:center;gap:12px;display:flex}#food-legend strong{color:#d3dfcb;font-size:10px;font-weight:500;display:block}#food-legend small{color:#8fa99d;margin-top:3px;font-size:9px;display:block}.food-symbol{background:var(--food-color);border-radius:50%;flex:0 0 10px;width:10px;height:10px;display:inline-block}.food-symbol[data-shape=diamond]{border-radius:0;width:9px;height:9px;transform:rotate(45deg)}.food-symbol[data-shape=capsule]{border-radius:4px;flex-basis:13px;width:13px;height:6px}.food-symbol[data-shape=cluster]{background:0 0;position:relative}.food-symbol[data-shape=cluster]:after{content:"";background:var(--food-color);width:6px;height:6px;box-shadow:5px 0 var(--food-color), 2px -5px var(--food-color);border-radius:50%;position:absolute;top:5px}.growth-card{width:256px}.energy-row{color:#96b2a2;letter-spacing:1px;justify-content:space-between;margin-top:16px;font-size:8px;display:flex}#energy{color:#e9c889;font-variant-numeric:tabular-nums}.energy-track{background:#9ec49b1f;border-radius:3px;height:3px;margin-top:7px;overflow:hidden}#energy-fill{background:#e9c889;height:100%}#nutrition-status{color:#dfdcc1;margin:15px 0 4px;font-size:12px}#food-advice{color:#a4bdac;margin:0;font-size:10px;line-height:1.5}#digestion-status{color:#8da99a;border-top:1px solid #b6d2a51a;min-height:26px;margin-top:13px;padding-top:11px;font-size:9px;line-height:1.5}@media (width<=1150px){.control-hint{white-space:normal;max-width:250px}}@media (width<=900px){.control-hint{display:none}.food-guide{width:204px}}@media (width<=680px){.food-guide{width:164px;padding:12px;top:140px;right:17px}#food-legend{gap:9px}#food-legend small{display:none}.growth-card{width:171px;padding:13px}.species-card{width:150px;padding:12px}.species-card h2{font-size:18px}.growth-track,.energy-row{margin-top:10px}#nutrition-status{margin-top:11px;font-size:11px}#food-advice{font-size:9px}#digestion-status{font-size:8px}}.nutrient-inventory{pointer-events:auto;border-top:1px solid #b6d2a51a;margin-top:14px;padding-top:12px}.nutrient-inventory summary{color:#c3d8b7;cursor:pointer;font-size:11px}.nutrient-inventory summary:focus-visible{outline-offset:4px;outline:2px solid #e9c889}#nutrient-inventory{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}#nutrient-inventory li{color:#d8e2cc;grid-template-columns:1fr auto;gap:3px 8px;font-size:10px;display:grid}#nutrient-inventory output{font-variant-numeric:tabular-nums;color:#e9c889}#nutrient-inventory li[hidden]{display:none}#nutrient-inventory small{color:#8da99a;grid-column:1/-1;font-size:8px;line-height:1.4}.species-card .inventory-note{max-width:none;margin-top:12px;font-size:8px;line-height:1.5}@media (height<=760px){.nutrient-inventory[open]{max-height:215px;overflow-y:auto}}.selection{color:#e3ead9;text-align:center;background:radial-gradient(at 50% 15%,#1e514a,#091e23);border-radius:18px;flex:1;padding:45px 40px 24px;overflow:auto}.selection h1{font-size:clamp(30px,3.2vw,46px)}.selection-intro,.selection-note{color:#9bb8a9;font-size:13px;line-height:1.6}.selection-note{margin:25px 0 10px;font-size:11px}.roster{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;margin:28px auto 0;display:grid}.roster-card{background:#082829a6;border:1px solid #b3d5b533;border-radius:15px;flex-direction:column;padding:24px;display:flex}.roster-card h2{color:var(--species-color);margin-bottom:4px;font-size:29px}.scientific-name{color:#92b1a7;font:italic 12px Georgia,serif}.roster-card p,.roster-card dd{color:#abc2b7;font-size:12px;line-height:1.6}.roster-card p{min-height:39px}.roster-card dl{flex:1;margin-top:5px}.roster-card dt{letter-spacing:.8px;color:#d7e6cf;margin:15px 0 5px;font-size:10px}.roster-card dd{margin:0}.roster-card button{color:#173b38;background:#c4d9b5;border:none;border-radius:7px;margin-top:12px;padding:12px;font-weight:600}.roster-card button:hover{background:#e0edce}.roster-art{place-items:center;height:96px;display:grid}.roster-art span{background:color-mix(in srgb, var(--species-color) 20%, transparent);border:2px solid var(--species-color);border-radius:42% 58% 36% 64%/57% 41% 59% 43%;width:73px;height:70px;position:relative;box-shadow:0 0 32px #afdfb219}.roster-art span:after{content:"";background:var(--species-color);opacity:.5;border-radius:50%;width:22px;height:19px;position:absolute;top:22px;left:22px}.roster-art.slipper span{outline-offset:4px;border-radius:50% 40% 45% 50%;outline:3px dotted #c1e9f055;width:100px;height:46px;transform:rotate(-25deg)}.roster-art.slipper span:after{top:11px;left:35px}.roster-art.barrel span{outline-offset:3px;border-radius:38%;outline:3px dotted #f4c9a733;width:72px;height:62px}.sandbox-actions{pointer-events:auto;gap:14px;margin-top:16px;display:flex}.sandbox-actions a,.sandbox-actions button{color:#bdd0b9;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.species-card{scrollbar-width:thin;max-height:calc(100% - 195px);overflow-y:auto}.ability-panel{border-top:1px solid #b6d2a51a;gap:6px;margin-top:15px;padding-top:13px;display:grid}#activate-ability{pointer-events:auto;color:#d6e7c9;text-align:left;background:#bfd7b317;border:1px solid #bdd0b93b;border-radius:5px;padding:7px 5px;font-size:11px}#activate-ability[aria-disabled=true]{opacity:.6}kbd{font:inherit;background:#a3c1ac25;border-radius:3px;margin-right:3px;padding:3px;font-size:9px}#ability-status{color:#e9c889;font-size:12px}.ability-panel small,#ability-message{color:#9db6a7;font-size:9px;line-height:1.4}#ability-message:empty{display:none}.reproduction-panel{border-top:1px solid #b6d2a51a;gap:5px;margin-top:12px;padding-top:12px;display:grid}#reproduce{pointer-events:auto;color:#d6e7c9;text-align:left;background:#bfd7b317;border:1px solid #bdd0b93b;border-radius:5px;padding:7px 5px;font-size:11px}#reproduce[aria-disabled=true]{opacity:.6}#reproduction-status{color:#e9c889;font-size:10px}.reproduction-panel small,#reproduction-message{color:#9db6a7;font-size:9px;line-height:1.4}#reproduction-message:empty{display:none}.kit-details{pointer-events:auto;color:#a6c0ab;margin-top:13px;font-size:10px}.kit-details summary{cursor:pointer}.kit-details p{margin-top:10px}@media (width<=900px){.selection{padding:25px 20px}.roster{gap:12px}.roster-card{padding:18px}.roster-card h2{font-size:23px}}@media (width<=680px){.roster{grid-template-columns:1fr}.roster-card p{min-height:0}.sandbox-actions{flex-direction:column;gap:9px}.species-card{max-height:calc(100% - 225px)}}.diet-note{color:#e1c7ac;border-top:1px solid #b6d2a51a;margin:13px 0 0;padding-top:10px;font-size:10px;line-height:1.5}.zone-key{color:#9ebcb3;border-top:1px solid #b6d2a51a;margin-bottom:0;padding-top:10px;font-size:9px;line-height:1.7}.arena-heading #environment-status{color:#d5d6ad;margin-top:13px;font-size:11px}.roster-art.flagellate span{border-radius:65% 35%;width:100px;height:42px;transform:rotate(-25deg)}.roster-art.flagellate span:after{opacity:1;background:#db714f;width:8px;height:8px;top:7px;left:68px}.roster-art.diatom span{background:repeating-linear-gradient(90deg,#0000 0 5px,#dfcb7944 5px 6px);border-radius:90% 5%;width:112px;height:34px;transform:rotate(20deg)}.roster-art.diatom span:after{width:16px;height:12px;top:8px;left:47px}#population{color:#9cb9ac;font-size:10px}.death-panel{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041719a8;place-items:center;display:grid;position:absolute;inset:0}.death-panel[hidden]{display:none}.death-panel>div{text-align:center;background:#0c3030;border:1px solid #b6d2a54a;border-radius:18px;max-width:380px;margin:20px;padding:32px;box-shadow:0 20px 60px #0004}.death-panel h2{margin-top:18px;font-size:32px;font-style:normal}.death-panel p{color:#abc4b5;font-size:12px;line-height:1.7}#death-reason{color:#f0c6ad;font-size:16px}#respawn{color:#173b38;background:#c4d9b5;border:none;border-radius:6px;width:100%;margin:25px 0 18px;padding:12px;font-weight:600;display:block}#respawn:disabled{opacity:.55;cursor:default}.death-panel a{color:#bbd1bc;font-size:11px}@media (width<=900px){.sandbox-actions{flex-wrap:wrap;gap:10px;max-width:290px}}@media (height<=760px){.food-guide{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#6c9684 #0a2829;max-height:calc(100% - 355px);overflow-y:auto}.species-card{max-height:calc(100% - 220px)}}.hunger-row{color:#b9d5b2;letter-spacing:1px;justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.hunger-track{background:#9ec49b1f;border-radius:4px;height:6px;margin-top:7px;overflow:hidden}#hunger-fill{background:#a5cf83;height:100%;transition:width .15s linear}.hunger-track[data-state=low] #hunger-fill{background:#e9bd66}.hunger-track[data-state=starving]{background:#c96b5855}.hunger-track[data-state=starving] #hunger-fill{background:#e1876d}#hunger-status{color:#b8c9ad;margin:8px 0 0;font-size:10px;line-height:1.5}@media (width<=680px){#hunger-status{font-size:9px}.hunger-row{margin-top:9px}}