:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#061824;color:#eefcf5}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}body{background:radial-gradient(circle at 20% 18%,rgba(74,168,255,.16),transparent 34%),radial-gradient(circle at 82% 76%,rgba(201,168,255,.11),transparent 28%),#061824}#game-root,#game-root canvas{display:block;width:100vw;height:100vh}#game-root canvas{cursor:grab;touch-action:none}#game-root canvas:active{cursor:grabbing}.is-hidden{display:none!important}.hud{position:fixed;top:18px;right:18px;left:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.lineage-module,.streak-meter,.inventory,.energy-meter,.division-meter,.species-meter,.debug-pill,.dev-panel{border:1px solid rgba(209,255,232,.16);background:#04121094;box-shadow:0 14px 40px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reset-open{height:24px;border:1px solid rgba(255,107,122,.28);border-radius:6px;background:#ff6b7a1a;color:#ffe0ed;cursor:pointer;font-size:11px;font-weight:800;pointer-events:auto}.lineage-module{width:206px;padding:9px 10px;border-radius:8px}.lineage-header,.lineage-current,.lineage-dominance{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.lineage-header{color:#eefcf5b8;font-size:11px;line-height:1.1}.lineage-header span,.lineage-current span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineage-header strong{color:#c9a8ff;font-size:12px;white-space:nowrap}.lineage-current{margin-top:5px;color:#eefcf5;font-size:12px;line-height:1.1}.lineage-current strong{color:#9ff5ca;font-size:11px;white-space:nowrap}.lineage-dominance{margin-top:6px;padding-top:6px;border-top:1px solid rgba(238,252,245,.08);color:#eefcf599;font-size:10px;line-height:1}.lineage-dominance strong{color:#ffd08f;font-size:11px;white-space:nowrap}.kin-list{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px}.kin-item:nth-child(n+7){display:none}.kin-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto auto 28px;align-items:center;gap:6px;min-height:20px;color:#eefcf5ad;font-size:10px}.kin-glyph{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.kin-id{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kin-gen{color:#c9a8ff}.kin-stat,.kin-status{color:#9ff5cad6}.kin-status{min-width:34px;text-align:right}.kin-item.is-current{padding:2px 4px;border:1px solid rgba(159,245,202,.2);border-radius:6px;background:#9ff5ca13;color:#ddfff0}.kin-energy{position:relative;height:4px;overflow:hidden;border-radius:999px;background:#eefcf51f}.kin-energy:after{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--kin-energy) * 100%);border-radius:inherit;background:linear-gradient(90deg,#9ff5ca,#ffd08f);content:""}.kin-item.is-danger{color:#ff6b7ad1}.minimap{position:fixed;left:18px;top:clamp(86px,16vh,128px);width:clamp(132px,18vw,172px);height:clamp(94px,18vh,124px);border:1px solid rgba(159,245,202,.2);border-radius:8px;background:#041210ad;pointer-events:none;-webkit-user-select:none;user-select:none;color:#ddfff0b8;font-size:10px;line-height:1;box-shadow:0 14px 36px #0003}.minimap-label,.minimap-self{position:absolute;z-index:1}.minimap-label{top:8px;left:10px;right:10px;font-size:9px;line-height:1.15}.minimap-self{right:10px;bottom:9px;color:#9ff5ca}.minimap-grid{position:absolute;top:34px;right:8px;bottom:9px;left:8px;overflow:hidden}.minimap-grid:before,.minimap-grid:after{position:absolute;content:"";background:#ddfff012}.minimap-grid:before{top:0;bottom:0;left:50%;width:1px}.minimap-grid:after{top:50%;right:0;left:0;height:1px}.minimap-dot{position:absolute;width:6px;height:6px;border-radius:999px;background:var(--dot-color, #ddfff0);opacity:.78;transform:translate(-50%,-50%) scale(var(--dot-scale, 1))}.minimap-dot.is-controlled{width:8px;height:8px;opacity:1;box-shadow:0 0 0 2px #9ff5ca38}.minimap-dot.is-threat{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg) scale(var(--dot-scale, 1))}.minimap-dot.is-kin{box-shadow:0 0 0 2px #35e6d42e}.minimap-dot.is-enemy{opacity:.7}.minimap-dot.is-resource{width:4px;height:4px;opacity:.72}.minimap-dot.is-hazard{width:7px;height:7px;border:1px solid rgba(255,224,237,.55);background:transparent}.minimap-dot.is-field{width:10px;height:10px;border:1px solid var(--dot-color, #35e6d4);background:color-mix(in srgb,var(--dot-color, #35e6d4) 28%,transparent);opacity:.54}.minimap-dot.has-blueprint{box-shadow:0 0 0 3px #c9a8ff33}.tutorial-panel{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:min(620px,calc(100vw - 48px));padding:16px 22px;border:1px solid rgba(53,230,212,.42);border-radius:14px;background:linear-gradient(135deg,#35e6d41f,#c9a8ff0f 60%),#041210eb;box-shadow:0 0 26px #35e6d438,0 18px 48px #0000005c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eefcf5;font-size:13px;font-weight:800;line-height:1.4;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:25;animation:tutorial-float 4.2s ease-in-out infinite}@keyframes tutorial-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.tutorial-panel strong{color:#9ff5ca;letter-spacing:.5px;text-transform:uppercase;font-size:10px}.tutorial-panel button{font-weight:900}.ui-toast{position:fixed;left:50%;bottom:28px;z-index:20;max-width:min(520px,calc(100vw - 32px));transform:translate(-50%);padding:10px 14px;border:1px solid rgba(221,255,240,.24);border-left:4px solid #9ff5ca;border-radius:8px;background:#041210e0;box-shadow:0 12px 42px #00000052;color:#eefcf5;font-size:12px;font-weight:800;line-height:1.25;pointer-events:none}.ui-toast.is-hidden{display:none}.ui-toast.is-success{border-left-color:#9ff5ca}.ui-toast.is-warning{border-left-color:#ffbd7a;color:#fff0cf}.ui-toast.is-info{border-left-color:#7dd7ff}.world-synthesis-chip{position:fixed;right:18px;bottom:18px;z-index:18;display:grid;min-width:210px;max-width:min(320px,calc(100vw - 36px));gap:3px;padding:10px 12px;border:1px solid rgba(159,245,202,.24);border-left:3px solid #9ff5ca;border-radius:8px;background:linear-gradient(135deg,#9ff5ca1c,#7dd7ff0b),#041210d1;box-shadow:0 16px 44px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.world-synthesis-chip.is-hidden{display:none}.world-synthesis-chip.is-warning{border-left-color:#ffbd7a}.world-synthesis-chip span{color:#eefcf59e;font-size:10px;font-weight:900}.world-synthesis-chip strong{color:#ddfff0;font-size:12px;font-weight:900}.combat-toolbar{position:fixed;left:50%;bottom:16px;z-index:17;display:grid;width:min(640px,calc(100vw - 380px));min-width:360px;gap:5px;transform:translate(-50%);pointer-events:auto}.combat-toolbar.is-hidden{display:none}.combat-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.combat-action{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;align-items:center;min-width:0;min-height:44px;padding:7px 9px;border:1px solid rgba(221,255,240,.14);border-left:3px solid #9ff5ca;border-radius:7px;background:linear-gradient(135deg,rgba(159,245,202,.1),transparent 58%),#041210c7;color:#eefcf5;cursor:pointer;font:inherit;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.combat-action:disabled{cursor:default;opacity:.58}.combat-action.is-ready{border-left-color:#35e6d4}.combat-action.is-locked{display:none}.combat-key{grid-row:1 / 3;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(238,252,245,.18);border-radius:6px;background:#eefcf514;color:#ddfff0;font-size:10px;font-weight:1000}.combat-action strong{min-width:0;overflow:hidden;color:#eefcf5;font-size:10px;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.combat-action span:last-child{min-width:0;overflow:hidden;color:#eefcf59e;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ring-legend{justify-self:center;max-width:100%;padding:4px 8px;border:1px solid rgba(221,255,240,.1);border-radius:999px;background:#041210ad;color:#eefcf59e;font-size:9px;font-weight:900;line-height:1.2;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorial-copy{display:grid;gap:4px;min-width:0}.tutorial-copy strong{color:#c9a8ff;font-size:12px}.tutorial-copy span{color:#eefcf5c2;font-size:12px;line-height:1.35}.tutorial-actions,.tab-header-actions{display:flex;gap:8px}.tutorial-actions button{height:26px;border:1px solid rgba(159,245,202,.24);border-radius:6px;background:#9ff5ca14;color:#ddfff0;cursor:pointer;font-size:11px;font-weight:800}.inventory{display:flex;gap:6px;padding:7px;border-radius:8px}.inventory.compact{align-self:flex-start}.inventory.compact .resource{grid-template-columns:8px minmax(34px,auto) minmax(22px,auto);min-width:78px}.inventory.compact .label{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#eefcf5b3}.resource{display:grid;grid-template-columns:8px auto minmax(18px,auto);align-items:center;gap:6px;min-width:86px;padding:5px 7px;border:1px solid rgba(238,252,245,.08);border-radius:6px;background:#eefcf50b;color:#eefcf5c7;font-size:11px;line-height:1}.resource .swatch{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.resource strong{color:#eefcf5;font-size:12px;text-align:right}.protein{color:#9ff5ca}.lipid{color:#ffbd7a}.mineral{color:#7dd7ff}.genetic{color:#c9a8ff}.energy{color:#f789b8}.streak-meter{width:112px;padding:8px 10px;border-radius:8px}.energy-meter{display:none;width:172px;padding:8px 10px;border-radius:8px}.division-meter{width:180px;padding:8px 10px;border-radius:8px}.species-meter{width:172px;padding:8px 10px;border-radius:8px}.streak-meter-header,.energy-meter-header,.division-meter-header,.species-meter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#eefcf5c7;font-size:11px;line-height:1}.streak-meter-header strong,.energy-meter-header strong,.division-meter-header strong,.species-meter-header strong{color:#ffe0ed;font-size:12px}.streak-track,.energy-track,.division-track,.species-track{height:8px;overflow:hidden;border-radius:999px}.streak-track{border:1px solid rgba(255,208,143,.28);background:#ffd08f1f}.energy-track{border:1px solid rgba(247,137,184,.28);background:#f789b81f}.division-track{border:1px solid rgba(201,168,255,.3);background:#c9a8ff1c}.species-track{border:1px solid rgba(125,215,255,.26);background:#7dd7ff1a}.streak-fill,.energy-fill,.division-fill,.species-fill{height:100%;border-radius:inherit;transition:width .12s linear}.streak-fill{width:0;background:linear-gradient(90deg,#ffd08f,#9ff5ca);box-shadow:0 0 16px #ffd08f8a}.energy-fill{width:78%;background:linear-gradient(90deg,#f789b8,#ffd08f);box-shadow:0 0 16px #f789b894}.division-fill{width:0;background:linear-gradient(90deg,#9ff5ca,#c9a8ff);box-shadow:0 0 16px #c9a8ff80}.species-fill{width:0;background:linear-gradient(90deg,#7dd7ff,#9ff5ca);box-shadow:0 0 16px #7dd7ff75}.debug-pill{display:none;padding:8px 10px;border-radius:8px;color:#eefcf5b8;font-size:11px}.debug-pill.is-active{border-color:#ffd08f61;color:#ffd08f}.dev-panel{display:grid;min-width:168px;gap:4px;padding:8px 10px;border-radius:8px;color:#eefcf5a8;font-size:11px;line-height:1.2}.help-panel{display:grid;gap:6px;margin-top:10px;padding:10px;border:1px solid rgba(201,168,255,.16);border-radius:8px;background:#c9a8ff0e;clip-path:polygon(8px 0,100% 5px,calc(100% - 6px) 100%,0 calc(100% - 7px),0 8px);color:#eefcf5b8;font-size:11px;line-height:1.3}.campaign-panel{display:grid;gap:7px;margin-top:2px;padding:9px;border:1px solid rgba(255,208,143,.14);border-radius:6px;background:#ffd08f0b;clip-path:polygon(0 7px,7px 0,100% 4px,calc(100% - 6px) 100%,8px 100%,0 calc(100% - 6px))}.campaign-strip{position:relative;grid-area:strip;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:12px 32px 14px 36px;border:1px solid rgba(255,200,87,.2);border-radius:999px;background-color:#020b0dd1;background-image:linear-gradient(#020b0d8c,#020b0d8c),url(/assets/ui/episode-ribbon.png);background-size:100% 100%,110% 240%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:inset 0 0 12px #00000080}.campaign-strip>*{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.55)}.campaign-strip span,.campaign-strip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-strip span{color:#eefcf59e;font-size:10px;font-weight:900}.campaign-strip strong{color:#fff0cf;font-size:11px;font-weight:900}.campaign-strip.is-complete{border-left-color:#9ff5ca;background:linear-gradient(135deg,#9ff5ca1f,#c9a8ff0a),#020b0d7a}.campaign-panel>strong{color:#ffd08f;font-size:11px}.campaign-objective.is-complete span{color:#eefcf575}.campaign-objective.is-next strong{color:#ffd08f}.campaign-complete-note{margin-top:4px;padding:8px 9px;border:1px solid rgba(159,245,202,.24);border-radius:7px;background:#9ff5ca16;clip-path:polygon(0 7px,7px 0,100% 4px,calc(100% - 6px) 100%,8px 100%,0 calc(100% - 6px));color:#ddfff0;font-size:11px;font-weight:800;line-height:1.3}.help-panel strong{color:#c9a8ff}.dev-panel strong{color:#c9a8ff;font-size:11px}.reset-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03080775;pointer-events:auto}.tab-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;background:linear-gradient(90deg,#0308072e,#03080761),radial-gradient(ellipse at 50% 52%,rgba(159,245,202,.08),transparent 46%);pointer-events:auto}.tab-panel{box-sizing:border-box;position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-areas:"header header" "rail strip" "rail content";width:min(1280px,calc(100vw - 36px));max-height:calc(100vh - 36px);gap:14px;overflow:auto;padding:16px;border:1px solid rgba(209,255,232,.22);border-radius:8px;background:linear-gradient(145deg,#08241ff0,#050e16eb),#041210f0;box-shadow:0 24px 70px #00000057,inset 0 0 42px #9ff5ca09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);clip-path:polygon(2% 0,97% 1%,100% 7%,99% 93%,94% 100%,4% 99%,0 93%,1% 6%);color:#eefcf5c7;font-size:12px;line-height:1.25;scrollbar-color:rgba(159,245,202,.48) rgba(221,255,240,.08);scrollbar-width:thin}.tab-panel-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:12px}.tab-panel-header strong{color:#eefcf5;font-size:15px}.bio-tab-rail{grid-area:rail;display:flex;flex-direction:column;gap:7px}.bio-tab-rail button{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:8px 14px 8px 18px;border:none;border-radius:999px 18px 999px 22px/999px 22px 999px 18px;background:radial-gradient(ellipse 70% 100% at 0% 50%,rgba(159,245,202,.06),transparent 70%),#030f1366;clip-path:none;color:#eefcf59e;cursor:pointer;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #9ff5ca14;transition:box-shadow .22s ease,color .22s ease,background .22s ease}.bio-tab-rail button strong{display:grid;width:18px;height:18px;place-items:center;border:none;border-radius:999px;background:#9ff5ca0f;color:#eefcf580;font-size:9px;box-shadow:inset 0 0 0 1px #9ff5ca1f}.bio-tab-rail button:hover,.bio-tab-rail button.is-active{background:radial-gradient(ellipse 90% 100% at 0% 50%,rgba(53,230,212,.18),transparent 70%),#030f1380;color:#eefcf5;box-shadow:inset 0 0 0 1px #35e6d475,inset 6px 0 12px #35e6d41f,-2px 0 14px #35e6d42e}.bio-tab-rail button.is-active strong{background:#35e6d42e;color:#ddfff0;box-shadow:inset 0 0 0 1px #35e6d466,0 0 8px #35e6d44d}.tab-grid{grid-area:content;display:grid;align-items:start;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px}.tab-section{display:grid;gap:9px;min-width:0;padding:11px;border:1px solid rgba(238,252,245,.09);border-radius:8px;background:linear-gradient(150deg,#eefcf50f,#c9a8ff05),#020b0d5c;clip-path:polygon(0 8px,8px 0,calc(100% - 6px) 0,100% 7px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 6px))}.tab-section.is-tab-hidden{display:none}.tab-section.is-primary{grid-column:1 / -1;border-color:#9ff5ca2e;background:linear-gradient(135deg,#9ff5ca12,#7dd7ff09),#020b0d9e}.tab-section[data-tab-page=workshop],.tab-section[data-tab-page=adaptation],.tab-section[data-tab-page=world]{grid-column:1 / -1}.tab-section h2{margin:0;color:#ddfff0;font-size:12px;letter-spacing:0}.tab-section p{margin:0}.tab-resource-grid,.tab-list{display:grid;gap:7px}.tab-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-pod{position:relative;display:grid;min-height:46px;min-width:0;align-content:center;gap:3px;padding:8px 10px 8px 14px;border:1px solid rgba(221,255,240,.13);border-radius:8px;background:linear-gradient(135deg,#eefcf512,#030f133d),#020b0d7a;clip-path:polygon(9px 0,100% 5px,calc(100% - 7px) 100%,0 calc(100% - 6px),0 9px)}.resource-pod:before{content:"";position:absolute;inset:8px auto 8px 6px;width:4px;border-radius:999px;background:#9ff5ca}.resource-pod.protein:before{background:#9ff5ca}.resource-pod.lipid:before{background:#ffd08f}.resource-pod.mineral:before{background:#7dd7ff}.resource-pod.genetic:before{background:#c9a8ff}.resource-pod span,.resource-pod strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-pod span{color:#eefcf594;font-size:9px;font-weight:800;text-transform:uppercase}.resource-pod strong{color:#eefcf5;font-size:16px;line-height:1}.tab-hint,.bio-structure-hint,.blueprint-primer,.adaptation-summary-note{color:#eefcf59e;font-size:10px;font-weight:800;line-height:1.3}.blueprint-primer,.bio-structure-hint{padding:7px 8px;border:1px solid rgba(201,168,255,.13);border-radius:7px;background:#c9a8ff0b;clip-path:polygon(0 7px,7px 0,100% 4px,calc(100% - 6px) 100%,8px 100%,0 calc(100% - 6px))}.tab-list.compact{gap:5px;max-height:148px;overflow:hidden}.tab-list.compact.workshop-compound-list{max-height:150px;overflow-y:auto;padding-right:3px;scrollbar-color:rgba(255,189,122,.44) rgba(221,255,240,.08);scrollbar-width:thin}.compact-meter{gap:5px}.tab-list.compact.recipe-scroll{height:clamp(300px,48vh,560px);min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-color:rgba(159,245,202,.46) rgba(221,255,240,.08);scrollbar-width:thin}.recipe-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.recipe-scroll-controls{display:flex;gap:4px}.recipe-scroll-controls button{width:24px;height:22px;border:1px solid rgba(159,245,202,.2);border-radius:5px;background:#9ff5ca17;color:#ddfff0;cursor:pointer;font-size:11px;font-weight:900;line-height:1}.recipe-scroll-controls button:hover{border-color:#9ff5ca70;background:#9ff5ca29}.synthesis-panel-grid{display:grid;grid-template-columns:minmax(210px,.64fr) minmax(580px,1.8fr) minmax(250px,.78fr);gap:9px;min-width:0}.biosynthesis-console{position:relative;padding:12px;border:1px solid rgba(159,245,202,.08);border-radius:14px;background:#020b0d57;clip-path:none;box-shadow:inset 0 0 60px #0000004d}.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-subtitle:not(:nth-of-type(1)),.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-row,.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-meter,.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-list.workshop-compound-list,.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-list.processor-list{display:none}.biosynthesis-console.synthesis-panel-grid>.tab-subsection:first-child>.tab-subtitle:nth-of-type(1){margin-top:14px;margin-bottom:6px;font-size:10px;font-weight:900;letter-spacing:.5px;color:#9ff5cac7;text-transform:uppercase}.tab-list[data-synthesis-queue]{display:grid;gap:8px;max-height:none;overflow:visible;padding:0}.synthesis-job-card{--progress: 0;--ring-color: #35e6d4;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(53,230,212,.22);border-radius:12px;background:linear-gradient(135deg,rgba(53,230,212,.06),transparent 70%),#020b0db3;box-shadow:0 1px 6px #0000004d;transition:border-color .22s ease,box-shadow .22s ease}.synthesis-job-card.is-active{border-color:#35e6d48c;box-shadow:0 0 14px #35e6d438,0 1px 6px #0000004d}.synthesis-job-card.is-queued{--ring-color: rgba(159, 245, 202, .55);opacity:.86}.synthesis-job-card.is-planned{--ring-color: #ffc857;border-color:#ffc85752;background:linear-gradient(135deg,rgba(255,200,87,.06),transparent 70%),#020b0db3}.synthesis-job-ring{position:relative;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--progress) * 1%),rgba(221,255,240,.08) 0%);display:grid;place-items:center}.synthesis-job-card.is-active .synthesis-job-ring{filter:drop-shadow(0 0 6px var(--ring-color))}.synthesis-job-ring-inner{width:32px;height:32px;border-radius:50%;background:#020b0deb;display:grid;place-items:center;color:#ddfff0;font-size:10px;font-weight:900;letter-spacing:.2px}.synthesis-job-meta{display:grid;gap:2px;min-width:0}.synthesis-job-meta strong{font-size:11px;font-weight:900;color:#eefcf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.synthesis-job-meta span{font-size:9px;font-weight:800;color:#eefcf59e;letter-spacing:.3px;text-transform:uppercase}.workshop-empty-queue{font-size:10px;color:#eefcf58c;padding:12px 10px;border:1px dashed rgba(159,245,202,.18);border-radius:10px;background:#020b0d66;line-height:1.35}.biosynthesis-console.synthesis-panel-grid>.tab-subsection:last-child>.tab-subtitle:not(:first-child),.biosynthesis-console.synthesis-panel-grid>.tab-subsection:last-child>.bio-structure-hint,.biosynthesis-console.synthesis-panel-grid>.tab-subsection:last-child>.bio-structure-strip,.biosynthesis-console.synthesis-panel-grid>.tab-subsection:last-child>.tab-list.compact{opacity:.45;transform:scale(.86);transform-origin:top right;margin-top:-2px}.biosynthesis-console.synthesis-panel-grid>.tab-subsection:last-child>.bio-structure-strip{filter:saturate(.6) brightness(.8)}.tab-section[data-tab-page=workshop]>.synthesis-feedback{display:none}.workshop-header-strip .workshop-meter span{font-size:9px;letter-spacing:.2px}.synthesis-feedback{position:relative;min-height:18px;padding:8px 12px 8px 24px;border:none;border-radius:999px 14px;background:radial-gradient(ellipse 35% 100% at 0% 50%,rgba(125,215,255,.16),transparent 70%),#030f1373;color:#eefcf5b8;font-size:11px;font-weight:800;line-height:1.25;box-shadow:inset 0 0 0 1px #7dd7ff2e}.synthesis-feedback:before{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9efff,#7dd7ff 60%,transparent 100%);box-shadow:0 0 6px #7dd7ff80}.synthesis-feedback.is-success{background:radial-gradient(ellipse 35% 100% at 0% 50%,rgba(159,245,202,.18),transparent 70%),#030f1373;color:#ddfff0;box-shadow:inset 0 0 0 1px #9ff5ca42}.synthesis-feedback.is-success:before{background:radial-gradient(circle at 35% 35%,#ddfff0,#9ff5ca 60%,transparent 100%);box-shadow:0 0 8px #9ff5ca99}.workshop-header-strip{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:11px}.workshop-meter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;min-width:0;padding:12px 28px 14px;border:1px solid rgba(53,230,212,.18);border-radius:999px;background-color:#020b0dc7;background-image:linear-gradient(#020b0d8c,#020b0d8c),url(/assets/ui/gauge-bar.png);background-size:100% 100%,110% 220%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:inset 0 0 12px #0006}.workshop-meter>*{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.55)}.workshop-header-strip>.workshop-meter:nth-child(2){border-color:#b76cff38;filter:hue-rotate(80deg) saturate(1.05)}.workshop-meter span{color:#ddfff0;font-size:10px;font-weight:900;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6)}.workshop-meter strong{color:#fff;font-size:11px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.6)}.workshop-meter .compound-track,.workshop-meter .homeostasis-track{grid-column:1 / -1}.homeostasis-track{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#ddfff00f;box-shadow:inset 0 0 0 1px #9ff5ca14}.homeostasis-fill{position:relative;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#35e6d4,#9ff5ca,#ffc857);box-shadow:0 0 10px #35e6d466}.homeostasis-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 60%);mix-blend-mode:screen}.workshop-cell-card{position:relative;display:grid;justify-items:center;gap:6px;padding:26px 22px;border:1px solid rgba(53,230,212,.2);border-radius:18px;background-color:#020b0dc7;background-image:linear-gradient(#020b0d73,#020b0d73),url(/assets/ui/cell-dish-frame.png);background-size:100% 100%,130% 130%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:inset 0 0 28px #0006}.workshop-cell-card>*{text-shadow:0 1px 3px rgba(0,0,0,.85)}.workshop-cell-title{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.workshop-cell-title span{color:#eefcf5b3;font-size:10px;font-weight:900}.workshop-cell-title strong{color:#9ff5ca;font-size:10px;font-weight:900}.workshop-cell-canvas{width:120px;height:120px}canvas.workshop-cell-canvas{display:block}.workshop-empty-queue{position:relative;padding:8px 10px 8px 28px;border:1px solid rgba(53,230,212,.16);border-radius:7px;background:#35e6d40f;color:#ddfff0bd;font-size:10px;font-weight:850;line-height:1.25}.workshop-empty-queue:before{content:"→";position:absolute;left:10px;top:8px;color:#35e6d4;font-size:13px;font-weight:900}.recipe-tier-filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.recipe-tier-filters button,.pheromone-title button{border:1px solid rgba(159,245,202,.18);border-radius:999px;background:radial-gradient(circle at 50% 30%,rgba(159,245,202,.16),transparent 70%),#9ff5ca0a;color:#eefcf5b8;cursor:pointer;font:inherit;font-size:9px;font-weight:900;padding:4px 11px;box-shadow:inset 0 1px #9ff5ca2e}.recipe-tier-filters button.is-active,.recipe-tier-filters button:hover,.pheromone-title button:hover{border-color:#35e6d475;background:#35e6d421;color:#ddfff0}.recipe-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-content:start;gap:12px 10px;min-height:0;height:clamp(330px,58vh,620px);overflow-y:auto;overflow-x:hidden;padding:6px 6px 10px;scrollbar-color:rgba(159,245,202,.46) rgba(221,255,240,.08);scrollbar-width:thin}.recipe-card-grid>.recipe-card-v2{--card-tilt: 0deg;transform:rotate(var(--card-tilt));transition:transform .22s ease,box-shadow .22s ease}.recipe-card-grid>.recipe-card-v2:nth-child(6n+1){--card-tilt: -.9deg}.recipe-card-grid>.recipe-card-v2:nth-child(6n+2){--card-tilt: .6deg}.recipe-card-grid>.recipe-card-v2:nth-child(6n+3){--card-tilt: -.4deg}.recipe-card-grid>.recipe-card-v2:nth-child(6n+4){--card-tilt: 1.1deg}.recipe-card-grid>.recipe-card-v2:nth-child(6n+5){--card-tilt: -1.2deg}.recipe-card-grid>.recipe-card-v2:nth-child(6n+6){--card-tilt: .3deg}.recipe-card-grid>.recipe-card-v2:hover{--card-tilt: 0deg}.recipe-card.recipe-card-v2{position:relative;display:grid;place-items:center;align-content:center;min-height:116px;gap:0;padding:14px 10px 12px;border:1px solid rgba(159,245,202,.18);border-radius:16px;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(53,230,212,.08),transparent 70%),#020b0db3;background-image:none;box-shadow:0 1px 4px #0000004d;clip-path:none;cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.recipe-card.recipe-card-v2:hover{border-color:#9ff5ca80;box-shadow:0 0 18px #35e6d42e;transform:translateY(-1px)}.recipe-card.recipe-card-v2 .recipe-tier-band,.recipe-card.recipe-card-v2 .processor-icon,.recipe-card.recipe-card-v2 .recipe-tier-label,.recipe-card.recipe-card-v2 .recipe-cost-strip,.recipe-card.recipe-card-v2 .recipe-card-actions{display:none}.recipe-card.recipe-card-v2 .recipe-card-top{display:contents}.recipe-card.recipe-card-v2 .recipe-output-preview{display:grid;justify-items:center;gap:8px;width:100%}.recipe-card.recipe-card-v2 .recipe-output-preview .output-glyph{width:48px;height:48px;border-width:2px;box-shadow:0 0 14px #35e6d447}.recipe-card.recipe-card-v2[data-recipe-tier=component]{border-color:#b76cff52;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(183,108,255,.1),transparent 70%),#020b0db3}.recipe-card.recipe-card-v2[data-recipe-tier=component] .output-glyph{background:radial-gradient(circle at 35% 35%,#ddd0ff,#b76cff 42%,transparent 44%);border-color:#c9a8ff80;box-shadow:0 0 14px #b76cff57}.recipe-card.recipe-card-v2[data-recipe-tier=functional],.recipe-card.recipe-card-v2[data-recipe-tier=external]{border-color:#ffc85757;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(255,200,87,.1),transparent 70%),#020b0db3}.recipe-card.recipe-card-v2[data-recipe-tier=functional] .output-glyph,.recipe-card.recipe-card-v2[data-recipe-tier=external] .output-glyph{background:radial-gradient(circle at 35% 35%,#fff0cf,#ffc857 42%,transparent 44%);border-color:#ffc8578c;box-shadow:0 0 14px #ffc8575c}.recipe-card.recipe-card-v2[data-recipe-tier=pheromone] .output-glyph{background:conic-gradient(from 90deg,#35e6d4,#b76cff,#35e6d4);border-color:#c9a8ff80}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ready-card-fade{0%,to{opacity:1}50%{opacity:.86}}.recipe-card.recipe-card-v2[data-recipe-state=ready]{border-color:#9ff5cab3;box-shadow:0 0 18px #35e6d447}.recipe-card.recipe-card-v2[data-recipe-state=ready] .output-glyph{box-shadow:0 0 22px #35e6d499;animation:orb-breathe 2.6s ease-in-out infinite;will-change:transform}@keyframes synth-active-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.synthesis-job-card.is-active .synthesis-job-ring{animation:synth-active-pulse 1.6s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 0 6px var(--ring-color))}.recipe-card.recipe-card-v2[data-recipe-state=active]{border-color:#ffc857b3;box-shadow:0 0 18px #ffc85752}.recipe-card.recipe-card-v2[data-recipe-state=blocked]{opacity:.65}.recipe-card.recipe-card-v2 .recipe-output-preview span:last-child{font-size:11px;font-weight:900;color:#ddfff0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;letter-spacing:.1px}.recipe-card-grid>.recipe-card-v2:nth-child(4n+1){border-radius:26px 14px 22px 16px}.recipe-card-grid>.recipe-card-v2:nth-child(4n+2){border-radius:14px 26px 14px 22px}.recipe-card-grid>.recipe-card-v2:nth-child(4n+3){border-radius:18px 22px 26px 12px}.recipe-card-grid>.recipe-card-v2:nth-child(4n+4){border-radius:22px 16px 14px 26px}.recipe-card.recipe-card-v2.is-one-step-away{border-left-color:#ffc85799;background:linear-gradient(140deg,rgba(255,200,87,.07),transparent 55%),#020b0d9e}.recipe-card.recipe-card-v2.is-heavily-blocked{opacity:.55}.recipe-card.recipe-card-v2.is-ready{border-left-color:#35e6d4b3;box-shadow:0 0 14px #35e6d42e}.recipe-tier-band{position:absolute;inset:5px 14px auto 14px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,#35e6d4 22%,#9ff5ca 50%,#35e6d4 78%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 100% at 50% 50%,black 55%,transparent 100%);mask-image:radial-gradient(ellipse 90% 100% at 50% 50%,black 55%,transparent 100%);filter:drop-shadow(0 0 4px rgba(53,230,212,.5));opacity:.85}.recipe-tier-band.is-component{background:linear-gradient(90deg,transparent 0%,#b76cff 22%,#c9a8ff 50%,#b76cff 78%,transparent 100%);filter:drop-shadow(0 0 4px rgba(183,108,255,.5))}.recipe-tier-band.is-functional,.recipe-tier-band.is-external{background:linear-gradient(90deg,transparent 0%,#ffc857 22%,#ffd98a 50%,#ffc857 78%,transparent 100%);filter:drop-shadow(0 0 4px rgba(255,200,87,.5))}.recipe-card-top{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 6px;align-items:center}.processor-icon{grid-row:1 / 3;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(53,230,212,.26);border-radius:999px;background:#35e6d414;color:#ddfff0;font-size:10px;font-weight:900}.recipe-tier-label{min-width:0;overflow:hidden;color:#7dd7ffb8;font-size:8px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.recipe-output-preview{display:flex;min-width:0;align-items:center;gap:6px;color:#eefcf5d1;font-size:10px;font-weight:900}.recipe-output-preview span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-glyph,.recipe-focus-glyph{flex:0 0 auto;width:18px;height:18px;border:1px solid rgba(159,245,202,.3);border-radius:999px;background:radial-gradient(circle at 35% 35%,#ddfff0,#35e6d4 42%,transparent 44%);box-shadow:0 0 10px #35e6d429}.output-glyph.is-processor{border-radius:6px;background:linear-gradient(135deg,#c9a8ff,#35e6d4)}.output-glyph.is-pheromone{background:conic-gradient(from 90deg,#35e6d4,#b76cff,#35e6d4)}.recipe-cost-strip{display:flex;flex-wrap:wrap;gap:4px;min-height:36px;align-content:start}.cost-chip-visual{display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px 4px;min-width:68px;padding:4px 7px 5px 6px;border-radius:13px 4px;background:#9ff5ca0a;box-shadow:inset 0 0 0 1px #9ff5ca1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cost-chip-visual.is-partial{border-radius:4px 13px;background:#ffc8570f;box-shadow:inset 0 0 0 1px #ffc8572e}.cost-chip-visual.is-missing{border-radius:13px 4px 4px 13px;background:#ff6b7a0d;box-shadow:inset 0 0 0 1px #ff6b7a2e}.cost-chip-visual span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-shape{width:10px;height:10px;align-self:center;background:#9ff5ca}.cost-shape.is-protein{border-radius:52% 36% 56% 42%;background:#9ff5ca}.cost-shape.is-lipid{border:2px solid #ffd08f;border-radius:999px;background:transparent}.cost-shape.is-mineral{clip-path:polygon(50% 0,100% 38%,78% 100%,18% 100%,0 38%);background:#7dd7ff}.cost-shape.is-genetic{width:12px;height:10px;border-radius:999px;background:linear-gradient(90deg,transparent 0 25%,#c9a8ff 25% 40%,transparent 40% 60%,#c9a8ff 60% 75%,transparent 75%)}.cost-shape.is-compound{border-radius:3px;background:linear-gradient(135deg,#b76cff,#35e6d4)}.cost-shape.is-energy{border-radius:999px;background:#35e6d4;box-shadow:0 0 8px #35e6d480}.cost-mini-bar{grid-column:1 / -1;height:2px;overflow:hidden;border-radius:999px;background:#ddfff01a}.cost-mini-bar span{display:block;height:100%;border-radius:inherit;background:#9ff5ca}@keyframes cost-bar-pulse{0%,to{opacity:.7}50%{opacity:1}}.cost-chip-visual.is-partial .cost-mini-bar span{background:#ffc857;animation:cost-bar-pulse 2s ease-in-out infinite}.cost-chip-visual.is-missing .cost-mini-bar span{background:#ff6b7a}.recipe-card-actions{display:grid;grid-template-columns:24px minmax(28px,auto) 24px minmax(64px,1fr);align-items:center;gap:4px;margin-top:auto}.recipe-card-actions .recipe-count{color:#ddfff0;font-size:10px;font-weight:900;text-align:center}.recipe-card-actions button,.bio-structure-card{border:1px solid rgba(159,245,202,.24);border-radius:999px;background:#9ff5ca0f;color:#ddfff0;cursor:pointer;font:inherit;font-size:9px;font-weight:900}.recipe-card-actions button{min-height:22px;border-radius:999px}.recipe-card-actions .recipe-start-button{border-radius:14px 5px}.recipe-card-actions .recipe-start-button:not(:disabled){border-color:#35e6d475;background:#35e6d424;box-shadow:0 0 12px #35e6d41f}.recipe-card-actions button:disabled{cursor:default;opacity:.46}.recipe-focus-output{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(53,230,212,.18);border-radius:7px;background:#35e6d40f;color:#ddfff0;font-size:12px;font-weight:900}.recipe-focus-glyph{width:28px;height:28px}.bio-structure-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bio-structure-card{position:relative;display:grid;min-height:124px;gap:4px;justify-items:center;padding:14px 10px;color:#eefcf5db;text-align:center;border:1px solid rgba(53,230,212,.2);border-radius:12px;background-color:#020b0dc7;background-image:linear-gradient(#020b0d8c,#020b0d8c),url(/assets/ui/structure-tower.png);background-size:100% 100%,110% 130%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:inset 0 0 18px #0006;transition:filter .22s ease,border-color .18s ease}.bio-structure-card>*{text-shadow:0 1px 3px rgba(0,0,0,.8)}.bio-structure-card:hover{filter:brightness(1.18) saturate(1.15)}.bio-structure-card.is-locked{opacity:.55;filter:grayscale(.6) brightness(.7)}.structure-silhouette{position:relative;width:38px;height:38px;border:1px solid rgba(221,255,240,.16);border-radius:999px;background:radial-gradient(circle at 50% 42%,rgba(53,230,212,.42),rgba(53,230,212,.08) 52%,transparent 54%)}.structure-silhouette.is-mineralChelatorRig{border-radius:8px;background:linear-gradient(135deg,#7dd7ff99,#7dd7ff14);clip-path:polygon(50% 0,100% 32%,76% 100%,20% 100%,0 32%)}.structure-silhouette.is-photosyntheticBloom{background:conic-gradient(from 90deg,#b7ff2acc,#35e6d41a,#b7ff2acc)}.structure-silhouette.is-enzymeFermenter{border-radius:12px 999px;background:linear-gradient(135deg,#b76cffa8,#35e6d41f)}.bio-structure-card strong{color:#eefcf5;font-size:9px}.bio-structure-card>span:not(.structure-silhouette):not(.structure-lock){color:#eefcf599;font-size:8px;font-weight:850}.structure-lock{position:absolute;right:5px;top:5px;padding:2px 4px;border:1px solid rgba(255,200,87,.22);border-radius:999px;background:#ffc85714;color:#ffc857;font-size:7px;font-weight:900}.pheromone-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.synthesis-feedback.is-warning{border-left-color:#ffbd7a;color:#fff0cf}.synthesis-feedback.is-info{border-left-color:#7dd7ff}.tab-subsection{display:grid;align-content:start;gap:7px;min-width:0;padding:9px;border:1px solid rgba(238,252,245,.08);border-radius:6px;background:#030f1352;clip-path:polygon(0 7px,6px 0,100% 4px,calc(100% - 5px) 100%,7px 100%,0 calc(100% - 6px))}.tab-subtitle{color:#ddfff0db;font-size:11px;font-weight:800}.tab-row,.tab-meter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:#eefcf5bd}.tab-row span,.tab-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-row strong,.tab-meter-header strong{color:#9ff5ca}.tab-row.is-muted{color:#eefcf56b}.crisis-event-list{gap:5px}.crisis-event-row{border-left:2px solid rgba(221,255,240,.18);padding-left:8px}.crisis-event-row.is-good{border-left-color:#7dffc8}.crisis-event-row.is-danger{border-left-color:#ff5494}.crisis-event-row.is-danger strong{color:#ffbdc9}.tab-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0;border:0;color:#eefcf5bd;background:transparent;font:inherit;cursor:pointer}.tab-toggle span,.tab-toggle strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-toggle strong{color:#9ff5ca}.tab-toggle.is-active strong{color:#ffd08f}.tab-toggle.is-blocked strong{color:#ffbd7a}.recipe-action{padding:0}.recipe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;gap:3px;padding:8px 9px;border:1px solid rgba(221,255,240,.11);border-left:3px solid #9ff5ca;border-radius:7px;background:#ddfff00e;color:#eefcf5d1;text-align:left;cursor:pointer;clip-path:polygon(0 6px,7px 0,100% 4px,calc(100% - 6px) 100%,7px 100%,0 calc(100% - 6px))}.recipe-card:hover{border-color:#9ff5ca57;background:#9ff5ca17}.recipe-card.is-pinned{border-color:#9ff5ca70;box-shadow:inset 0 0 0 1px #9ff5ca29,0 0 16px #9ff5ca1a}.recipe-card.is-active{background:#9ff5ca1a}.recipe-card.is-blocked{border-left-color:#ffbd7a;color:#eefcf599}.recipe-card .recipe-title,.recipe-card .recipe-processor,.recipe-card .recipe-meta,.recipe-card .recipe-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-card .recipe-title{grid-column:1 / 2;color:#eefcf5;font-size:11px;font-weight:900}.recipe-card .recipe-processor{grid-column:1 / 2;color:#7dd7ffb8;font-size:9px;text-transform:uppercase}.recipe-card .recipe-meta{grid-column:1 / 2;color:#9ff5ca;font-size:10px}.recipe-card.is-blocked .recipe-meta{color:#ffbd7a}.recipe-card .recipe-action-label{grid-column:2 / 3;grid-row:1 / 2;align-self:center;min-width:48px;color:#ddfff0;font-size:9px;font-weight:900;letter-spacing:0;text-align:right}.recipe-inline-controls{grid-column:2 / 3;grid-row:2 / 4;display:inline-flex;align-self:end;justify-self:end;gap:4px}.recipe-inline-controls button,.recipe-plan-bar button{min-width:24px;min-height:24px;border:1px solid rgba(159,245,202,.24);border-radius:5px;background:#9ff5ca1a;color:#ddfff0;cursor:pointer;font:inherit;font-size:11px;font-weight:900}.recipe-inline-controls button:hover:not(:disabled),.recipe-plan-bar button:hover:not(:disabled){border-color:#9ff5ca80;background:#9ff5ca2e}.recipe-inline-controls button:disabled,.recipe-plan-bar button:disabled{cursor:default;opacity:.4}.recipe-card.is-blocked .recipe-action-label{color:#ffbd7a}.recipe-card.is-active .recipe-action-label{color:#9ff5ca}.compound-card,.processor-card,.recipe-detail-card,.upgrade-card{display:grid;min-width:0;gap:5px;padding:11px 12px;border:1px solid rgba(159,245,202,.18);border-left:3px solid rgba(159,245,202,.55);border-radius:10px;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(53,230,212,.05),transparent 70%),#020b0db3;background-image:none;clip-path:none;transition:border-color .18s ease,box-shadow .18s ease}.upgrade-card:hover{border-color:#9ff5ca66;box-shadow:0 0 14px #35e6d41f}.upgrade-card .chip-row{font-size:10px;opacity:.78}.upgrade-card .upgrade-card-body{font-size:10px;line-height:1.3;opacity:.78}.compound-card-header,.processor-card-header,.upgrade-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.compound-card-header strong,.processor-card-header strong,.recipe-detail-card>strong,.upgrade-card-header strong{min-width:0;overflow:hidden;color:#eefcf5;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.compound-card-header span,.processor-badge,.upgrade-card-header span{flex:0 0 auto;color:#9ff5ca;font-size:10px;font-weight:900}.compound-jettison{flex:0 0 auto;padding:4px 6px;border:1px solid rgba(255,189,122,.28);border-radius:6px;background:#ffbd7a14;color:#ffe0bd;cursor:pointer;font:inherit;font-size:9px;font-weight:900}.recipe-capacity-warning{padding:6px 7px;border:1px solid rgba(255,189,122,.28);border-left:3px solid #ffbd7a;border-radius:7px;background:#ffbd7a14;color:#fff0cf;font-size:10px;font-weight:850;line-height:1.25}.recipe-capacity-warning[hidden]{display:none}.processor-card{border-left-color:#c9a8ff;background:radial-gradient(circle at 16% 20%,rgba(201,168,255,.12),transparent 34%),#04101c80}.processor-badge{padding:2px 6px;border:1px solid rgba(201,168,255,.25);border-radius:999px;background:#c9a8ff14;color:#c9a8ff}.compound-purpose,.processor-purpose,.processor-load,.recipe-detail-description,.recipe-detail-meta,.recipe-detail-purpose,.upgrade-card-body{color:#eefcf59e;font-size:10px;line-height:1.25}.processor-load,.recipe-detail-meta{color:#7dd7ffc7;font-weight:800}.recipe-detail-card{position:relative;min-height:320px;padding:26px 22px 22px;border:1px solid rgba(125,215,255,.24);border-radius:14px;background-color:#020b0dc7;background-image:linear-gradient(#020b0d8c,#020b0d8c),url(/assets/ui/recipe-detail-panel.png);background-size:100% 100%,130% 130%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:0 2px 12px #0006}.recipe-detail-card>*{text-shadow:0 1px 3px rgba(0,0,0,.7)}.recipe-detail-card.is-blocked{border-left-color:#ffbd7a}.recipe-detail-card.is-ready{border-left-color:#9ff5ca;box-shadow:0 0 14px #35e6d429}.recipe-plan-bar{display:grid;grid-template-columns:28px minmax(38px,auto) 28px minmax(82px,1fr);align-items:center;gap:5px}.recipe-plan-bar strong{justify-self:center;color:#ddfff0;font-size:11px}.recipe-plan-bar .recipe-start-button{justify-self:stretch;min-height:28px;border-color:#35e6d457;background:#35e6d41f;color:#ddfff0}.recipe-detail-group{display:grid;gap:4px}.recipe-detail-label{color:#ddfff0c2;font-size:9px;font-weight:900;text-transform:uppercase}.chip-row{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.cost-chip,.output-chip{display:inline-flex;align-items:center;max-width:100%;padding:3px 6px;border:1px solid rgba(159,245,202,.18);border-radius:999px;background:#9ff5ca13;color:#9ff5ca;font-size:9px;font-weight:900;line-height:1.1}button.cost-chip{cursor:pointer;font-family:inherit}button.cost-chip:hover{border-color:#c9a8ff6b;background:#c9a8ff1f;color:#f1e8ff}.cost-chip.is-missing{border-color:#ff6b7a52;background:#ff6b7a1b;color:#ffbd7a}.cost-chip.is-free,.output-chip.is-functional{border-color:#c9a8ff47;background:#c9a8ff14;color:#c9a8ff}.processor-card{border-left-color:#c9a8ff;background:linear-gradient(135deg,rgba(201,168,255,.06),transparent 48%),#090d1857;clip-path:polygon(8px 0,100% 0,calc(100% - 5px) 100%,0 100%,0 8px)}.processor-card.is-empty{color:#eefcf575}.tab-list.upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;gap:8px;overflow-y:auto;padding-right:3px;scrollbar-color:rgba(159,245,202,.46) rgba(221,255,240,.08);scrollbar-width:thin}.adaptation-tab-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:10px;min-width:0}.adaptation-summary{display:grid;align-content:start;gap:7px;min-width:0;padding:16px 16px 14px;border:1px solid rgba(125,215,255,.22);border-radius:14px;background-color:#020b0dd1;background-image:linear-gradient(#020b0d99,#020b0d99),url(/assets/ui/recipe-detail-panel.png);background-size:100% 100%,130% 130%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:0 1px 6px #0000004d}.adaptation-summary>*{text-shadow:0 1px 3px rgba(0,0,0,.7)}.upgrade-card.is-locked{border-left-color:#eefcf54d;opacity:.7}.upgrade-card.is-missing{border-left-color:#ffbd7a;background:linear-gradient(140deg,rgba(255,189,122,.06),transparent 55%),#020b0d8c}.upgrade-card.is-pinned{border-left-color:#ffc857;box-shadow:inset 0 0 0 1px #ffc8572e,0 0 14px #ffc8571a}.upgrade-actions{display:flex;justify-content:flex-end;gap:6px}.upgrade-buy-button,.upgrade-pin-button{justify-self:end;min-width:72px;min-height:28px;padding:5px 10px;border:1px solid rgba(159,245,202,.25);border-radius:6px;background:#9ff5ca1a;color:#ddfff0;cursor:pointer;font:inherit;font-size:10px;font-weight:900}.upgrade-buy-button:hover:not(:disabled),.upgrade-pin-button:hover:not(:disabled){border-color:#9ff5ca85;background:#9ff5ca2b}.upgrade-buy-button:disabled,.upgrade-pin-button:disabled{cursor:default;opacity:.58}.upgrade-pin-button{min-width:62px;border-color:#ffc8573d;background:#ffc85714;color:#fff0cf}.blueprint-list{display:grid;gap:7px}.blueprint-card{display:grid;gap:3px;padding:8px 9px;border:1px solid rgba(201,168,255,.15);border-left:3px solid #c9a8ff;border-radius:7px;background:#c9a8ff0f;clip-path:polygon(0 7px,7px 0,100% 4px,calc(100% - 6px) 100%,8px 100%,0 calc(100% - 6px))}.blueprint-card strong{color:#f1e8ff;font-size:11px}.blueprint-source{color:#c9a8ffcc;font-size:10px}.blueprint-use{color:#eefcf5ad;font-size:10px;line-height:1.25}.blueprint-card.is-empty{color:#eefcf575}.lineage-focus-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 16px 14px;border:1px solid rgba(159,245,202,.22);border-radius:14px;background-color:#020b0dd1;background-image:linear-gradient(#020b0d99,#020b0d99),url(/assets/ui/recipe-detail-panel.png);background-size:100% 100%,130% 200%;background-repeat:no-repeat;background-position:center;clip-path:none;box-shadow:0 1px 6px #0000004d}.lineage-focus-card>*{text-shadow:0 1px 3px rgba(0,0,0,.7)}.lineage-focus-card>div:not(.lineage-tab-kin){display:grid;gap:3px}.lineage-focus-card span{color:#eefcf594;font-size:10px;font-weight:900}.lineage-focus-card strong{color:#ddfff0;font-size:12px}.lineage-tab-kin{grid-column:1 / -1}.lineage-investment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lineage-chronicle,.lineage-memory-list,.lineage-build-list,.lineage-rival-list{gap:6px}.lineage-event,.lineage-memory-card,.lineage-build-card,.lineage-rival-card{display:grid;gap:3px;min-width:0;padding:7px 9px;border:1px solid rgba(221,255,240,.1);border-left:3px solid rgba(159,245,202,.55);border-radius:7px;background:#020b0d6b;color:#eefcf5cc;font-size:10px;line-height:1.3}.lineage-memory-card strong,.lineage-build-card strong,.lineage-rival-card strong{color:#ddfff0;font-size:11px}.lineage-memory-card span,.lineage-build-card span,.lineage-rival-card span,.lineage-rival-card em{min-width:0;overflow-wrap:anywhere}.lineage-rival-card.is-active{border-left-color:#ffc857;background:linear-gradient(135deg,rgba(255,200,87,.12),transparent 56%),#020b0d7a}.lineage-rival-card.is-defeated{opacity:.65}.lineage-memory-card.is-empty,.lineage-build-card.is-empty,.lineage-rival-card.is-empty{color:#eefcf575}.species-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.species-card{display:grid;gap:7px;min-width:0;padding:11px 12px;border:1px solid rgba(221,255,240,.12);border-left:3px solid var(--species-color, #9ff5ca);border-radius:10px;background:linear-gradient(140deg,color-mix(in srgb,var(--species-color, #9ff5ca) 8%,transparent),transparent 50%),#020b0d9e;background-image:none;clip-path:none;transition:border-color .18s ease,box-shadow .18s ease}.species-card[open]{border-color:color-mix(in srgb,var(--species-color, #9ff5ca) 45%,rgba(221,255,240,.16));background:linear-gradient(140deg,color-mix(in srgb,var(--species-color, #9ff5ca) 14%,transparent),transparent 56%),#020b0db3}.species-card:hover{border-color:color-mix(in srgb,var(--species-color, #9ff5ca) 36%,rgba(221,255,240,.16))}.species-card-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;cursor:pointer;list-style:none}.species-card-summary::-webkit-details-marker{display:none}.species-silhouette{width:48px;height:48px;image-rendering:auto}.species-card-title{display:grid;min-width:0;gap:3px}.species-behavior-badge{justify-self:end;padding:4px 7px;border:1px solid color-mix(in srgb,var(--behavior-color, #35e6d4) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--behavior-color, #35e6d4) 18%,transparent);color:#eefcf5;font-size:9px;font-weight:900;white-space:nowrap}.species-card-name,.species-card strong,.species-card-traits,.species-card-role,.species-card-population{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.species-card-name{color:#eefcf5;font-size:11px;font-weight:900}.species-card strong{color:#9ff5ca;font-size:10px}.species-card-population{color:#eefcf5ad;font-size:10px;font-weight:900}.species-card-traits,.species-card-role{color:#eefcf59e;font-size:10px;font-weight:800}.species-stat-bars{display:grid;gap:4px}.species-stat-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;align-items:center;color:#eefcf594;font-size:9px;font-weight:900}.species-stat-track{height:5px;overflow:hidden;border-radius:999px;background:#ddfff017}.species-stat-fill{display:block;width:calc(var(--stat-value, 0) * 100%);height:100%;border-radius:inherit;background:var(--species-color, #9ff5ca)}.species-trait-list{display:flex;flex-wrap:wrap;gap:5px}.species-trait-chip{padding:3px 6px;border:1px solid rgba(221,255,240,.1);border-radius:999px;color:#eefcf5b8;background:#ddfff00e;font-size:9px;font-weight:900}.species-card.is-apex .species-behavior-badge:before{content:"APEX ";color:#ffd08f}.pheromone-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px 9px;border:1px solid rgba(221,255,240,.11);border-left:3px solid var(--pheromone-color, #35e6d4);border-radius:7px;background:#ddfff00d;color:#eefcf5c7;clip-path:polygon(0 7px,7px 0,100% 4px,calc(100% - 6px) 100%,8px 100%,0 calc(100% - 6px))}.pheromone-card.is-locked{opacity:.72}.pheromone-card strong,.pheromone-card span{min-width:0;overflow:hidden;text-overflow:ellipsis}.pheromone-card strong{color:#eefcf5;font-size:11px;white-space:nowrap}.pheromone-card span{grid-column:1;color:#eefcf599;font-size:10px;font-weight:800;line-height:1.25;white-space:normal}.pheromone-card button{grid-row:1 / 3;align-self:center;padding:6px 8px;border:1px solid rgba(159,245,202,.28);border-radius:6px;background:#9ff5ca14;color:#ddfff0;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.tab-meter{display:grid;gap:7px}.compound-track{height:7px;overflow:hidden;border-radius:999px;background:#ddfff01a}.compound-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#9ff5ca,#c9a8ff)}.reset-dialog.is-hidden{display:none}.reset-dialog-panel{display:grid;width:min(360px,calc(100vw - 32px));gap:10px;padding:16px;border:1px solid rgba(209,255,232,.2);border-radius:8px;background:#041210eb;box-shadow:0 22px 80px #00000057;color:#eefcf5c7;font-size:12px}.reset-dialog-panel strong{color:#eefcf5;font-size:15px}.reset-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.reset-dialog-actions button{border:1px solid rgba(209,255,232,.18);border-radius:6px;background:#eefcf514;color:#eefcf5;cursor:pointer;font-size:12px;font-weight:800;padding:7px 10px}.reset-dialog-actions .is-danger{border-color:#ff6b7a6b;background:#ff6b7a29;color:#ffe0ed}@media(max-width:1280px){.tab-overlay{align-items:flex-start;justify-content:flex-start}.tab-panel{width:min(1040px,calc(100vw - 24px))}.synthesis-panel-grid{grid-template-columns:minmax(210px,.72fr) minmax(0,1.48fr)}.synthesis-panel-grid>.tab-subsection:nth-child(3){grid-column:1 / -1}}@media(max-width:920px){.combat-toolbar{right:12px;left:12px;width:auto;min-width:0;transform:none}.combat-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-panel{grid-template-columns:1fr;grid-template-areas:"header" "rail" "strip" "content";width:calc(100vw - 24px)}.tab-grid,.synthesis-panel-grid,.adaptation-tab-grid,.lineage-investment-grid,.workshop-header-strip{grid-template-columns:1fr}.species-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-tab-rail{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-color:rgba(159,245,202,.46) rgba(221,255,240,.08);scrollbar-width:thin}.bio-tab-rail button{flex:0 0 132px;min-height:38px}.tab-list.upgrade-list{grid-template-columns:1fr}}@media(max-width:560px){.hud{right:12px;left:12px;top:12px;gap:8px}.lineage-module,.inventory{width:100%}.resource{min-width:0;flex:1 1 0}.energy-meter{width:100%}.species-card-grid,.lineage-focus-card,.recipe-card-grid,.bio-structure-strip{grid-template-columns:1fr}.division-meter,.species-meter{width:100%}.streak-meter{flex:1 1 100px}.tab-overlay{padding:12px}.tab-panel{width:100%;max-height:calc(100vh - 24px)}}