:root{--ink:#f5edcf;--gold:#ffe5a0;--panel:#1c302a;--card:#263c30;--edge-light:#efe3b9;--edge-dark:#5b533d;--pixel:"Pixelify Sans", "Avenir Next", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;background:#291b29;height:100%;margin:0;font-family:Tahoma,Avenir Next,system-ui,sans-serif;overflow:hidden}#world{cursor:grab;touch-action:none;display:block;position:fixed;inset:0}#world.panning{cursor:grabbing}#world.placing{cursor:crosshair}#world.placing.panning{cursor:grabbing}.dock-panel.closing{pointer-events:none}button{font:inherit;cursor:pointer}.topbar{pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;display:flex;position:fixed;top:8px;left:8px;right:8px}.hud-group{background:var(--panel);border:3px solid;border-color:var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);pointer-events:auto;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex;box-shadow:2px 3px #10282366}.right-hud{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:100%;margin-left:auto;display:flex}.day-speed{align-items:center;gap:2px;margin-right:4px;display:flex}.res{background:var(--card);color:var(--ink);white-space:nowrap;border:1px solid #44584a;align-items:center;gap:3px;padding:4px 5px;display:flex}.res img{width:20px;height:20px;image-rendering:pixelated}.res b{text-align:left;width:3ch;color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font:700 16px/1 monospace;display:inline-block}.res span{color:#b7c1ae;font-size:11px}.res.day b{text-align:left;width:7ch;color:var(--ink)}.population-group .res b,.res b[data-k=leaves],.res b[data-k=fungus],.res b[data-k=eggs]{width:7ch;font-size:14px}.population-group img{filter:brightness(1.15)saturate(.9)drop-shadow(0 1px #0b1710)}.speed{flex-shrink:0;gap:3px;display:flex}.speed button,.menu-button{color:#b7c1ae;min-width:38px;height:30px;font:700 14px/1 var(--pixel);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:5px 8px;display:flex}.speed button:hover,.menu-button:hover{color:#fff4cf;background:#35473a}.speed button.on{color:#fff5cf;background:#425540;border-color:#8f9e72;box-shadow:inset 0 -2px #dfc079}.tabbar{background:#11201c;border-top:2px solid #44584a;align-items:center;gap:12px;height:64px;padding:7px 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs{flex:1;gap:8px;min-width:0;height:46px;display:flex}.tab{color:#fff5d4;min-width:0;font:700 20px/1 var(--pixel);background:#3b5a3f;border:3px solid #9bbc8e;border-color:#9bbc8e #233d2a #1b3021 #7b9a70;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:flex;box-shadow:0 3px #08110d,inset 0 -3px #2c4531}.tab:active{transform:translateY(2px);box-shadow:0 1px #08110d,inset 0 2px #2c4531}.tab img{width:20px;height:20px;image-rendering:pixelated}.tab.on,.tab.on:hover{color:var(--gold);background:#14231a;border-color:#6b7651 #101c14 #101c14 #526041;box-shadow:inset 0 3px #0b1710}button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.hammer{background:linear-gradient(#d9b25c,#d9b25c) 8px 2px/10px 6px no-repeat,linear-gradient(#8a6a3a,#8a6a3a) 11px 8px/4px 11px no-repeat;width:20px;height:20px;transform:rotate(-30deg)}.dock-panel{background:var(--panel);border-top:3px solid var(--edge-light);height:min(230px,100dvh - 180px);color:var(--ink);padding:6px 10px;position:fixed;bottom:64px;left:0;right:0;overflow:hidden;box-shadow:0 -3px #10282366}.dock-panel[hidden],.hint[hidden]{display:none}.deck{gap:9px;height:100%;padding:3px 2px 2px;display:flex;overflow:auto hidden}.card,.upgrade-card{--ground:var(--card);text-align:left;background:var(--ground);height:210px;color:var(--ink);isolation:isolate;border:3px solid #b8d0c2;border-color:#b8d0c2 #31473d #1c3027 #8fae9e;flex:0 0 148px;padding:0;position:relative;overflow:hidden;box-shadow:0 2px #111e19}.card .art,.upgrade-card .art{object-fit:cover;width:100%;height:142px;image-rendering:pixelated;position:absolute;top:0;left:0}.card:after,.upgrade-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--ground));pointer-events:none;height:10px;position:absolute;top:132px;left:0;right:0}.card:hover{border-color:#e2c684;box-shadow:0 2px #111e19,0 0 0 1px #e2c684}.card .cost{z-index:2;color:var(--gold);background:#17241ef2;border:1px solid #a8955e;align-items:center;gap:3px;padding:3px 4px;font:700 12px/1 monospace;display:flex;position:absolute;top:5px;right:5px}.card .cost img{width:12px;height:12px;image-rendering:pixelated}.card.poor{--ground:#353535;background:var(--ground);border-color:#ccc #424242 #2b2b2b #adadad;box-shadow:0 2px #191919}.card.poor .art,.card.poor .copy,.card.poor:before,.card .cost img.missing{filter:grayscale()}.card.poor .cost{color:#bbb;background:#1e1e1ef2;border-color:#777}.card .copy,.upgrade-card .copy{z-index:1;flex-direction:column;gap:3px;min-width:0;display:flex;position:absolute;inset:146px 5px 4px}.card strong,.upgrade-card strong{white-space:nowrap;font:700 20px/1.1 var(--pixel);color:#fff5d4;text-shadow:1px 1px #111e19}.card small,.upgrade-card small{-webkit-line-clamp:2;color:#e3e8d6;-webkit-box-orient:vertical;flex-shrink:0;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.hint{min-width:0;color:var(--gold);font:600 14px/1.2 var(--pixel);text-align:right;pointer-events:none;flex:0 30%;margin-left:auto;display:none}.hint.bad,.warning{color:#ffb4a0}.upgrade-card strong{font-size:18px}.upgrade-card[data-upgrade=mandibles] strong{font-size:17px}.upgrade-card{cursor:default}.treats-empty{color:#b7c1ae;font:18px/1.3 var(--pixel);text-align:center;margin:auto;padding:32px}.upgrade-cost{z-index:2;color:var(--gold);background:#17241ef2;border:1px solid #a8955e;padding:3px 4px;font:700 12px/1 monospace;position:absolute;top:5px;right:5px}.upgrade-status{font-size:11px}.upgrade-card .copy{gap:3px}.upgrade-status{white-space:nowrap;text-overflow:ellipsis;color:#b7c1ae;background:#11201ce6;flex-shrink:0;padding:3px;font-size:9px;line-height:1.15;position:absolute;bottom:62px;left:-2px;right:-2px;overflow:hidden}.upgrade-card.locked{--ground:#29322d;background:var(--ground)}@media (width<=900px){.res{gap:3px;padding:4px}.res span{display:none}}@media (width<=640px){.topbar{top:4px;left:4px;right:4px}.hud-group{gap:2px;padding:3px}.res{padding:4px 2px}.res img{width:14px;height:14px}.res b{font-size:12px}.speed button,.menu-button{min-width:26px;padding:3px}.tabbar{gap:6px;padding:7px 4px}.tab{gap:4px;padding:0 8px;font-size:16px}.hint{max-height:42px;font-size:11px;overflow:auto}}.tip{z-index:5;color:#e3e8d6;pointer-events:none;background:#1c302af2;border:2px solid #a8955e;gap:3px;max-width:280px;padding:7px 10px;font-size:12px;display:grid;position:fixed;box-shadow:2px 3px #10282373}.tip[hidden]{display:none}.tip-art{object-fit:cover;width:160px;height:160px;image-rendering:pixelated;justify-self:center;margin-bottom:5px}.tip-art[hidden]{display:none}.tip span{white-space:pre-line}.tip strong{font:700 15px/1 var(--pixel);color:var(--gold)}.card .cost img:not(:first-child){margin-left:4px}.game-menu{z-index:6;max-width:calc(100vw - 16px);color:var(--ink);background:var(--panel);border:2px solid var(--edge-light);gap:10px;padding:12px;display:grid;position:fixed;top:62px;right:8px;box-shadow:2px 3px #10282373}.game-menu[hidden]{display:none}.game-menu button{color:var(--gold);background:var(--card);border:1px solid #8f9e72;padding:7px 12px}.game-menu strong{font:700 16px/1 var(--pixel)}.game-menu p{margin:0;font-size:12px;line-height:1.7}@media (width<=720px){.game-menu{top:106px}}.ant-card{height:210px}.ant-card .art{height:92px}.ant-card:after{top:82px}.ant-card .copy{top:96px}.ant-card .hatch-feedback{top:20px}.ant-card [data-ant-status]{color:#f3d18a}.card .hatched-count{inset:auto 5px 6px auto}.ant-card .copy{bottom:28px}.hatch-feedback{z-index:3;color:#ffe08a;pointer-events:none;background:#172c22f2;border:2px solid #ffe08a;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 3px;display:none;position:absolute;inset:42px 5px auto}.hatch-feedback img{width:22px;height:22px;image-rendering:pixelated}.hatch-feedback strong{text-align:center;width:100%;font-size:18px}.ant-card.just-hatched{border-color:#ffe08a;box-shadow:0 0 14px #ffe08a80}.ant-card.just-hatched .hatch-feedback{animation:.75s ease-out hatch-pop;display:flex}@keyframes hatch-pop{0%{opacity:0;transform:translateY(10px)scale(.85)}20%,75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.ant-card.just-hatched .hatch-feedback{animation:none}}.tab,.dock-panel,.tabbar{--dock-bg:#1c3028;--dock-card:#2c4435;--dock-button:#3b5a3f;--dock-hover:#50764d;--dock-light:#9bbc8e;--dock-mid:#7b9a70;--dock-dark:#1b3021;--dock-accent:#e7e1aa}.upgrade-card[data-upgrade-theme=ants],.research-card[data-research-theme=ants],.tab[data-tab=ants],#panel-ants,#ui[data-dock-tab=ants] .tabbar{--dock-bg:#30251f;--dock-card:#49352b;--dock-button:#79523d;--dock-hover:#8d644b;--dock-light:#d3ac84;--dock-mid:#ae8667;--dock-dark:#34251c;--dock-accent:#f3d1a1}.upgrade-card[data-upgrade-theme=build],.research-card[data-research-theme=build],.tab[data-tab=build],#panel-build,#ui[data-dock-tab=build] .tabbar{--dock-bg:#1c3028;--dock-card:#2c4435;--dock-button:#3b5a3f;--dock-hover:#50764d;--dock-light:#9bbc8e;--dock-mid:#7b9a70;--dock-dark:#1b3021;--dock-accent:#e7e1aa}.upgrade-card[data-upgrade-theme=upgrades],.research-card[data-research-theme=upgrades],.tab[data-tab=upgrades],#panel-upgrades,#ui[data-dock-tab=upgrades] .tabbar{--dock-bg:#202e33;--dock-card:#30434b;--dock-button:#45616b;--dock-hover:#587681;--dock-light:#a1bbc0;--dock-mid:#7f9da7;--dock-dark:#22363f;--dock-accent:#deeaeb}.upgrade-card[data-upgrade-theme=research],.research-card[data-research-theme=research],.tab[data-tab=research],#panel-research,#ui[data-dock-tab=research] .tabbar{--dock-bg:#322e22;--dock-card:#494230;--dock-button:#77694a;--dock-hover:#8e7e59;--dock-light:#d1c299;--dock-mid:#b5a378;--dock-dark:#383121;--dock-accent:#f3e3b5}.tabbar{background:var(--dock-bg);border-top-color:var(--dock-mid);transition:background-color .18s,border-color .18s}.tab{background:var(--dock-button);border-color:var(--dock-light) var(--dock-dark) var(--dock-dark) var(--dock-mid);box-shadow:0 3px #101611, inset 0 -3px var(--dock-dark);transition:background-color .12s,border-color .12s}.tab:hover{background:var(--dock-hover)}.tab:active{box-shadow:0 1px #101611, inset 0 2px var(--dock-dark)}.tab.on,.tab.on:hover{background:var(--dock-bg);color:var(--dock-accent);border-color:var(--dock-light) var(--dock-mid) var(--dock-dark) var(--dock-mid);box-shadow:inset 0 3px var(--dock-dark), inset 0 -2px var(--dock-mid)}.dock-panel{--panel:var(--dock-bg);--card:var(--dock-card);--gold:var(--dock-accent);background:var(--dock-bg);border-top-color:var(--dock-light);box-shadow:0 -3px var(--dock-dark)}.dock-panel .card,.dock-panel .upgrade-card,.dock-panel .upgrade-card.locked{--ground:var(--dock-card);background:var(--ground);border-color:var(--dock-light) var(--dock-dark) var(--dock-dark) var(--dock-mid);box-shadow:0 2px var(--dock-dark)}.dock-panel .cost,.dock-panel .upgrade-cost,.dock-panel .upgrade-status{background:var(--dock-bg);border-color:var(--dock-mid);color:var(--dock-accent)}.dock-panel .card small,.dock-panel .upgrade-card small{color:#eee6d5}.dock-panel .ant-card [data-ant-status]{color:var(--dock-accent)}.dock-panel .card:hover{border-top-color:var(--dock-accent)}.dock-panel .ant-card.just-hatched{border-color:var(--dock-accent);box-shadow:0 0 14px color-mix(in srgb, var(--dock-accent) 45%, transparent)}.dock-panel .hatch-feedback{background:var(--dock-bg);border-color:var(--dock-accent);color:var(--dock-accent)}.dock-panel .card.poor .cost{background:var(--dock-bg);border-color:var(--dock-mid);color:var(--dock-accent)}.dock-panel .card.poor .copy{filter:none;opacity:.8}.dock-panel .card.poor .art{filter:saturate(.35);opacity:.8}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched){border-color:var(--dock-dark);box-shadow:none}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched) :is(.cost,.upgrade-cost){border-color:var(--dock-dark)}.dock-panel .research-card{--ground:var(--dock-card)}.research-card strong{white-space:normal;font-size:16px;line-height:1.05}.research-card .copy{gap:5px;top:107px}.research-card .art{height:103px}.research-card:after{top:93px}.research-card:disabled .art{filter:grayscale();opacity:.55}.research-card:disabled .copy{opacity:.65}.research-card:disabled .upgrade-cost{color:#c8c4ba}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched){--ground:#303030;background:var(--ground);filter:grayscale();border-color:#242424}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched) .art{filter:grayscale();opacity:.65}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched) :is(.cost,.upgrade-cost,.upgrade-status){color:#c5c5c5;background:#222;border-color:#444}.upgrade-cost{align-items:center;gap:5px;display:flex}.cost-icon{text-align:center;width:12px;font-weight:700;display:inline-block}.dock-panel .upgrade-card,.dock-panel .upgrade-card.locked,.dock-panel .upgrade-card:disabled:not(.just-hatched){--ground:#303030;background:var(--ground);filter:none;border-color:color-mix(in srgb, var(--dock-mid) 55%, #393939);box-shadow:none}.dock-panel .upgrade-card .art,.dock-panel .upgrade-card:disabled:not(.just-hatched) .art{filter:grayscale();opacity:.65}.dock-panel .upgrade-card .copy,.dock-panel .upgrade-card .upgrade-cost{filter:grayscale()}.card-kind{z-index:2;color:#d5d5d5;background:#252525e8;padding:3px 4px;font:700 10px/1 monospace;position:absolute;top:6px;left:5px}.upgrade-card[data-upgrade=mandibles] .art,.upgrade-card[data-upgrade=soldiers] .art{object-fit:contain;background:#303030}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched){--ground:#303030;background:var(--ground);filter:none;border-color:color-mix(in srgb, var(--dock-mid) 55%, #393939);box-shadow:none}.dock-panel :is(.card.poor,.card:disabled,.upgrade-card:disabled):not(.just-hatched) :is(.copy,.cost,.upgrade-cost,.card-kind){filter:grayscale()}.dock-panel .card .hatched-count.zero{color:#f2877e;filter:none}.world-gains{pointer-events:none;position:fixed;inset:0;overflow:hidden}.world-gain{font:700 19px/1 var(--pixel);color:#fff3c5;text-shadow:1px 2px #231d15,-1px -1px #231d15,1px -1px #231d15,-1px 1px #231d15;will-change:transform, opacity;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.world-gain img{width:15px;height:15px;image-rendering:pixelated}.topbar [data-k]{display:inline-block}.dock-panel :is(.card.poor,.card:disabled):not(.just-hatched) .hatched-count.zero{color:#f2877e;filter:none}#panel-upgrades .upgrade-card{filter:grayscale();opacity:.6}.research-layout{gap:14px;max-width:1080px;height:100%;display:flex}.research-deck{flex:0 780px;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000 calc(100% - 8px));mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000 calc(100% - 8px))}.research-tools{background:0 0;border:0;flex-direction:column;flex:0 0 286px;justify-content:space-between;height:min(210px,100%);margin-top:3px;padding:14px 16px;display:flex}.research-note strong{color:var(--dock-accent);font:700 17px/1.1 var(--pixel)}.research-note p{color:#e3e0d8;text-wrap:balance;margin:7px 0 0;font:12px/1.45 Tahoma,sans-serif}.research-refresh{background:var(--dock-mid);border:2px solid var(--dock-light);color:#fff5d4;min-height:48px;box-shadow:0 2px var(--dock-dark);justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.research-refresh-label{font:700 17px/1 var(--pixel);white-space:nowrap}.research-refresh-label>span{vertical-align:-1px;font:22px/1 sans-serif}.research-refresh-cost{align-items:center;gap:4px;font:700 13px/1 monospace;display:flex}.research-refresh-cost img{width:18px;height:18px;image-rendering:pixelated}.research-refresh:hover:not(:disabled){background:var(--dock-hover)}.research-refresh:focus-visible{outline:2px solid var(--dock-accent);outline-offset:3px}.research-refresh:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.research-refresh:disabled{cursor:default;opacity:.55;border-color:var(--dock-mid);background:var(--dock-dark);box-shadow:none}@media (width<=640px){.research-layout{gap:8px}.research-tools{flex-basis:144px;padding:10px 8px}.research-refresh{padding:8px 6px}}.research-actions{flex-direction:column;gap:18px;display:flex}.research-actions .research-refresh{min-height:39px;padding:7px 10px}.research-unlock{background:var(--dock-hover)}.research-currency{width:15px;height:15px;image-rendering:pixelated}.dock-panel .research-card{cursor:pointer}.unlocked-research-card strong{white-space:normal;font-size:17px}.res.day{box-shadow:none;background:0 0;border:0}@media (width<=640px){.research-tools{flex-basis:240px;padding:12px}.research-note p{font-size:11px}}#panel-research{background:var(--dock-bg);border-top:3px solid var(--dock-light);box-shadow:0 -3px var(--dock-dark)}.dock-panel .card .art,.dock-panel .upgrade-card .art{object-fit:cover}.dock-panel .upgrade-card:not(:disabled){--ground:var(--dock-card);background:var(--ground);border-color:var(--dock-light) var(--dock-dark) var(--dock-dark) var(--dock-mid)}.dock-panel .upgrade-card:not(:disabled) :is(.art,.copy,.upgrade-cost){filter:none;opacity:1}@media (width<=640px){.research-layout{gap:6px}.research-deck{flex:auto}.research-tools{flex:0 0 132px;min-width:0;padding:8px 4px}.research-note strong{font-size:14px}.research-note p{font-size:10px;line-height:1.3}.research-actions{gap:10px}.research-actions .research-refresh{gap:4px;padding:7px 5px}.research-refresh-label{font-size:14px}.research-refresh-cost{font-size:11px}}@media (height<=540px){#panel-research{height:min(230px,100dvh - 110px)}.research-note p{display:none}.research-tools{padding-top:4px;padding-bottom:4px}}@media (width<=480px){.tabs{gap:4px}.tab{gap:3px;padding:0 4px;font-size:14px}.tab img{flex-shrink:0;width:16px;height:16px}}.dock-panel .research-card:not(:disabled){--ground:#303030;background:var(--ground);border-color:color-mix(in srgb, var(--dock-mid) 55%, #393939);box-shadow:none}.dock-panel .research-card:not(:disabled) :is(.art,.copy,.upgrade-cost){filter:grayscale()}.dock-panel .research-card:not(:disabled) .art{opacity:.65}.dock-panel .research-card[aria-pressed=true]{border-color:var(--dock-accent);box-shadow:inset 0 0 0 1px var(--dock-accent)}@media (width>=900px){.research-layout{gap:14px;max-width:none}.research-deck{flex:0 780px;gap:9px;display:flex;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.research-deck .research-card{flex:0 0 148px}.research-tools{flex-basis:clamp(200px,22vw,286px);margin-left:0}}