@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url("./assets/font-0-Y2PJ5BOZ.ttf") format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url("./assets/font-1-WJMKLIXC.ttf") format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url("./assets/font-2-AFJ5CDW4.ttf") format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url("./assets/font-3-75G63SEB.ttf") format("truetype")}@font-face{font-family:Soup Display;font-style:normal;font-weight:400;font-display:swap;src:url("./assets/soup-display-YGHBBHSZ.woff2") format("woff2")}:root{--ink: #244e48;--muted: #71847b;--paper: #f8f7ef;--line: #dce2d5;--lime: #b2d660;--dark: #29564d;--water: #a3d9c4;--cream: #fffcf3;--shadow: #143d3120;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#eff1e6;color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #4479b9;outline-offset:4px}button:not(:disabled){-webkit-tap-highlight-color:transparent}svg{display:block}i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}i svg{width:20px;height:20px}button{transition:background .15s,transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(2px)}.game-shell{max-width:1760px;min-height:100dvh;margin:auto;padding:0 36px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 60%,#dfecdd66,transparent 70%)}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:52px;height:52px}.brand h1{font-family:Soup Display,sans-serif;font-size:32px;letter-spacing:-.8px;font-weight:400;line-height:1;margin:0}.title-dot{color:#e49359}.byline{font-size:8px;letter-spacing:2.1px;display:block;margin-top:7px;opacity:.65}.game-title{display:flex;align-items:center;gap:8px;color:#77867a;font-size:12px;margin-left:auto;margin-right:30px}.live-dot{width:7px;height:7px;background:#7fac63;border-radius:50%}.prototype-tag{font-size:10px;border:1px solid #ced6c5;border-radius:5px;padding:3px 7px;margin-left:6px}.utilities{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#fff7}.icon-button:hover{background:#e2e9db}.players{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 19px;gap:18px}.player{position:relative;display:flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid transparent;border-radius:13px;min-width:0}.player.active{background:#fbfcf1;border-color:#b5c78d;box-shadow:0 3px #dde5cc}.player-portrait{width:45px;flex:none}.player-info{min-width:0;flex:1}.player-name{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.you-tag{font-size:9px;font-weight:500;background:#deedc6;border-radius:4px;padding:2px 5px}.player-stat{font-size:11px;color:var(--muted);margin-top:4px}.player-score{display:flex;align-items:center;gap:6px;font-family:Soup Display;font-size:26px}.player-score svg{width:18px;height:18px;color:#94a38c}.player-color{position:absolute;left:2px;width:3px;height:26px;border-radius:2px;background:var(--player)}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:32px;flex:1;min-height:0;align-items:start}.pond-section{min-width:0;display:flex;flex-direction:column}.pond-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 5px;gap:10px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.pond-subtitle{display:block;font-size:12px;color:var(--muted);margin-top:5px}.quiet-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#6a8173;white-space:nowrap}.quiet-button:hover{color:var(--ink)}.quiet-button i svg{width:15px;height:15px}.quiet-button[aria-pressed=false]{opacity:.5}.board-wrap{position:relative;display:flex;justify-content:center;flex:1;min-height:0}.board{width:100%;max-width:1035px;aspect-ratio:900/650;position:relative;margin-top:0;isolation:isolate}#pond-art{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 6px #4767470b)}.cells{position:absolute;inset:8.46% 6.66% 10.76%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.water-cell{position:relative;border-radius:25%;outline:none;transition:background .2s,box-shadow .2s;z-index:1}.water-cell.valid{box-shadow:inset 0 0 0 2px #f9ffe099;background:#e4f5b933;cursor:pointer}.water-cell.valid:after{content:"+";font-size:25px;color:#376b4c;background:#ffffe8b3;position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;line-height:27px;border-radius:50%;border:1px solid #68947066}.water-cell.valid:hover{background:#edfbb877;box-shadow:inset 0 0 0 3px #ffffde}.cell-coord{position:absolute;left:9%;top:7%;font-size:9px;color:#537f755c;pointer-events:none;transition:opacity .2s}.no-grid .cell-coord{opacity:0}.no-grid .grid-lines{opacity:.13}.nutrients{position:absolute;bottom:14%;left:15%;right:15%;display:flex;justify-content:center;align-items:center;gap:5%;height:15%;pointer-events:none}.food{display:inline-block;width:12px;height:12px;flex-shrink:0;background:var(--food);border:1.4px solid var(--food-border);border-radius:3px;box-shadow:inset 0 2px #fff7,0 2px #446a5920;transform:rotate(-9deg)}.food:nth-child(2n){transform:rotate(16deg) translateY(3px)}.food.green{--food: #b1d85e;--food-border: #6d983a}.food.red{--food: #ed9785;--food-border: #b66354}.food.blue{--food: #8cbad6;--food-border: #588fac}.food.yellow{--food: #f4cf6c;--food-border: #bb973f}.organisms{position:absolute;inset:0;pointer-events:none}.amoeba-button{position:absolute;width:10.2%;height:13%;padding:0;pointer-events:auto;transform:translate(-50%,-50%);transition:left .65s cubic-bezier(.2,.8,.2,1),top .65s cubic-bezier(.2,.8,.2,1),filter .2s;z-index:3;filter:drop-shadow(0 4px 0 #336b6630);border-radius:50%}.amoeba-button:active:not(:disabled){transform:translate(-50%,-50%)}.amoeba-button>svg{width:100%;height:100%;overflow:visible;animation:bob 3.8s ease-in-out infinite;animation-delay:var(--delay)}.amoeba-button:hover>svg{filter:brightness(1.07)}.amoeba-button.selected:before{content:"";position:absolute;left:-7%;top:10%;width:114%;height:92%;border:2px dashed #fdfceb;border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 0 5px #fbfeda17}.amoeba-button.selected:after{content:"";position:absolute;left:43%;top:-3px;border:6px solid transparent;border-top-color:var(--cream);filter:drop-shadow(0 1px 0 #558766)}.amoeba-number{position:absolute;bottom:3%;right:7%;font-size:9px;font-weight:700;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--cream);border:1px solid #699968;color:var(--dark)}.amoeba-button.done{opacity:.73}.amoeba-button.done .amoeba-number{background:#426d56;color:#faffdd}.amoeba-button .eyes{animation:blink 8s infinite;transform-origin:center;transform-box:fill-box;animation-delay:var(--delay)}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}.pond-bubble{animation:water-shimmer 5s ease-in-out infinite;animation-delay:var(--delay)}@keyframes water-shimmer{0%,to{opacity:.22}50%{opacity:.6}}.current-compass{position:absolute;left:41.32%;top:42%;width:17.36%;height:14%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#759886;pointer-events:none}.current-compass>span{font-size:8px;font-weight:700;letter-spacing:2.1px}.current-compass>div{font-family:sans-serif;font-size:35px;line-height:38px;color:#477766;transition:transform .4s}.current-compass>b{font-size:8px;letter-spacing:2px}.current-compass small{font-size:8px;white-space:nowrap;margin-top:7px;opacity:.9}.current-compass small strong{background:#d4e1bc;border-radius:3px;padding:1px 4px}.pond-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 10px 12px;margin-top:-6px;gap:10px}.pond-bottom>span{font-size:10px;color:#7c8b79;display:flex;gap:8px;align-items:center}.mini-ring{width:12px;height:12px;border:1px dashed #87a775;border-radius:50%}.pond-bottom button>span{background:#dbe5d2;border-radius:4px;padding:2px 5px}.board-toast{position:absolute;left:50%;bottom:6%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#ffffeff5;color:var(--dark);padding:10px 18px;border-radius:50px;font-size:12px;font-weight:600;box-shadow:0 5px 20px #2e6b4d22;z-index:7;transition:opacity .25s,transform .25s;white-space:nowrap}.board-toast.show{opacity:1;transform:translate(-50%)}.colony-panel{padding:16px 0 0 25px;border-left:1px solid var(--line);align-self:stretch}.colony-heading{display:flex;justify-content:space-between;align-items:center}.colony-heading .eyebrow{font-size:9px;letter-spacing:1.6px}.colony-heading h2{font-family:Soup Display;font-size:27px;font-weight:400;margin:6px 0 0}.bio-balance{display:grid;grid-template-columns:18px auto;column-gap:4px;align-items:center;color:#678044}.bio-balance i{grid-row:span 2}.bio-balance i svg{width:21px;height:27px}.bio-balance strong{font-size:25px;line-height:1;font-weight:600}.bio-balance span{font-size:9px;letter-spacing:1px}.specimen{position:relative;height:159px;display:grid;place-items:center;margin:9px 0 0}.specimen-orbit{position:absolute;inset:18px 16% 8px;border:1px dashed #c4d4b5;border-radius:50%;background:radial-gradient(ellipse,#e1eccbb3,transparent 70%)}#selected-portrait{width:145px;transform:rotate(-5deg);animation:bob 5s infinite}#selected-portrait svg{width:100%}.specimen-coord{position:absolute;left:14%;bottom:20px;font-size:10px;border:1px solid #b8c9a9;border-radius:5px;padding:3px 6px;background:#f7f9ee}.specimen-sticker{position:absolute;right:0;top:22px;font-size:10px;font-style:italic;transform:rotate(10deg);color:#91a079}.specimen-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.specimen-heading h3{font-size:14px;margin:6px 0}.health{display:flex;align-items:center;gap:4px;font-size:9px;color:#71965b}.health i svg{width:12px;height:12px;fill:#a7c88b}.health.hurt{color:#b87555}.diet{display:flex;gap:7px;align-items:center;margin-top:15px;padding:10px 12px;border:1px solid #dce4d2;border-radius:9px;background:#fafff14d;font-size:11px}.diet>div{display:flex;gap:9px;margin-left:auto}.tiny-help{border:1px solid #cad3bf;border-radius:50%;font-size:10px;width:16px;height:16px;line-height:12px;padding:0;margin-left:8px}.gene-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:11px}.gene-heading h3{margin:0;font-size:13px}.gene-heading h3>span{display:inline-block;background:#e2e8d8;padding:1px 5px;border-radius:4px;font-size:10px;margin-left:5px}.text-button{font-size:11px;font-weight:600;color:#60834d;padding:3px}.text-button>span{margin-left:5px}.text-button:hover{text-decoration:underline}.gene-list{display:flex;flex-direction:column;gap:10px}.gene{display:flex;align-items:center;text-align:left;gap:12px;padding:10px 12px;background:#fffcf2;border:1px solid #d6dcca;border-radius:10px;box-shadow:0 3px #e2e6d7;position:relative;width:100%}.gene:hover{background:#fffef8;box-shadow:0 4px #d9e0cb;transform:translateY(-1px)}.gene-art{width:46px;height:46px;flex:none;background:#edf0da;border-radius:50%;display:grid;place-items:center}.gene-art svg{width:43px;height:43px}.gene-text{flex:1}.gene strong{display:block;font-size:12px}.gene p{margin:3px 0 0;font-size:10px;line-height:1.4;color:#87927c}.gene-sensitivity{align-self:start;font-size:8px;color:#8d9a7e;display:flex;gap:2px;align-items:center}.gene-sensitivity i svg{width:11px;height:11px}.colony-footnote{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;color:#99a389;margin-top:20px;max-width:220px}.colony-footnote i svg{width:17px;height:17px}.turnbar{margin-top:8px;display:flex;align-items:center;gap:23px;padding:18px 24px;background:#fbfaf1;border:1px solid #d8dfcc;border-radius:14px;box-shadow:0 5px #dde4d1;min-height:91px}.round{display:flex;align-items:center;gap:8px;padding-right:21px;border-right:1px solid var(--line)}.round>span{font-size:8px;letter-spacing:1.8px;writing-mode:vertical-rl;transform:rotate(180deg)}.round>strong{font-family:Soup Display;font-size:36px;font-weight:400}.turn-details{flex:1;min-width:0}.phase-label{font-size:11px;color:#779163}.phase-label>span{color:#b5bea7}.phase-label>b{font-size:13px;margin-left:9px;color:var(--ink)}#phase-instruction{font-size:11px;color:#84917a;margin-top:5px}.phase-dots{display:flex;gap:4px;margin-top:8px}.phase-dots>span{height:3px;width:19px;border-radius:5px;background:#e2e7d7}.phase-dots>span.active{background:#8bad63}.action-buttons{display:flex;align-items:center;gap:9px}.action{display:flex;gap:8px;align-items:center;justify-content:center;border-radius:8px;padding:11px 16px;min-height:42px;font-size:12px;font-weight:600;border:1px solid #c7d0b9;background:#f7f8ed;white-space:nowrap;box-shadow:0 2px #e1e6d6}.action i svg{width:17px;height:17px}.action.primary{background:#365e49;color:#fffdea;border-color:#365e49;box-shadow:0 3px #214537}.action.primary:hover{background:#426f55}.action.secondary:hover{background:#e5eed7}.action.active{background:#dcebbe;border-color:#82a461}.cost{font-size:9px;opacity:.7;display:flex;align-items:center;gap:3px}.cost i svg{width:12px;height:12px}.next-phase{width:34px;height:40px;display:grid;place-items:center;color:#7d9271;border-radius:6px}.next-phase:hover{background:#e4ebd8}.demo-footer{display:flex;justify-content:space-between;font-size:9px;color:#9ca58d;padding:13px 8px 9px;letter-spacing:.2px}.demo-footer button{font-size:9px;text-decoration:underline;padding:0;color:#899980}dialog{border:1px solid #c9d4bc;border-radius:20px;background:var(--paper);color:var(--ink);padding:33px;max-width:720px;width:calc(100% - 36px);box-shadow:0 20px 80px #153c4444}dialog::backdrop{background:#18433965;backdrop-filter:blur(5px)}.close-modal{position:absolute;right:15px;top:15px;font-size:23px}dialog h2{font:32px Soup Display;margin:5px 0 12px}dialog p{line-height:1.65;color:#6d8273;font-size:13px}dialog .eyebrow{color:#8ba171}dialog .modal-intro{max-width:530px;margin-bottom:24px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-card{background:#fffcf3;border:1px solid #d4ddc9;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.shop-art{height:115px;background:#e6edcf;display:grid;place-items:center;border-bottom:1px solid #d4ddc9}.shop-art>svg{width:95px;height:95px}.shop-body{padding:14px;flex:1;display:flex;flex-direction:column}.shop-body h3{margin:0;font-size:15px}.shop-body p{font-size:11px;margin:8px 0 14px;flex:1}.shop-body .action{width:100%;padding:9px}.shop-body .sensitivity{font-size:10px;color:#94a086;margin-bottom:12px}.help-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-steps section{border:1px solid #d9e1cf;border-radius:10px;padding:15px}.help-steps h3{font-size:13px;margin:0}.help-steps p{font-size:12px;margin:6px 0 0}.journal-list{max-height:380px;overflow:auto;padding:0;list-style:none}.journal-list li{font-size:12px;border-bottom:1px solid #dfe5d7;padding:12px 0;display:flex;gap:16px;line-height:1.6}.journal-list small{font-size:10px;color:#94a187;white-space:nowrap}.modal-bottom{margin-top:22px;display:flex;justify-content:flex-end}.gene-explainer-art{width:115px;float:right;margin:10px 20px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(min-width:1450px){.game-shell{padding:0 48px}.play-area{grid-template-columns:minmax(0,1fr) 305px;gap:42px}.colony-panel{padding-left:32px}.specimen{height:195px}#selected-portrait{width:175px}.gene{padding:15px}.gene-heading{margin-top:35px}.colony-heading h2{font-size:31px}.specimen-heading h3{font-size:16px}.health{font-size:11px}.diet{padding:13px}.gene strong{font-size:14px}.gene p{font-size:11px}}@media(min-width:1000px)and (max-height:850px){.game-shell{padding:0 25px}.topbar{height:72px}.players{padding:13px 0 11px}.player{padding:6px 12px}.board{max-height:calc(100dvh - 307px);width:auto;min-height:340px}.board-wrap{width:100%}.play-area{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.colony-panel{padding:10px 0 0 20px}.specimen{height:125px}#selected-portrait{width:125px}.gene-heading{margin-top:18px}.gene{padding:8px 10px;gap:9px}.gene-art{width:39px;height:39px}.gene-art svg{width:37px;height:37px}.colony-footnote{display:none}.turnbar{min-height:80px;padding:13px 18px}.pond-toolbar{padding-top:5px}.pond-bottom{padding-bottom:3px}.colony-heading h2{font-size:25px}}@media(max-width:1050px){.game-title{display:none}.game-shell{padding:0 20px}.players{gap:5px}.player{padding:8px}.player-name{font-size:12px}.player-portrait{width:36px}.player-score{font-size:23px}.player-score svg{display:none}.play-area{gap:20px;grid-template-columns:minmax(0,1fr) 235px}.colony-panel{padding-left:18px}.health{font-size:8px}.action{padding:11px 12px}.turnbar{gap:14px;padding:14px}.phase-label>b{font-size:12px}.round{padding-right:15px}.pond-subtitle{font-size:10px}.pond-bottom>span{font-size:9px}.colony-footnote{display:none}}@media(max-width:760px){.game-shell{padding:0 14px}.topbar{height:77px;gap:8px}.brand h1{font-size:25px}.brand>span{width:40px}.byline{font-size:6px;letter-spacing:1.7px}.utilities{gap:5px}.icon-button{width:30px;height:30px}.players{grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 0}.player{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 7px}.player-portrait{width:34px;grid-column:1}.player-info{grid-column:span 2}.player-name{font-size:10px;gap:3px}.you-tag{font-size:7px;padding:1px 3px}.player-stat{font-size:8px}.player-score{grid-row:1;grid-column:2;font-size:22px}.player-color{display:none}.play-area{display:flex;flex-direction:column;gap:12px}.pond-section{width:100%}.pond-toolbar{padding:4px 0 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.pond-subtitle{font-size:9px}.board{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;min-height:0;max-height:none;flex-shrink:0}.food{width:7px;height:7px;border-width:1px}.cell-coord{font-size:6px}.amoeba-number{font-size:7px;width:13px;height:13px;min-width:13px}.amoeba-button.selected:before{border-width:1px}.current-compass>span{font-size:5px;letter-spacing:1px}.current-compass>div{font-size:24px;line-height:24px}.current-compass>b{font-size:5px;letter-spacing:1px}.current-compass small{font-size:5px;margin-top:3px}.pond-bottom{padding:3px 0;margin-top:0}.pond-bottom>span{font-size:8px}.pond-bottom .quiet-button{font-size:9px}.colony-panel{padding:14px 0 4px;width:100%;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.colony-heading h2{font-size:21px}.colony-heading .eyebrow{font-size:8px}.bio-balance strong{font-size:22px}.specimen{display:none}.specimen-heading{grid-row:2;grid-column:1;display:block}.specimen-heading h3{font-size:12px}.health{font-size:9px}.diet{grid-column:1;margin-top:1px;padding:9px;font-size:9px}.gene-heading{grid-column:2;grid-row:1;margin:0}.gene-heading h3{font-size:11px}.gene-list{grid-column:2;grid-row:2 / span 2;gap:7px}.gene{padding:6px;gap:6px}.gene-art{width:30px;height:30px}.gene-art svg{width:29px;height:29px}.gene strong{font-size:10px}.gene p{font-size:8px}.gene-sensitivity,.colony-footnote{display:none}.turnbar{flex-wrap:wrap;margin-top:17px;padding:12px;gap:10px;position:sticky;bottom:8px;z-index:10;box-shadow:0 4px #cdd8c0,0 -5px 20px #dde5d044}.round{gap:5px;padding-right:11px}.round>strong{font-size:28px}.round>span{font-size:6px}.phase-label>b{font-size:11px;margin-left:6px}#phase-instruction{font-size:9px}.phase-dots{margin-top:6px}.action-buttons{width:100%;display:flex;gap:7px}.action{font-size:11px;flex:1;min-height:37px;padding:8px}.demo-footer{font-size:8px;padding-bottom:15px}.shop-grid{grid-template-columns:1fr}.shop-card{display:grid;grid-template-columns:85px 1fr}.shop-art{height:100%;border-bottom:0;border-right:1px solid #d4ddc9}.shop-art>svg{width:75px}.shop-body{padding:12px}.shop-body p{margin:5px 0 8px}.shop-body .sensitivity{display:none}.help-steps{grid-template-columns:1fr}dialog{padding:25px}dialog h2{font-size:27px}.board-toast{font-size:9px;padding:8px 12px}.specimen-heading .health i svg{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:761px){.board{width:100%;height:clamp(350px,calc(100dvh - 335px),720px);max-height:none;min-height:0;aspect-ratio:auto}.amoeba-button{height:17%;width:11.5%}.current-compass{top:43%;height:11%}.current-compass>div{font-size:29px;line-height:28px}.current-compass small{margin-top:4px}.amoeba-button.selected:before{left:9%;width:82%;height:82%;top:16%}.amoeba-button.selected:after{top:3px}.amoeba-number{right:14%;bottom:8%}}@media(min-width:761px){.gene-list{max-height:168px;overflow-y:auto;padding:1px 4px 4px 1px;scrollbar-width:thin;scrollbar-color:#c2cdae transparent}.gene{flex-shrink:0}}@media(min-width:1000px)and (max-height:850px){.specimen{height:105px}#selected-portrait{width:110px}.gene-heading{margin-top:14px}.diet{margin-top:11px}}.water-cell.valid:after{content:attr(data-destination);top:7%;left:50%;transform:translate(-50%);width:auto;height:auto;padding:3px 7px;border-radius:20px;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap}.water-cell.valid .cell-coord{opacity:0}.water-cell.drift{background:#efffc544;box-shadow:inset 0 0 0 2px #fcffe3}.water-cell.drift:after{color:#f9ffec;background:#426f55;border-color:#426f55}@media(max-width:760px){.water-cell.valid:after{font-size:7px;padding:2px 4px}}.pond-tools{display:flex;align-items:center;gap:14px}.soup .activity-slot{flex:none;margin-top:24px}.soup-activity{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;font-size:13px;--activity-height: 320px;--activity-padding: 12px}.activity-header,.activity-tabs{display:flex;align-items:center;gap:8px}.activity-header{justify-content:space-between;padding:10px 16px 0;border-bottom:1px solid var(--line)}.activity-header [data-tab]{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600}.activity-header [role=tab][aria-selected=true]{color:var(--ink);border-color:#8cb74a}.activity-header svg,.soup-chat-shortcut>svg{width:17px;height:17px}.activity-back{padding:10px 4px;white-space:nowrap}.soup .chat-count,.soup-chat-shortcut>span{border-radius:20px;min-width:20px;padding:1px 5px;background:#dcebb9;color:var(--ink);font-size:11px;text-align:center}.soup .soup-activity [hidden],.soup .soup-chat-shortcut[hidden]{display:none}.activity-chat,.activity-journal{min-width:0;height:var(--activity-height);padding:var(--activity-padding) 20px}.soup-activity.is-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.is-split .activity-header{position:relative;grid-column:1 / -1;display:block;padding:0}.is-split .activity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.is-split .activity-header [data-tab]{justify-content:flex-start;padding:14px 20px;border-bottom:0;color:var(--ink)}.is-split .activity-header [data-tab=journal]{padding-right:150px;border-left:1px solid var(--line)}.is-split .activity-back{position:absolute;top:5px;right:16px}.is-split .activity-journal{border-left:1px solid var(--line)}.soup-activity .bgs-game-chat{height:100%;min-width:0}.soup-activity .chat-body{height:calc(var(--activity-height) - 2 * var(--activity-padding));display:flex;flex-direction:column;gap:8px;min-width:0}.soup-activity .bgs-game-chat>summary{display:none}.soup-activity .chat-messages,.soup .soup-activity .journal-list{min-height:0;overflow:auto;overscroll-behavior:auto;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#b7c5a6 transparent;padding:0 6px 0 0;margin:0}.soup-activity .chat-messages{flex:1}.soup .soup-activity .journal-list{height:100%;max-height:none}.soup-activity article{padding:9px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.soup-activity article:last-child{border-bottom:0}.soup-activity .chat-author{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:6px;padding:0;font-weight:700}.soup-activity .chat-portrait{display:block;align-self:center;flex:none;width:23px;height:23px}.soup-activity .chat-portrait svg{width:100%;height:100%}.soup-activity time,.soup-activity .chat-edited{margin-left:8px;color:var(--muted);font-size:10px;white-space:nowrap}.soup-activity .chat-day{display:flex;align-items:center;gap:12px;margin:12px 0}.soup-activity .chat-day:before,.soup-activity .chat-day:after{content:"";flex:1;border-top:1px solid var(--line)}.soup-activity .chat-day time{margin:0}.soup-activity .chat-composer{display:flex;align-items:center;gap:8px}.soup-activity input{flex:1;min-width:0;height:40px;border:1px solid #c5d2b8;border-radius:9px;background:var(--cream);color:var(--ink);font:inherit;padding:8px 12px}.soup-activity .chat-composer>button{padding:10px 18px;border:1px solid #a4bb7d;border-radius:9px;background:#dfedc4;font-weight:600}.soup-activity .chat-suggestions{display:flex;gap:6px;flex-wrap:wrap}.soup-activity .chat-suggestions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px}.soup-activity .chat-suggestions [aria-selected=true]{background:#dfedc4}.soup-activity .chat-status{color:#845538;font-size:12px}.soup-activity .chat-suggestions:empty,.soup-activity .chat-status:empty{display:none}.soup-activity article a,.soup-activity .chat-mention{color:var(--ink);text-decoration:underline}.soup-activity .chat-mention{padding:0;font-weight:600}.soup-activity .chat-empty,.soup-activity .journal-empty{color:var(--muted)}.soup .journal-list .journal-round-group,.soup .journal-list .journal-group{display:block;border:0;padding:0 0 8px}.journal-round-divider{display:flex;align-items:center;gap:12px;margin:4px 0 8px;color:#526e4e;font-size:11px;font-weight:700}.journal-round-divider:after{content:"";flex:1;border-top:1px solid #c8d6bd}.journal-group h4{display:flex;align-items:center;gap:5px;margin:0 0 3px;color:#768772;font-size:10px;font-weight:500}.journal-group h4 svg{width:15px;height:15px}.journal-group>ol,.journal-round-group>ol{margin:0;padding:0;list-style:none}.soup .journal-list .journal-event{display:block;padding:7px 0;border:0;line-height:1.7}.soup .journal-list .journal-event--combined{display:flex;align-items:flex-start;gap:5px}.journal-event--combined>.journal-amoeba{flex:none;margin-top:0}.journal-sequence{min-width:0}.journal-amoeba,.journal-player{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:6px;color:var(--ink)}.journal-dice{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;margin-left:3px}.journal-die{display:inline-flex;align-items:center;gap:4px;color:var(--ink)}.journal-die>svg{width:25px;height:25px;flex:none}.journal-die rect{fill:#fffcf3;stroke:#879d78}.journal-die circle{fill:currentColor}.journal-die small{font-size:10px;color:#617653}.journal-amoeba{vertical-align:middle;margin:-4px 3px -4px 0;cursor:help}.journal-portrait{display:inline-block;position:relative;width:30px;height:30px;flex:none;align-self:center}.journal-player .journal-portrait{width:23px;height:23px}.journal-portrait>svg{width:100%;height:100%}.journal-portrait>b{position:absolute;right:-3px;bottom:-1px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid #8da681;background:#ffffed;font-size:9px;line-height:1}.journal-cell{display:inline-block;padding:0 4px;border:1px solid #cbd8bd;border-radius:4px;color:#526e4e;font-size:.85em;line-height:1.5}.journal-environment{display:inline-flex;align-items:center;gap:18px;padding:9px 12px;border:1px solid #a8c9b1;border-radius:11px;background:#e2efe1}.journal-current{display:inline-flex;align-items:center;gap:8px}.journal-current-arrow{display:inline-block;font-size:27px;line-height:1}.journal-ozone{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid #b29843;border-radius:7px;background:#fff1bc;color:#685017;line-height:1;font-size:24px}.journal-ozone svg{width:24px;height:24px}.soup-chat-shortcut{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #809b62;border-radius:24px;background:var(--dark);color:var(--cream);box-shadow:0 3px 12px var(--shadow);font-weight:600}@media(max-width:760px){.soup-activity{--activity-height: 300px;--activity-padding: 10px}.activity-header{padding:6px 8px 0;gap:4px}.activity-header [role=tab]{padding:10px 8px;gap:5px}.activity-back{font-size:11px}.activity-chat,.activity-journal{padding:10px 12px}.soup-activity input{font-size:16px}}.soup{min-height:100dvh;padding-bottom:18px;font-size:14px}.soup .topbar{height:74px;flex:none}.soup .utilities{margin-left:auto}.utilities .quiet-button svg{width:16px;height:16px}.utilities .quiet-button{padding:5px}.utilities [aria-pressed=true]{background:#e0eacb;box-shadow:inset 0 0 0 1px #8eaa6e}.utilities [hidden]{display:none}.amoeba-symbol,.food>.colony-symbol,.scoring-marker>.colony-symbol{display:none}.colony-symbols .amoeba-symbol{display:inline}.soup .amoeba-symbol>.colony-symbol{width:25px;height:25px}.colony-symbols .brand .amoeba-symbol,.colony-symbols .gene-art .amoeba-symbol,.colony-symbols .shop-art .amoeba-symbol,.colony-symbols .gene-explainer-art .amoeba-symbol{display:none}.soup.colony-symbols .food,.colony-symbols .scoring-marker{background:none;border:0;box-shadow:none;transform:none}.colony-symbols .food>.colony-symbol,.colony-symbols .scoring-marker>.colony-symbol{display:block;width:100%;height:100%;overflow:visible}.soup .players{grid-template-columns:repeat(var(--player-columns, 4),minmax(0,1fr));padding:12px 0;gap:12px}.soup .player{text-align:left}.soup .player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.soup .player-name .you-tag{margin-left:6px}.soup .player-stat{display:flex;align-items:center;flex-wrap:wrap;gap:.3em}.soup .player-population>svg{width:18px;height:18px}.player-score-group{display:flex;flex-direction:column;align-items:flex-end;flex:none;gap:2px}.player-balances{display:flex;align-items:flex-start;gap:14px;flex:none}.player-bp{font-family:Soup Display;font-size:26px}.soup .player-bp svg{width:18px;height:18px}.player-sensitivity{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #c9a85c;border-radius:8px;background:#fff1bc;color:#6f4d13;font-size:22px;line-height:1.2}.player-sensitivity svg{width:16px;height:16px;flex:none}.player-sensitivity.protective{background:#e3f0de;border-color:#83a574;color:#3e6135}.player-income{padding:2px 5px;border-radius:5px;background:#e4edda;color:#506c43;font-size:10px;line-height:1.4;white-space:nowrap}.soup .play-area{align-items:start;flex:1}.soup .board{--current-x: 0px;--current-y: 0px;height:clamp(390px,calc(100dvh - 330px),660px);width:100%;aspect-ratio:auto;max-height:none;min-height:0}.soup .board[data-current=west]{--current-x: -48px}.soup .board[data-current=north]{--current-y: -48px}.soup .board[data-current=east]{--current-x: 48px}.soup .board[data-current=south]{--current-y: 48px}.soup #pond-art{pointer-events:none}.soup .pond-bubble,.soup .pond-flow{animation:pond-drift var(--flow-duration) linear infinite;animation-delay:var(--delay);opacity:.28}.soup .pond-flow{--flow-opacity: .42;opacity:0}.soup .board[data-current=still] .pond-bubble{animation-name:water-shimmer;animation-duration:16s;animation-timing-function:ease-in-out}.soup .board[data-current=still] .pond-flow{animation:none}@keyframes pond-drift{0%{opacity:0;transform:translate(0)}20%,70%{opacity:var(--flow-opacity, .5)}to{opacity:0;transform:translate(var(--current-x),var(--current-y))}}.soup .water-cell{border-radius:15%;padding:0}.soup .water-cell[aria-disabled=true]{cursor:default}.soup .water-cell.last-cell{background:#e5f7bf55}.soup .water-cell.valid{box-shadow:inset 0 0 0 2px #ffffda}.soup .water-cell.valid:after{content:none}.cell-destination{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.3em;padding:3px 7px;border:1px solid #68947066;border-radius:20px;background:#ffffe8b3;color:#376b4c;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;top:3%;z-index:5;pointer-events:none}.water-cell.drift .cell-destination{color:#f9ffec;background:#426f55;border-color:#426f55}.cell-destination .bp-amount{color:inherit}.soup .water-cell .cell-coord{font-size:10px;color:#426c6388}.soup .organisms{--amoeba-width: 10%;--amoeba-height: 16%}.soup .amoeba-button{left:calc(var(--x) - var(--amoeba-width) * var(--scale) / 2);top:calc(var(--y) - var(--amoeba-height) * var(--scale) / 2);width:calc(var(--amoeba-width) * var(--scale));height:calc(var(--amoeba-height) * var(--scale));transform:none;filter:none;z-index:auto}.soup .amoeba-button>svg{position:relative;z-index:3;filter:drop-shadow(0 4px 0 #336b6630)}.soup .amoeba-button:active{transform:none}.soup .amoeba-button.selected:before{left:5%;width:90%}.soup .amoeba-button.acting:before{border-color:#fff7cd;border-style:solid;box-shadow:0 0 0 5px #fff7cd30}.soup .amoeba-number{inset:8% auto auto 50%;transform:translate(-50%);font-size:10px;width:19px;height:19px;opacity:1;pointer-events:auto;z-index:8;background:var(--amoeba-paper);border-color:var(--amoeba-ink);box-shadow:0 1px 2px #24433a44}.injury{position:absolute;display:flex;align-items:center;justify-content:center;left:0;top:8%;border-radius:10px;background:#fcddd0;color:#97502f;font-size:10px;padding:2px 4px;border:1px solid #bb8f77;z-index:6}.board-actions{position:absolute;bottom:5%;left:1%;width:22%;display:flex;align-items:stretch;gap:6px;z-index:9}.board-actions[hidden]{display:none}.board-actions>*{flex:1;min-width:0;max-width:180px}.soup .board-actions .board-movement{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:52px;height:100%;padding:8px 5px;font-size:13px;border-radius:12px;white-space:normal;text-align:center}.board-movement-title{display:inline-flex;align-items:center;justify-content:center;gap:4px;overflow-wrap:anywhere}.board-movement-title svg{flex:none;width:18px;height:18px}.board-drift-choice{position:relative}.board-drift-choice summary{list-style:none;cursor:pointer}.board-drift-choice summary::-webkit-details-marker{display:none}.board-drift-choice[open] summary{border-color:var(--ink)}.board-drift-destinations{position:absolute;bottom:calc(100% + 8px);left:0;display:grid;gap:6px;width:max-content;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--cream);box-shadow:0 3px 12px #24433a33}.soup .board-drift-destinations .action{min-height:44px}.soup .nutrients{bottom:10%;left:4%;right:4%;gap:5px;flex-wrap:wrap;height:auto;min-height:10px;z-index:4}.food-amount{display:inline-flex;gap:2px;align-items:center;font-size:10px;color:#325e4c;white-space:nowrap}.food-amount>.food{align-self:center;width:11px;height:11px;transform:rotate(-8deg)}.soup .current-compass{top:42%;left:41.32%;width:17.36%;height:15%;display:grid;grid-template-columns:.8fr 1.2fr;gap:5px;color:#315d4e}.soup .environment-current{display:grid;justify-items:center;gap:1px;font-family:DM Sans,sans-serif;line-height:1}.soup .environment-current>span,.soup .compass-label{font-size:8px;font-weight:800;letter-spacing:.06em}.soup .compass-arrow{font-size:30px;line-height:1;transition:transform .4s}.soup .environment-ozone{display:grid;justify-self:center;width:100%;max-width:82px;justify-items:center;gap:2px;padding:5px 3px;background:#fff1bc;border:1px solid #b29843;border-radius:11px;color:#685017;font-family:DM Sans,sans-serif;line-height:1;box-shadow:0 2px #ac9c6140;pointer-events:auto;cursor:help}.ozone-value{display:flex;align-items:center;gap:2px}.ozone-value svg{width:24px;height:24px;flex:none}.soup .ozone{font-size:34px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.soup .board-wrap{width:100%;max-width:1035px;margin-inline:auto;container-type:inline-size}.board-reference{position:absolute;left:1%;top:2%;width:21%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;text-align:center}.soup .pond-tools{position:absolute;top:calc(2% + 14px);right:calc(1% + 52px);z-index:1}.soup .board-visibility{position:absolute;right:1%;top:2%;z-index:2;width:44px;height:44px;padding:10px;color:#6a8173;background:transparent;border-color:transparent;box-shadow:none}.soup .board-visibility:active{transform:none}.soup .board-visibility svg{width:22px;height:22px}.soup .board-visibility:hover,.soup .board-visibility[aria-pressed=true]{color:var(--ink);background:#e0eacb;border-color:var(--line)}.soup-board-key{display:flex;flex-direction:column;align-items:center;color:#617653;text-align:center;gap:6px;font-size:clamp(10px,1.3cqw,14px);--marker-size: clamp(5px, .8cqw, 8px)}.scoring-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.scoring-table caption{margin-bottom:6px;font-weight:600}.scoring-table caption svg{display:inline-block;vertical-align:middle;width:15px;height:15px}.scoring-table th,.scoring-table td{padding:4px 1px;text-align:center}.scoring-table thead{font-size:.85em;color:#78896b}.scoring-table th[scope=row] svg{width:20px;height:20px;margin:auto}.scoring-table td.current{background:var(--scoring-current);border-radius:4px;color:var(--ink);font-weight:700}.scoring-points{display:block}.scoring-markers{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:2px;width:calc(var(--marker-size) * 3 + 4px);max-width:100%;min-height:calc(var(--marker-size) * 2 + 2px);margin:3px auto 0}.scoring-marker{flex:none;width:var(--marker-size);height:var(--marker-size);border-radius:50%;background:var(--marker-color);border:1px solid var(--marker-border);cursor:help}.scoring-marker:focus-visible,.gene-scoring-badge:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.scoring-total{display:flex;gap:4px;align-items:center;font-weight:600}.scoring-finish{font-size:10px;line-height:1.5}.scoring-help{display:inline-flex;align-items:center;gap:3px;padding:0;font:inherit;color:inherit}.scoring-help:hover{text-decoration:underline}.scoring-detail{--marker-size: 12px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:20px auto;font-size:16px}.scoring-detail .scoring-table th,.scoring-detail .scoring-table td{padding:8px 3px}.scoring-detail .scoring-table thead{font-size:14px}.soup .pond-bottom{margin:0;min-height:32px;gap:15px;padding-top:6px}.soup .last-move{font-size:13px;line-height:1.7;color:var(--ink);flex:1}.food-reserve{display:flex;gap:7px;align-items:center}.food-reserve>small{font-size:10px;color:var(--muted)}.soup .colony-panel{padding-top:10px;container:colony-panel / size;min-height:0;display:flex;flex-direction:column}.soup .colony-panel>:not(.gene-list){flex:none}.soup .colony-heading h2{font-size:25px;max-width:165px;overflow-wrap:anywhere}.soup .bio-balance>svg{width:21px;height:27px;grid-row:span 2}.soup .specimen{height:120px}.soup #selected-portrait{width:118px}.soup .diet{margin-top:10px}.soup .gene-heading{margin-top:20px}.soup .gene-list{flex:0 1 auto;min-height:0;max-height:none;overflow:auto;padding:1px 4px 4px 1px}.soup .gene-list>.gene{flex:none;padding:9px}@container colony-panel (max-height: 32rem){.soup .specimen{display:none}}.soup .gene p{font-size:10px;color:#64795e}.soup .gene-text{min-width:0}.empty-genes{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0}.colony-metrics{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#748669;padding:15px 0}.colony-metrics>span{display:flex;gap:4px;align-items:center}.colony-metrics svg{width:14px;height:14px}.soup .turnbar{position:sticky;bottom:10px;z-index:12;margin-top:14px;flex-wrap:wrap;padding:14px 18px;gap:12px;background:#fbfaf1f7;backdrop-filter:blur(8px);flex:none}.soup .phase-label{font-size:14px;font-weight:600;color:var(--ink)}.soup .phase-steps{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0 0;padding:0;list-style:none}.phase-steps>li{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;height:27px;padding:3px;border:1px solid #d5dfca;border-radius:6px;background:#f0f3e7;color:#708064;font-size:10px;font-weight:600;cursor:help}.phase-steps svg{width:14px;height:14px;flex:none}.phase-income .bp-amount{color:inherit}.phase-environment svg{width:18px;height:18px}.phase-detail{display:inline-flex;align-items:center;border-left:1px solid currentColor;margin-left:2px;padding-left:5px}.phase-steps .complete{color:#486442;background:#e7eedb}.phase-steps [aria-current=step]{color:#fcffec;background:#426b50;border-color:#426b50}.phase-steps>li:focus-visible{outline:2px solid #426b50;outline-offset:2px}.game-progress{display:grid;justify-items:center;gap:5px;color:#657c64;font-size:11px}.round-progress{display:flex;align-items:center;gap:4px 10px;color:var(--ink);font-size:12px;flex-wrap:wrap;justify-content:center}.round-progress strong{font-size:16px}.round-meter{display:flex;gap:3px}.round-meter>span{width:7px;height:5px;border-radius:2px;background:#d9e2cc}.round-meter>.reached{background:#73974f}.game-finish{display:block;line-height:1.5;cursor:help}.phase-instruction{font-size:12px;color:#708064;margin-top:5px;line-height:1.5;max-width:630px}.soup .turn-details{flex:1 1 300px}.soup .action-buttons{flex-wrap:wrap;justify-content:flex-end;overflow:visible;padding:3px 0 5px}.soup .action{font-size:12px;white-space:normal;max-width:340px;line-height:1.4;padding:10px 13px}.action>svg{width:18px;height:18px;flex:none}.action>small{font-size:10px;opacity:.75}.action.primary .food-amount{color:#f2f6d8}.game-message{color:#9a4636;font-size:12px;padding-top:10px}.amoeba-picker{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:14px;gap:8px;flex-wrap:wrap}.amoeba-picker select{font:inherit;color:var(--ink);border:1px solid #c8d7b5;border-radius:6px;background:#fffcf3;padding:5px 8px}.placement-price{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;background:#e4edda;color:#506c43;font-size:14px;font-weight:700;white-space:nowrap}.soup dialog{max-width:960px;max-height:85dvh;padding:0;overflow:hidden}.soup dialog[open]{display:flex;flex-direction:column}.soup .modal-content{min-height:0;padding:33px;overflow:auto;overscroll-behavior:auto}.soup .close-modal{z-index:2;background:var(--paper);box-shadow:0 2px 8px #153c4420}.pool-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:25px}.soup .pool-header h2{margin:0}.soup .pool-header p{margin:5px 0 0;font-size:13px}.pool-filters{display:flex;margin-top:16px}.soup .pool-filters .action{flex:none;min-height:44px;white-space:normal}.pool-filters small{border-radius:5px;padding:2px 5px;background:#8faa7c33}.pool-empty{padding:24px 0}.soup .pool-guide{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d9c58f;background:#fff6da;color:#68501c;border-radius:12px;flex:none}.pool-guide>svg{width:26px;height:26px;flex:none}.pool-guide>strong{font-size:30px;line-height:1}.soup :is(.sensitivity-badge,.gene-sensitivity,.pool-guide){cursor:help}.soup :is(.environment-ozone,.sensitivity-badge,.pool-guide):focus-visible{outline:2px solid #3d7468;outline-offset:3px}.pool-section{margin-top:26px}.pool-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pool-heading h3{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.pool-heading h3>svg{width:22px;height:22px}.pool-heading>span{font-size:12px;font-weight:700;color:#576a5b;white-space:nowrap}.pool-section--new .pool-heading h3{color:#694c79}.soup .market-status{margin:-3px 0 14px;padding:0;background:none;font-size:12px;color:#6a5875;line-height:1.5}.soup .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-family{display:grid;grid-column:span var(--gene-count);grid-template-columns:repeat(var(--gene-count),minmax(0,1fr));gap:16px;min-width:0}.soup .shop-card{display:flex;flex-direction:column;border-radius:14px}.soup .shop-card--new{border-color:#cdbed6}.soup .shop-art{display:flex;align-items:center;justify-content:space-between;height:102px;padding:10px 12px;gap:8px;border-right:0;border-bottom:1px solid #d4ddc9}.soup .shop-card--new .shop-art{background:#eae3f0;border-color:#d5c8dd}.shop-illustration{flex:1;min-width:0;display:flex;justify-content:center}.shop-illustration>svg{width:86px;height:86px;max-width:100%}.sensitivity-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 7px;border:1px solid #c9a85c;border-radius:12px;background:#fff1bc;color:#6f4d13;min-width:88px;flex:none}.sensitivity-value{display:flex;align-items:center;gap:5px}.sensitivity-value svg{width:21px;height:21px}.sensitivity-value strong{font-size:38px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.sensitivity-badge.protective,.soup .gene-sensitivity.protective{background:#e3f0de;border-color:#83a574;color:#3e6135}.soup .shop-body{padding:15px;gap:0}.soup .shop-body h3{font-size:17px;line-height:1.3}.shop-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.gene-scoring-badge{display:inline-flex;align-items:center;vertical-align:middle;gap:3px;flex:none;padding:3px 6px;border:1px solid #91ad7b;border-radius:6px;background:#e5efcf;color:#3c5d35;font-size:14px;line-height:1;cursor:help}.gene-scoring-badge svg{width:15px;height:15px}.new-gene-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:#efe7f5;border:1px solid #d1bedc;border-radius:5px;padding:2px 6px;color:#694c79;font-size:10px;font-weight:800;line-height:1.4;margin-bottom:7px}.new-gene-star{display:inline-flex;flex:none;color:#785290;line-height:1;margin-right:4px}.gene-label .new-gene-star{margin:0}.gene-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 1px;padding:11px 0;border-top:1px solid #d9dfcd;border-bottom:1px solid #d9dfcd}.gene-facts>div{display:grid;gap:5px}.gene-facts>div+div{border-left:1px solid #d9dfcd;padding-left:14px}.gene-facts>div>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#58674e}.gene-facts strong{display:flex;align-items:center;gap:5px;font-size:22px;line-height:1;font-weight:800;color:#345b49}.gene-facts strong small{font-size:12px;font-weight:700}.gene-cost .bp-amount{color:inherit}.gene-cost .bp-amount svg{width:17px;height:17px}.gene-stock.is-empty strong{color:#7c7164}.soup .shop-body p{font-size:12px;line-height:1.6;color:#4c634e;margin:12px 0}.soup .gene-prerequisite{font-size:11px;margin:0 0 12px;color:#5c6954;line-height:1.5}.soup .gene-unavailable{font-size:11px;color:#687360;border-top:1px solid #e0e5d7;padding-top:10px}.soup .shop-body .action{margin-top:5px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.soup .shop-body .action>svg{width:16px;height:16px}.soup .gene-sensitivity{display:flex;font-size:20px;color:#6f4d13;background:#fff1bc;border:1px solid #d2b66e;border-radius:8px;padding:5px;min-width:40px;justify-content:center;gap:3px}.soup .gene-sensitivity>svg{width:14px;height:14px}.soup .gene--new{border-left:3px solid #ac8dbe}.gene-detail-hero{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:18px}.gene-detail-hero .gene-explainer-art{margin:0}.gene-detail-cost{display:flex;align-items:center;gap:12px;font-size:16px}.gene-detail-cost>span{font-size:12px;font-weight:700;color:#58674e}.soup .journal-list{max-height:65dvh}.soup .journal-list li{font-size:13px}.rules-links{display:flex;flex-wrap:wrap;gap:12px 24px}.results-list{list-style:none;padding:0}.results-list li{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:8px}.results-list svg{width:55px;height:55px}.results-list li>b{margin-left:auto;font:30px Soup Display}.tutorial-slot:empty{display:none}.bgs-tutorial-guide{padding:14px 18px;border:1px solid #d0dcc0;border-left:4px solid #7da75d;border-radius:10px;background:#fbfceef5;margin:10px 0 0}.bgs-tutorial-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.bgs-tutorial-heading strong{font-size:15px}.bgs-tutorial-guide p{margin:8px 0 10px;max-width:1000px;font-size:13px;line-height:1.6}.bgs-tutorial-guide button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bfceb0;background:#f9fbed;border-radius:6px;padding:6px 9px;font-size:12px;min-height:33px}.bgs-tutorial-controls,.bgs-tutorial-playback,.bgs-tutorial-help{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bgs-tutorial-controls{justify-content:space-between}.bgs-tutorial-guide small{display:block;font-size:10px;color:#8a977a;margin-top:7px}.bgs-tutorial-highlight{outline:3px solid #bb892d;outline-offset:3px}.bgs-tutorial-feedback{color:#4f7941;font-weight:600}.bgs-tutorial-guide [role=alert]{color:#a04630}.bgs-tutorial-guide [hidden]{display:none!important}.bgs-tutorial-next-chapter svg{flex:none}.soup:has(.bgs-tutorial-guide) .board{height:clamp(375px,calc(100dvh - 500px),580px)}.soup:has(.bgs-tutorial-guide) .specimen{height:80px}.soup:has(.bgs-tutorial-guide) #selected-portrait{width:90px}.practice-nav{display:flex;justify-content:center;gap:14px;padding:10px;background:#234c44;color:#f9f6dc;font:12px DM Sans,sans-serif;align-items:center;flex-wrap:wrap}.practice-nav a{color:inherit}.practice-nav select,.practice-nav button{font:inherit;background:#fff1;color:inherit;border:1px solid #ffffff50;border-radius:4px;padding:5px 8px}.practice-nav select option{color:#234c44;background:#f8f8eb}@media(max-width:1699px){.soup .player{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 8px}.soup .player-portrait{grid-row:1;grid-column:1}.soup .player-info{grid-row:1;grid-column:2}.soup .player-balances{grid-row:2;grid-column:1 / -1;justify-content:space-between;gap:8px}}@media(max-width:1000px){.soup .board-wrap{padding-top:28px}.soup .pond-tools{top:-24px;right:1%}.player-income .income-unit{display:none}.soup-board-key{font-size:14px;--marker-size: 9px;margin:8px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f7f8ee}.board-reference{position:static;display:block;width:100%}.soup .board-wrap{flex-direction:column}.board-actions{position:relative;bottom:auto;left:auto;width:100%;justify-content:center;margin:8px 0}.soup .board-actions .board-movement{flex-direction:row;gap:8px;padding:10px}.soup .board{flex:none}.game-progress{position:absolute;top:6px;left:1%;width:21%}.soup .play-area{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.soup .board{height:430px}.soup .food-amount{font-size:9px}.soup .nutrients{gap:3px}.soup .colony-heading h2{font-size:22px}.soup .food-reserve{display:none}.soup .player-stat{font-size:10px}}@media(max-width:760px){.soup{padding:0 10px 14px}.soup .topbar{height:68px}.soup .brand h1{font-size:23px}.soup .brand>span{width:35px}.soup .players{gap:4px;padding:10px 0}.soup .player{display:grid;padding:7px 5px}.soup .player-name{font-size:10px}.soup .player-stat{font-size:8px;line-height:1.5}.soup .player-portrait{width:29px}.soup .player-score{font-size:20px}.player-balances{grid-row:1;grid-column:2;gap:9px}.player-bp{font-size:20px}.player-sensitivity{font-size:18px;padding:2px 4px;gap:3px}.player-sensitivity svg{width:13px;height:13px}.soup .player-bp svg{width:14px;height:14px}.soup .player-population>svg{width:13px;height:13px}.player-income .income-unit{display:none}.soup .play-area{display:flex;gap:0}.soup .pond-subtitle{font-size:10px}.soup .board,.soup:has(.bgs-tutorial-guide) .board{height:auto;aspect-ratio:900/750;width:100%;margin:0}.soup .organisms{--amoeba-height: 14%;--amoeba-width: 13%}.soup .current-compass{left:39.5%;width:21%;gap:3px}.soup .environment-current>span,.soup .compass-label{font-size:6px}.soup .compass-arrow{font-size:23px}.soup .ozone{font-size:24px}.ozone-value svg{width:16px;height:16px}.soup .current-compass{grid-template-columns:.65fr 1.35fr}.soup .environment-ozone{padding:4px 2px;border-radius:8px}.soup .cell-destination{font-size:7px;padding:2px 4px}.soup .water-cell .cell-coord{font-size:7px}.soup .food-amount{font-size:8px;gap:1px}.food-amount>.food{width:8px;height:8px}.soup .nutrients{bottom:7%;gap:2px}.soup .amoeba-number{height:16px;min-width:16px;width:16px;font-size:9px}.soup .injury{font-size:8px}.game-progress{gap:3px;font-size:8px}.round-progress{gap:4px;font-size:9px}.round-progress strong{font-size:13px}.round-meter{gap:2px}.round-meter>span{width:3px;height:3px}.soup .pond-bottom{padding:3px 5px 9px}.soup .last-move{font-size:12px}.soup .colony-panel{contain:none;container-type:normal;display:grid;grid-template-columns:1fr 1fr;padding:12px 5px;gap:9px 16px}.soup .specimen,.soup .specimen-heading,.soup .diet{display:none}.soup .colony-heading{grid-column:1;grid-row:1}.soup .colony-heading h2{font-size:20px;max-width:105px}.soup .gene-heading{grid-column:2;grid-row:1;margin:0}.soup .gene-list{grid-column:2;grid-row:2 / span 2;max-height:140px}.soup .gene{padding:5px!important;gap:6px}.soup .gene-art{width:25px;height:25px}.soup .gene-art svg{width:22px;height:22px}.soup .gene p{display:block;font-size:9px}.soup .colony-metrics{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:6px;padding:0}.amoeba-picker{grid-column:1;margin:0;font-size:10px}.soup .turnbar{bottom:5px;padding:10px;gap:8px;margin-top:7px}.soup .turn-details{flex:1 1 210px}.soup .phase-label{font-size:12px}.phase-instruction{font-size:11px}.soup .action-buttons{justify-content:flex-start;max-height:160px;overflow:auto;width:auto;flex:1 1 100%}.soup .action{flex:initial;min-height:38px;padding:8px 10px;font-size:11px}.soup .action .food-amount{font-size:11px}.soup .modal-content{padding:24px 18px}.soup .shop-grid{grid-template-columns:1fr}.shop-family{grid-column:span 1;grid-template-columns:1fr}.soup .shop-art{height:94px}.soup .shop-body h3{font-size:17px}.soup .gene-sensitivity{font-size:18px;min-width:36px}.soup .gene-list .gene-art{display:none}.pool-heading h3{font-size:18px}.soup .pool-guide{font-size:12px}.bgs-tutorial-guide{padding:10px 12px;margin-top:6px}.bgs-tutorial-guide p{font-size:12px;line-height:1.5}.bgs-tutorial-heading strong{font-size:13px}.bgs-tutorial-guide small{font-size:9px}.utilities .quiet-button{font-size:10px}.soup .empty-genes{font-size:10px;margin:0}}@media(max-width:480px){.utilities .utility-label{display:none}.utilities [data-ui=genes]{width:30px;justify-content:center}.soup .players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:340px){.soup .topbar:has([data-ui=undo-move]:not([hidden])){gap:4px}.soup .topbar:has([data-ui=undo-move]:not([hidden])) .brand{gap:6px}.soup .topbar:has([data-ui=undo-move]:not([hidden])) .brand>span{width:28px}.soup .topbar:has([data-ui=undo-move]:not([hidden])) .utilities{gap:3px}}@media(min-width:1001px)and (max-height:750px){.board-reference{top:1%;gap:6px}.soup-board-key .scoring-table th,.soup-board-key .scoring-table td{padding-block:2px}}@media(min-width:1001px)and (max-height:850px){.soup:has(.bgs-tutorial-guide) .topbar{height:60px}.soup:has(.bgs-tutorial-guide) .players{padding:7px 0}.soup:has(.bgs-tutorial-guide) .player{padding:8px}.soup:has(.bgs-tutorial-guide) .board{height:clamp(300px,calc(100dvh - 420px),430px)}.soup:has(.bgs-tutorial-guide) .specimen{display:none}.soup:has(.bgs-tutorial-guide) .specimen-heading{margin-top:12px}.soup:has(.bgs-tutorial-guide) .turnbar{padding:9px 13px;margin-top:7px}.bgs-tutorial-guide{padding:9px 14px}.bgs-tutorial-guide p{line-height:1.5;margin:6px 0}}.soup:fullscreen{max-width:none;overflow-y:auto;background-color:#eff1e6}.gene-label{display:inline-flex;align-items:center;justify-content:center;gap:.3em;padding:.05em .45em;border:1px solid #b9cda1;border-radius:.45em;background:#edf3df;color:#3f6038;font:600 .92em/1.35 DM Sans,sans-serif;vertical-align:middle;white-space:nowrap}.gene-label svg{width:1.05em;height:1.05em;flex:none}.resource-amount{display:inline-flex;align-items:baseline;gap:.2em;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:baseline}.resource-amount svg{align-self:center;width:1em;height:1em;flex:none}.injury-amount{color:#924d39}.injury-amount svg{width:1.2em;height:1.2em}.bp-amount{color:#5c7541}.bgs-tutorial-guide .food-amount,.last-move .food-amount,.journal-list .food-amount,.phase-instruction .food-amount,.modal-content p .food-amount{font-size:inherit;align-items:baseline;vertical-align:baseline;gap:.2em}.bgs-tutorial-guide .food-amount>.food,.last-move .food-amount>.food,.journal-list .food-amount>.food,.phase-instruction .food-amount>.food,.modal-content p .food-amount>.food{width:.8em;height:.8em}.action.primary .resource-amount{color:inherit}.soup-activity .chat-translate,.soup-activity .chat-edit{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;min-height:0;padding:4px;margin-left:3px;border:0;border-radius:3px;background:transparent;color:inherit;opacity:.55;cursor:pointer}.soup-activity .chat-translate:hover,.soup-activity .chat-translate:focus-visible{opacity:1}.soup-activity .chat-edit:hover,.soup-activity .chat-edit:focus-visible{opacity:1}.soup-activity .chat-translate[aria-pressed=true],.soup-activity .chat-edit[aria-pressed=true]{opacity:1;background:#77965926}.soup-activity .chat-translate:disabled{cursor:wait}.soup-activity .chat-edit:disabled{cursor:wait}.pond-tools [hidden]{display:none}.soup-activity .chat-editing{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;opacity:.85;padding:3px 0;flex-shrink:0}.soup-activity .chat-editing[hidden]{display:none}.soup-activity .chat-edit-cancel{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.food.black{background:#505960;border-color:#303b43}.food.burgundy{background:#ac6797;border-color:#683b5b}.practice-nav{flex-wrap:wrap}.private-forecast{margin:10px 20px;padding:10px 14px;border-radius:10px;background:#e5eef2;color:#305767;font-size:13px}.toxin-marker{position:absolute;right:7px;top:5px;color:#6c3d88;background:#f1e5fa;border-radius:7px;padding:2px 5px;font-size:12px}.meal-source{display:flex;align-items:center;gap:6px;font-size:12px}.meal-source select{padding:5px;max-width:170px}.turnbar>.action-buttons{max-height:240px;overflow-y:auto}.practice-nav input[type=checkbox]{accent-color:#527446}@media(max-width:760px){.soup .colony-panel{grid-template-columns:auto minmax(0,1fr);padding:8px 5px;gap:6px 12px;align-items:center}.soup .colony-heading .eyebrow,.soup .colony-heading .bio-balance,.soup .colony-metrics{display:none}.soup .colony-heading h2{font-size:14px;max-width:110px;margin:0}.soup .gene-heading{gap:8px}.soup .gene-heading .text-button{min-height:44px}.soup .gene-list{grid-column:1 / -1;grid-row:auto;max-height:none;overflow:visible;padding:0}.soup .gene-list .empty-genes{margin:0;font-size:11px;line-height:1.4}.soup .gene p{font-size:11px}.soup .amoeba-picker{grid-column:1 / -1;grid-row:auto;font-size:12px}}@media(max-width:760px){.soup .pond-bottom:has(.last-move:empty){display:none}.soup .pond-bottom{min-height:0;padding:4px 5px}}.soup .supporter-badge{display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:-2px;flex-shrink:0}