.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{color-scheme:dark;--bg: #12151c;--bg-panel: #171b24;--bg-elevated: #1c2230;--bg-node: rgba(22, 28, 40, .92);--border: #2c3648;--border-soft: rgba(90, 110, 140, .25);--text: #e8eef8;--muted: #8b97a8;--accent: #2fd3b6;--accent-dim: #1f8f7c;--warn: #d4923f;--danger: #d05d5d;--running: #2fd3b6;--starved: #d4923f;--blocked: #d05d5d;--idle: #6b7585;--orange: #f0a24b;--phase-solid: #5a8f88;--phase-liquid: #3db8c5;--phase-gas: #b06bdb;--phase-power: #4aa8ff;--font-ui: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;font-family:var(--font-ui);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}button,select{font:inherit;color:inherit}.app{display:grid;grid-template-columns:1fr;grid-template-rows:48px 1fr;height:100%;background:radial-gradient(ellipse at top left,#1a2433 0%,transparent 50%),radial-gradient(ellipse at bottom right,#152018 0%,transparent 45%),var(--bg)}.app--placing{cursor:none}.app__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.app--placing .app__topbar{cursor:default}.app__brand{font-size:15px;letter-spacing:.04em;font-weight:600}.app__brand span{color:var(--muted);font-weight:400;margin-left:8px}.app__actions{display:flex;gap:8px}.btn{border:1px solid var(--border);background:var(--bg-elevated);padding:6px 10px;border-radius:4px;cursor:pointer}.btn:hover{border-color:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--accent{background:var(--accent-dim);border-color:var(--accent)}.board{position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;grid-row:2}.board--placing .react-flow__pane{cursor:none}.board--placing .build-dock,.board--placing .quest-tracker,.board--placing .board__hint{cursor:default}.board .react-flow{width:100%;height:100%}.board .react-flow__controls{border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:none;bottom:88px}.board .react-flow__controls-button{background:var(--bg-elevated);border-bottom:1px solid var(--border);fill:var(--text)}.board .react-flow__controls-button:hover{background:var(--bg-panel)}.board .react-flow__minimap{background:var(--bg-panel)!important;border:1px solid var(--border);border-radius:4px;bottom:88px}.board .react-flow__attribution{display:none}.board .react-flow__selection{background:#2fd3b614;border:1px solid rgba(47,211,182,.55)}.board .react-flow__nodesselection-rect{background:#2fd3b60a;border:1px dashed rgba(47,211,182,.45)}.selection-toolbar{position:absolute;z-index:7;top:14px;right:14px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000047}.selection-toolbar__count{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-right:2px;white-space:nowrap}.selection-toolbar__btn{font-size:11px;padding:4px 8px}.board-context-menu{position:fixed;z-index:30;min-width:200px;max-width:280px;padding:6px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0006;color:var(--text)}.board-context-menu__title{padding:4px 10px 6px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.board-context-menu__section--divided{margin-top:4px;padding-top:4px;border-top:1px solid var(--border-soft)}.board-context-menu__item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.board-context-menu__item:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,transparent)}.board-context-menu__item:disabled{opacity:.4;cursor:default}.board-context-menu__item--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 18%,transparent);color:#ffb4b4}.board-context-menu__label{flex:1;min-width:0}.board-context-menu__hint{flex-shrink:0;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.board-context-menu__item--danger .board-context-menu__hint{color:color-mix(in srgb,var(--danger) 70%,var(--muted))}.board__hint{position:absolute;z-index:6;left:50%;top:86px;transform:translate(-50%);padding:8px 14px;border-radius:999px;border:1px solid var(--accent-dim);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text);font-size:12px;pointer-events:none;box-shadow:0 8px 24px #00000059}.resource-hud{position:absolute;z-index:7;left:50%;top:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:min(920px,calc(100% - 32px))}.resource-hud__core,.resource-hud__materials{pointer-events:auto}.resource-hud__core{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000059}.resource-hud__stat{display:flex;flex-direction:column;gap:1px;font-family:var(--font-mono);min-width:64px}.resource-hud__label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.resource-hud__stat strong{font-size:14px;font-weight:500}.resource-hud__buy{border:1px solid var(--accent-dim);background:#2fd3b61f;color:var(--accent);border-radius:999px;padding:6px 10px;font-size:11px;cursor:pointer}.resource-hud__buy:disabled{opacity:.4;cursor:not-allowed}.resource-hud__materials{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 8px;border-radius:12px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-panel) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resource-hud__item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:#ffffff08;border:1px solid transparent;font-size:11px;color:var(--muted);cursor:pointer}.resource-hud__item:hover{border-color:var(--border);color:var(--text)}.resource-hud__item--short{border-color:#d05d5d73;color:var(--danger);animation:short-pulse 1.4s ease-in-out infinite}.resource-hud__item-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-hud__item-buf{font-family:var(--font-mono);color:var(--text)}.factory-node{position:relative;width:220px;overflow:visible;background:transparent;border-radius:8px}.factory-node__clip{position:relative;overflow:hidden;border-radius:8px;background:var(--bg-node);border:1px solid var(--border);box-shadow:0 10px 28px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .16s ease,border-color .16s ease}.factory-node--selected .factory-node__clip{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim),0 10px 28px #0006}.factory-node__aura{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;z-index:0}.factory-node--running .factory-node__aura{opacity:1;box-shadow:inset 0 0 24px #2fd3b61f,0 0 18px #2fd3b62e;animation:aura-breathe 1.8s ease-in-out infinite}.factory-node--starved .factory-node__aura{opacity:1;box-shadow:inset 0 0 18px #d4923f29;animation:starved-flicker 1.1s steps(2,end) infinite}.factory-node--blocked .factory-node__clip{border-color:color-mix(in srgb,var(--blocked) 55%,var(--border));background:color-mix(in srgb,var(--blocked) 7%,var(--bg-node));box-shadow:0 10px 28px #00000059,inset 0 0 0 1px color-mix(in srgb,var(--blocked) 18%,transparent)}.factory-node--blocked.factory-node--selected .factory-node__clip{border-color:color-mix(in srgb,var(--blocked) 70%,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--blocked) 35%,var(--accent-dim)),0 10px 28px #0006,inset 0 0 0 1px color-mix(in srgb,var(--blocked) 18%,transparent)}.factory-node--blocked .factory-node__aura{opacity:1;box-shadow:inset 0 0 22px #d05d5d33;animation:blocked-pulse 2.4s ease-in-out infinite}.factory-node--blocked .factory-node__status--blocked{padding:1px 5px;border-radius:4px;border:1px solid color-mix(in srgb,var(--blocked) 40%,transparent);background:color-mix(in srgb,var(--blocked) 16%,transparent);color:color-mix(in srgb,var(--blocked) 85%,#fff)}.factory-node__progress{position:absolute;inset:0 auto 0 0;width:var(--craft-progress, 0%);background:linear-gradient(90deg,#ffffff05,#ffffff24);pointer-events:none;z-index:0}.factory-node__sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(47,211,182,.35) 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:120% 120%;animation:spark-drift 2.4s linear infinite;opacity:.7}.factory-node__header,.factory-node__body{position:relative;z-index:1}.factory-node__header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 6px;border-bottom:1px solid var(--border-soft)}.factory-node__title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px}.factory-node__icon{display:inline-flex;color:var(--accent)}.building-icon{overflow:visible}.building-icon__smoke,.building-icon__glow,.building-icon__bubble{opacity:0}.building-icon--active .building-icon__spin,.building-icon--active .building-icon__hand,.building-icon--active .building-icon__ram,.building-icon--active .building-icon__level,.building-icon--active .building-icon__coin,.building-icon--active .building-icon__bolt,.building-icon--active .building-icon__part,.building-icon--active .building-icon__smoke,.building-icon--active .building-icon__bubble,.building-icon--active .building-icon__spark{transform-box:fill-box;transform-origin:center}.building-icon--active .building-icon__spin{transform-origin:12px 12px;animation:icon-spin 2.4s linear infinite}.building-icon--active .building-icon__smoke--a{animation:icon-smoke 1.5s ease-out infinite}.building-icon--active .building-icon__smoke--b{animation:icon-smoke 1.5s ease-out .45s infinite}.building-icon--active .building-icon__glow{animation:icon-glow .9s ease-in-out infinite}.building-icon--active .building-icon__level{transform-origin:12px 14px;animation:icon-bob 1.2s ease-in-out infinite}.building-icon--active .building-icon__bubble--a{animation:icon-bubble 1.1s ease-out infinite}.building-icon--active .building-icon__bubble--b{animation:icon-bubble 1.1s ease-out .35s infinite}.building-icon--active .building-icon__ram{transform-origin:12px 5px;animation:icon-press .85s ease-in-out infinite}.building-icon--active .building-icon__part--a{animation:icon-nudge 1.3s ease-in-out infinite}.building-icon--active .building-icon__part--b{animation:icon-nudge 1.3s ease-in-out .2s infinite}.building-icon--active .building-icon__part--c{animation:icon-nudge 1.3s ease-in-out .4s infinite}.building-icon--active .building-icon__link{animation:icon-pulse 1s ease-in-out infinite}.building-icon--active .building-icon__bolt{transform-origin:12px 12px;animation:icon-bolt .7s ease-in-out infinite}.building-icon__spark{opacity:0;fill:currentColor;stroke:none}.building-icon--active .building-icon__spark--a{animation:icon-spark .9s ease-out infinite}.building-icon--active .building-icon__spark--b{animation:icon-spark .9s ease-out .35s infinite}.building-icon--active .building-icon__hand{transform-origin:12px 12px;animation:icon-spin 1.8s linear infinite}.building-icon--active .building-icon__flow{stroke-dasharray:4 3;animation:icon-flow .8s linear infinite}.building-icon--active .building-icon__coin{transform-origin:12px 14px;animation:icon-bob .9s ease-in-out infinite}.factory-node__status{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.factory-node__status--running{color:var(--running)}.factory-node__status--starved{color:var(--starved)}.factory-node__status--blocked{color:var(--blocked)}.factory-node__status--idle{color:var(--idle)}.factory-node__body{padding:8px 10px 10px}.factory-node__recipe{font-size:11px;color:var(--muted);margin-bottom:8px}.factory-node__io{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;align-items:start}.factory-node__ports{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:100%}.factory-node__port{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);min-height:20px;position:relative}.factory-node__port--in{justify-content:flex-start}.factory-node__port--infinite{min-height:22px;align-items:center}.factory-node__infinite{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;font-size:16px;line-height:1;color:var(--muted);opacity:.85;-webkit-user-select:none;user-select:none;pointer-events:none}.factory-node__port--out{justify-content:flex-end}.factory-node__port-meta{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.factory-node__port-meta--out{align-items:flex-end;text-align:right}.factory-node__port-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:78px;color:var(--text);font-size:10px}.factory-node__port-label--invalid{color:var(--danger)}.factory-node__port-stats{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);font-size:10px}.factory-node__port-stats--out{flex-direction:row-reverse}.factory-node__port-rate{color:var(--muted);letter-spacing:-.02em}.factory-node__port--in .factory-node__port-rate{color:color-mix(in srgb,var(--orange) 75%,var(--muted))}.factory-node__port--out .factory-node__port-rate{color:color-mix(in srgb,var(--accent) 75%,var(--muted))}.factory-node__port-rate--demand{color:var(--orange)}.factory-node__port-amt{color:var(--text);opacity:.85}.factory-node__recipe--invalid{color:var(--danger)}.factory-node--invalid .factory-node__clip{border-color:#d05d5d73}.board .react-flow__node.draggable{cursor:default}.board .react-flow__node.draggable.dragging{cursor:grabbing}.factory-node__header{cursor:grab}.factory-node__socket-wrap{position:relative;width:20px;height:20px;flex:0 0 20px;overflow:visible;cursor:crosshair}.factory-node__port{cursor:default}.factory-node__socket,.factory-node__socket.connectionindicator,.react-flow__handle.connectionindicator,.react-flow.connecting,.react-flow.connecting .react-flow__node,.react-flow.connecting .react-flow__node.draggable,.react-flow.connecting .react-flow__pane,.react-flow.connecting .factory-node,.react-flow.connecting .factory-node__header{cursor:crosshair!important}.factory-node__socket{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;border-radius:2px!important;border:2px solid var(--phase-solid)!important;background-color:transparent!important;position:absolute!important;left:2px!important;top:2px!important;transform:none!important;z-index:5!important;pointer-events:all!important;cursor:crosshair!important}.factory-node__socket--shape-solid{border-radius:2px!important;clip-path:none}.factory-node__socket--shape-liquid{border-radius:50%!important;clip-path:none}.factory-node__socket--shape-gas,.factory-node__socket--shape-power{border:none!important;border-radius:0!important;clip-path:none!important;overflow:visible!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important}.factory-node__port--in .factory-node__socket{border-color:var(--phase-solid)!important}.factory-node__socket--empty{background-color:transparent!important}.factory-node__socket--demand{background-color:transparent!important;border-color:color-mix(in srgb,var(--orange) 55%,var(--border))!important;box-shadow:none!important}.factory-node__socket-icon--demand{opacity:.75;color:var(--orange)}.factory-node__port-label--demand{color:var(--orange);opacity:.9}.factory-node__port-amt--demand{color:var(--muted);opacity:.85}.factory-node__socket--filled:not(.factory-node__socket--typed){background-color:var(--accent)!important;box-shadow:0 0 8px #2fd3b673}.factory-node__port--in .factory-node__socket--filled:not(.factory-node__socket--typed){background-color:var(--orange)!important;box-shadow:0 0 8px #f0a24b73}.factory-node__socket--typed{background-color:color-mix(in srgb,var(--bg-node) 70%,#1a222c)!important}.factory-node__socket--typed.factory-node__socket--filled{background-color:var(--accent)!important;box-shadow:0 0 8px #2fd3b666}.factory-node__port--in .factory-node__socket--typed.factory-node__socket--filled{background-color:var(--orange)!important;box-shadow:0 0 8px #f0a24b66}.factory-node__socket-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6;color:var(--text)}.factory-node__port--in .factory-node__socket-icon{color:var(--orange)}.factory-node__port--out .factory-node__socket-icon{color:var(--accent)}.factory-node__socket--phase-solid{border-color:var(--phase-solid)!important}.factory-node__socket--phase-solid.factory-node__socket--filled,.factory-node__socket--phase-solid.factory-node__socket--typed.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--phase-solid.factory-node__socket--filled{background:var(--phase-solid)!important;background-color:var(--phase-solid)!important;border-color:var(--phase-solid)!important;box-shadow:0 0 8px #5a8f8873}.factory-node__socket-wrap:has(.factory-node__socket--phase-solid) .factory-node__socket-icon{color:var(--phase-solid)}.factory-node__socket--phase-liquid{border-color:var(--phase-liquid)!important}.factory-node__socket--phase-liquid.factory-node__socket--filled,.factory-node__socket--phase-liquid.factory-node__socket--typed.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--phase-liquid.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--phase-liquid.factory-node__socket--filled{background:var(--phase-liquid)!important;background-color:var(--phase-liquid)!important;border-color:var(--phase-liquid)!important;box-shadow:0 0 8px #3db8c580}.factory-node__port--in .factory-node__socket--phase-liquid .factory-node__socket-icon,.factory-node__port--out .factory-node__socket--phase-liquid .factory-node__socket-icon,.factory-node__socket--phase-liquid+.factory-node__socket-icon,.factory-node__socket-wrap:has(.factory-node__socket--phase-liquid) .factory-node__socket-icon{color:var(--phase-liquid)}.factory-node__socket--phase-gas{border-color:transparent!important}.factory-node__socket--phase-gas.factory-node__socket--filled,.factory-node__socket--phase-gas.factory-node__socket--typed.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--phase-gas.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--phase-gas.factory-node__socket--filled{background-color:transparent!important;border-color:transparent!important;box-shadow:none}.factory-node__socket-wrap:has(.factory-node__socket--phase-gas) .factory-node__socket-icon{color:var(--phase-gas)}.factory-node__socket--phase-power{border-color:transparent!important}.factory-node__socket--phase-power.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--phase-power.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--phase-power.factory-node__socket--filled{background-color:transparent!important;border-color:transparent!important;box-shadow:none}.factory-node__socket-wrap:has(.factory-node__socket--filled) .factory-node__socket-icon,.factory-node__socket-wrap:has(.factory-node__socket--filled) .factory-node__socket-icon--demand{color:#071018}.factory-node__socket--static{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--accent);font-size:12px;line-height:1}.factory-node__socket--credits{display:inline-flex!important;align-items:center;justify-content:center;font-size:10px;font-weight:600;line-height:1;color:var(--accent)!important;cursor:default!important;pointer-events:none!important}.factory-node__socket--credits.factory-node__socket--empty{color:var(--muted)!important;border-color:#8ca0be73!important}.factory-node__socket--credits.factory-node__socket--filled{color:var(--accent)!important}.factory-node__socket--power{border-color:transparent!important;box-shadow:none}.factory-node__socket--power.factory-node__socket--empty{background-color:transparent!important;border-color:transparent!important}.factory-node__socket--power.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--power.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--power.factory-node__socket--filled{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.factory-node__socket--shape-gas.factory-node__socket--empty,.factory-node__socket--shape-gas.factory-node__socket--empty.factory-node__socket--typed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.2 2.6 H11.8 L14.2 8 L11.8 13.4 H4.2 L1.8 8 Z' stroke='%23b06bdb' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.factory-node__socket--shape-gas.factory-node__socket--demand,.factory-node__socket--shape-gas.factory-node__socket--empty.factory-node__socket--demand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.2 2.6 H11.8 L14.2 8 L11.8 13.4 H4.2 L1.8 8 Z' stroke='%23f0a24b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.factory-node__socket--shape-gas.factory-node__socket--filled,.factory-node__socket--shape-gas.factory-node__socket--typed.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--shape-gas.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--shape-gas.factory-node__socket--filled{background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 2.6 H11.8 L14.2 8 L11.8 13.4 H4.2 L1.8 8 Z' fill='%23b06bdb'/%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 4px rgba(176,107,219,.45))}.factory-node__socket--shape-power.factory-node__socket--empty,.factory-node__socket--power.factory-node__socket--shape-power.factory-node__socket--empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2.4 L13.6 8 L8 13.6 L2.4 8 Z' stroke='%234aa8ff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.factory-node__socket--shape-power.factory-node__socket--filled,.factory-node__socket--power.factory-node__socket--shape-power.factory-node__socket--filled,.factory-node__port--in .factory-node__socket--shape-power.factory-node__socket--filled,.factory-node__port--out .factory-node__socket--shape-power.factory-node__socket--filled{background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.2 L13.8 8 L8 13.8 L2.2 8 Z' fill='%234aa8ff'/%3E%3C/svg%3E")!important;filter:drop-shadow(0 0 4px rgba(74,168,255,.5))}.factory-node__port-label--power{color:#7ec2ff;font-size:9px;letter-spacing:.04em;font-family:var(--font-mono)}.factory-node__port-rate--power{color:#7ec2ff;font-family:var(--font-mono);font-size:9px}.factory-node__mw{display:block;margin-top:2px;font-size:9px;color:#7ec2ff;font-family:var(--font-mono)}.factory-node__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-soft)}.factory-node__modules{display:flex;gap:6px}.factory-node__level{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.factory-node__level-label{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.factory-node__upgrade{width:22px;height:22px;padding:0;border-radius:4px;border:1px solid var(--border);background:#00000040;color:var(--muted);font-size:10px;line-height:1;cursor:not-allowed;opacity:.45}.factory-node__upgrade--ready{cursor:pointer;opacity:1;color:#f4f7fb;border-color:color-mix(in srgb,#f4f7fb 35%,var(--border));background:color-mix(in srgb,#f4f7fb 12%,rgba(0,0,0,.25));box-shadow:0 0 10px #f4f7fb2e;animation:upgrade-ready 1.4s ease-in-out infinite}.factory-node__upgrade--ready:hover{color:#fff;border-color:#fff;background:color-mix(in srgb,#ffffff 18%,rgba(0,0,0,.2))}.factory-node__slot{width:22px;height:22px;border:1px dashed rgba(140,160,190,.45);border-radius:3px;background:#0003;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer}.factory-node__slot--filled{border-style:solid;border-color:var(--accent-dim);background:#2fd3b614}.factory-node__slot--locked{border-style:solid;border-color:#646e808c;background:#00000059;color:var(--muted);cursor:not-allowed;opacity:.72}.factory-node__slot--locked:disabled{opacity:.72}.factory-node__slot-lock{display:inline-flex;align-items:center;justify-content:center;opacity:.9}.build-dock{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.build-dock__bar,.build-dock__flyout{pointer-events:auto}.build-dock__bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000073}.build-dock__recipes,.build-dock__pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.build-dock__hotkey{position:absolute;top:4px;left:4px;min-width:12px;padding:0 3px;border-radius:3px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--bg-panel) 88%,transparent);color:var(--muted);font-size:9px;font-family:var(--font-mono);line-height:1.35;text-align:center;pointer-events:none}.build-dock__building .build-dock__hotkey{top:50%;left:6px;transform:translateY(-50%)}.build-dock__recipes:hover,.build-dock__recipes--active,.build-dock__pin:hover,.build-dock__pin--active{color:var(--text);border-color:var(--border);background:#ffffff0a}.build-dock__recipes--active,.build-dock__pin--active{color:var(--accent);border-color:var(--accent-dim)}.build-dock__pin--locked,.build-dock__pin:disabled{opacity:.5;cursor:not-allowed}.build-dock__pin--locked:hover,.build-dock__pin:disabled:hover{color:var(--muted);border-color:transparent;background:transparent}.build-dock__pin-limit{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.build-dock__cats{display:flex;gap:4px}.build-dock__cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.build-dock__cat:hover,.build-dock__cat--active{color:var(--text);border-color:var(--border);background:#ffffff0a}.build-dock__cat--active{color:var(--accent);border-color:var(--accent-dim)}.build-dock__cat--empty{opacity:.5}.build-dock__cat--empty:hover,.build-dock__cat--empty.build-dock__cat--active{color:var(--muted);border-color:var(--border);background:#ffffff0a;opacity:.5}.build-dock__divider{width:1px;height:36px;background:var(--border)}.build-dock__modules{display:flex;gap:6px}.build-dock__module{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:grab;font-family:var(--font-mono);font-size:11px}.build-dock__module:disabled{opacity:.35;cursor:not-allowed}.build-dock__flyout{display:flex;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px #0006}.build-dock__building{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 26px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;font-size:12px}.build-dock__building:hover,.build-dock__building--active{border-color:var(--accent);color:var(--accent)}.build-dock__building:disabled{opacity:.4;cursor:not-allowed}.build-dock__building--locked{opacity:.55;color:var(--muted)}.build-dock__building--locked:hover{border-color:var(--border);color:var(--muted)}.build-dock__building--locked:disabled{opacity:.55}.build-dock__new{position:absolute;top:-4px;right:-4px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid color-mix(in srgb,#f0c06a 55%,var(--border));background:linear-gradient(160deg,#f0c06a,#d4893a);color:#1a1208;font-size:11px;font-weight:800;line-height:1;box-shadow:0 2px 8px #00000059;pointer-events:none}.build-dock__cat .build-dock__new,.build-dock__pin .build-dock__new{top:2px;right:2px}.place-ghost{position:absolute;z-index:5;pointer-events:none;opacity:.48}.place-ghost__card{width:100%;height:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--bg-node) 78%,transparent);box-shadow:0 10px 28px #00000047;box-sizing:border-box}.place-ghost__icon{display:inline-flex;color:var(--accent)}.place-ghost__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.place-ghost__copy strong{font-size:13px;font-weight:650;color:var(--text)}.place-ghost__copy span{font-size:11px;color:var(--muted)}.build-dock__limit,.build-dock__lock{margin-left:auto;color:var(--muted)}.build-dock__limit{font-family:var(--font-mono);font-size:10px}.build-dock__lock{display:inline-flex;align-items:center;justify-content:center;opacity:.85}.flow-edge path{stroke-width:2}.flow-edge__ripple{pointer-events:none;stroke-dasharray:10 90;opacity:.28;animation-name:flow-edge-ripple;animation-timing-function:linear;animation-iteration-count:infinite}.flow-edge__ripple--active{opacity:.55}.flow-edge__ripple--solid{stroke-dasharray:10 90}.flow-edge__ripple--liquid{stroke-dasharray:16 84;animation-timing-function:ease-in-out}.flow-edge__ripple--gas{stroke-dasharray:5 7 3 85}.flow-edge__buzz-glow{pointer-events:none;opacity:.08;filter:blur(1.5px);animation:flow-edge-buzz-glow 1.35s ease-in-out infinite}.flow-edge__buzz-glow--active{opacity:.14}.flow-edge__buzz{pointer-events:none;stroke-dasharray:1.6 3.4;opacity:.22;animation-name:flow-edge-buzz;animation-timing-function:linear;animation-iteration-count:infinite}.flow-edge__buzz--active{opacity:.4}.flow-edge--flowing{filter:drop-shadow(0 0 1.5px color-mix(in srgb,currentColor 35%,transparent))}.flow-edge--armed{filter:drop-shadow(0 0 1px color-mix(in srgb,currentColor 18%,transparent))}.flow-edge--powered{filter:drop-shadow(0 0 2px rgba(74,168,255,.35))}.flow-edge__label{position:absolute;font-size:10px;color:#8b97a8;pointer-events:none;font-family:var(--font-mono);padding:2px 6px;border-radius:999px;background:#12161eb8;border:1px solid rgba(80,100,130,.25)}.flow-edge__label--starved{color:var(--starved)}.flow-edge__label--blocked{color:var(--danger)}@keyframes flow-edge-ripple{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes flow-edge-buzz{0%{stroke-dashoffset:0}to{stroke-dashoffset:-5}}@keyframes flow-edge-buzz-glow{0%,to{opacity:.1}40%{opacity:.2}55%{opacity:.12}70%{opacity:.22}}@media(prefers-reduced-motion:reduce){.flow-edge__ripple,.flow-edge__buzz,.flow-edge__buzz-glow,.factory-node--running .factory-node__aura,.factory-node--starved .factory-node__aura,.factory-node--blocked .factory-node__aura{animation:none}.factory-node--blocked .factory-node__aura{opacity:.75}.flow-edge__ripple{opacity:.28;stroke-dasharray:10 90}.flow-edge__ripple--active{opacity:.4}.flow-edge__buzz{opacity:.3}.flow-edge__buzz-glow{opacity:.12}}@keyframes aura-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes starved-flicker{0%,to{opacity:.35}50%{opacity:.9}}@keyframes blocked-pulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes spark-drift{0%{background-position:0 0,20px 10px,-10px 30px}to{background-position:40px -20px,-20px 40px,30px -10px}}@keyframes short-pulse{0%,to{background:#ffffff08}50%{background:#d05d5d1f}}@keyframes upgrade-ready{0%,to{box-shadow:0 0 6px #2fd3b626}50%{box-shadow:0 0 14px #2fd3b666}}@keyframes icon-spin{to{transform:rotate(360deg)}}@keyframes icon-smoke{0%{opacity:0;transform:translateY(2px)}30%{opacity:.85}to{opacity:0;transform:translateY(-5px)}}@keyframes icon-glow{0%,to{opacity:.2}50%{opacity:1}}@keyframes icon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes icon-bubble{0%{opacity:0;transform:translateY(2px) scale(.4)}40%{opacity:.9}to{opacity:0;transform:translateY(-4px) scale(1)}}@keyframes icon-press{0%,to{transform:translateY(0)}45%{transform:translateY(3px)}}@keyframes icon-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes icon-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes icon-bolt{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes icon-spark{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(.2)}}@keyframes icon-flow{to{stroke-dashoffset:-14}}.hint{color:var(--muted);font-size:12px;line-height:1.4}.upgrade-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.upgrade-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#080a0e9e;pointer-events:auto;cursor:pointer}.upgrade-modal__panel{position:relative;z-index:1;width:min(640px,calc(100% - 32px));padding:18px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 64px #0000008c;pointer-events:auto}.upgrade-modal__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.upgrade-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--accent)}.upgrade-modal__head h2{margin:0;font-size:16px}.upgrade-modal__head p{margin:4px 0 0;color:var(--muted);font-size:12px}.upgrade-modal__head .btn{margin-left:auto}.upgrade-modal__warn{margin:0 0 12px;color:var(--warn);font-size:12px}.upgrade-modal__io{margin:0 0 14px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--orange) 35%,var(--border));background:color-mix(in srgb,var(--orange) 8%,var(--bg-elevated))}.upgrade-modal__io-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.upgrade-modal__io-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.upgrade-modal__io-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}.upgrade-modal__io-line--input{color:var(--orange)}.upgrade-modal__io-line--output{color:var(--accent)}.upgrade-modal__io-line--cycle,.upgrade-modal__io-line--recipe{color:var(--muted)}.upgrade-modal__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upgrade-modal__card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;min-height:180px;transition:border-color .12s ease,transform .12s ease,background .12s ease}.upgrade-modal__card:hover{border-color:var(--accent);background:#2fd3b60f;transform:translateY(-2px)}.upgrade-modal__card:disabled{opacity:.45;cursor:not-allowed;transform:none}.upgrade-modal__card:disabled:hover{border-color:var(--border);background:var(--bg-elevated)}.upgrade-modal__card-title{font-size:15px}.upgrade-modal__card-desc{margin:0;color:var(--muted);font-size:12px;line-height:1.4;flex:1}.upgrade-modal__effects{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--accent)}.upgrade-modal__effect-row{display:inline-flex;align-items:center;gap:6px}.upgrade-modal__card-cta{margin-top:4px;font-size:11px;color:var(--text);opacity:.85}@media(max-width:640px){.upgrade-modal__cards{grid-template-columns:1fr}}.recipe-browser{position:absolute;z-index:36;top:12px;left:12px;bottom:96px;width:min(340px,calc(100% - 24px));display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000073;overflow:hidden}.recipe-browser__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:#060a1073}.recipe-browser__head{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--border-soft)}.recipe-browser__title-row{display:flex;align-items:center;gap:8px}.recipe-browser__title-row strong{flex:1;font-size:14px;letter-spacing:.02em}.recipe-browser__back,.recipe-browser__close{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:var(--muted)}.recipe-browser__back:hover,.recipe-browser__close:hover{color:var(--text);border-color:var(--accent-dim)}.recipe-browser__search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:12px}.recipe-browser__search:focus{outline:none;border-color:var(--accent-dim)}.recipe-browser__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.recipe-browser__tab{padding:6px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.recipe-browser__tab--active{color:var(--accent);border-color:var(--accent-dim);background:#2fd3b614}.recipe-browser__body{flex:1;overflow:auto;padding:10px 12px 14px}.recipe-browser__hint,.recipe-browser__empty{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.4}.recipe-browser__list{display:flex;flex-direction:column;gap:4px}.recipe-browser__row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left}.recipe-browser__row:hover{border-color:var(--border);background:#ffffff08}.recipe-browser__row--dim{opacity:.45}.recipe-browser__row--ready{opacity:1;border-color:color-mix(in srgb,var(--accent) 22%,var(--border-soft));background:color-mix(in srgb,var(--accent) 6%,transparent)}.recipe-browser__row--capped{opacity:.7}.recipe-browser__row-name{flex:1;font-size:12px}.recipe-browser__row-meta{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.recipe-browser__lock-inline{display:inline-flex;margin-left:8px;vertical-align:middle;color:var(--muted)}.recipe-browser__detail{display:flex;flex-direction:column;gap:14px}.recipe-browser__hero{display:flex;align-items:center;gap:12px}.recipe-browser__hero--dim{opacity:.7}.recipe-browser__hero-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--accent)}.recipe-browser__hero h3{margin:0;font-size:16px}.recipe-browser__hero p{margin:4px 0 0;color:var(--muted);font-size:11px}.recipe-browser__section{display:flex;flex-direction:column;gap:8px}.recipe-browser__section h4{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.recipe-browser__place-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid var(--accent-dim);background:#2fd3b61a;color:var(--accent);cursor:pointer;font-size:12px}.recipe-browser__place-main:hover:not(:disabled){background:#2fd3b62e}.recipe-browser__place-main--locked,.recipe-browser__place-main:disabled{border-color:var(--border);background:#0003;color:var(--muted);cursor:not-allowed;opacity:.75}.recipe-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--border-soft);background:#0000002e;opacity:.55;transition:opacity .12s ease,border-color .12s ease,background .12s ease}.recipe-card--ready{opacity:1;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.14))}.recipe-card--locked{opacity:.48}.recipe-card__flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.recipe-card__io{display:flex;flex-wrap:wrap;gap:4px}.recipe-card__chip,.recipe-card__building{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:10px}.recipe-card__chip:hover,.recipe-card__building:hover{border-color:var(--accent-dim)}.recipe-card__building--locked{opacity:.75;color:var(--muted)}.recipe-card__chip--hot{border-color:var(--accent);color:var(--accent);background:#2fd3b61a}.recipe-card__chip--dim{opacity:.45}.recipe-card__source{font-size:10px;color:var(--muted);padding:4px 6px}.recipe-card__arrow{color:var(--muted);font-size:12px}.recipe-card__meta{display:flex;align-items:center;gap:8px}.recipe-card__name{flex:1;display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--muted)}.recipe-card--ready .recipe-card__name{color:var(--text)}.recipe-card__badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 6px;flex-shrink:0}.recipe-card__badge--ready{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.recipe-card__time{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.recipe-card__place{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--accent-dim);background:#2fd3b61f;color:var(--accent);cursor:pointer;font-size:10px}.recipe-card__place:hover:not(:disabled){border-color:var(--accent);background:#2fd3b633}.recipe-card__place--locked,.recipe-card__place:disabled{border-color:var(--border);background:#0003;color:var(--muted);cursor:not-allowed}.board--recipes .react-flow__controls{left:min(360px,calc(100% - 48px))}.quest-tracker{position:absolute;top:56px;right:12px;z-index:20;width:min(260px,calc(100% - 24px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.quest-tracker__card,.quest-tracker__cta{pointer-events:auto}.quest-tracker__card{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000047}.quest-tracker__card--contract{border-color:color-mix(in srgb,#d4a24a 45%,var(--border))}.quest-tracker__card--contract.quest-tracker__card--button:hover{border-color:color-mix(in srgb,#d4a24a 70%,var(--border));background:color-mix(in srgb,#d4a24a 10%,var(--bg-elevated))}.quest-tracker__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.quest-tracker__title{margin:0;font-size:15px;font-weight:650}.quest-tracker__title--small{font-size:13px}.quest-tracker__heading{display:flex;align-items:center;gap:8px;margin-top:2px}.quest-tracker__item-icon{flex:0 0 auto;display:inline-flex;color:var(--accent)}.quest-tracker__card--contract .quest-tracker__item-icon{color:#f0c06a}.quest-tracker__heading .quest-tracker__title{margin:0}.quest-tracker__objective{margin:4px 0 10px;font-size:12px;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.quest-tracker__bar{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.quest-tracker__bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fd3b6,#5ee4c8);transition:width .25s ease}.quest-tracker__bar-fill--contract{background:linear-gradient(90deg,#d4a24a,#f0c06a)}.quest-tracker__bar-fill--research{background:linear-gradient(90deg,#6b8cff,#9bb0ff)}.quest-tracker__card--research{border-color:color-mix(in srgb,#6b8cff 40%,var(--border))}.quest-tracker__card--button{text-align:left;color:inherit;font:inherit;width:100%;cursor:pointer}.quest-tracker__card--button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.quest-tracker__card--button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.quest-tracker__card--research.quest-tracker__card--button:hover{border-color:color-mix(in srgb,#6b8cff 65%,var(--border));background:color-mix(in srgb,#6b8cff 10%,var(--bg-elevated))}.quest-tracker__queue{margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,#6b8cff 22%,var(--border))}.quest-tracker__queue-empty{font-size:11px;color:var(--muted)}.quest-tracker__queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.quest-tracker__queue-list li{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text)}.quest-tracker__queue-mark{flex:0 0 14px;font-family:var(--font-mono);font-size:10px;color:#9bb0ff}.quest-tracker__queue-more{color:var(--muted);padding-left:20px}.quest-tracker__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;font-family:var(--font-mono);color:var(--text)}.quest-tracker__meta-actions{display:flex;align-items:center;gap:6px}.quest-tracker__skip-btn{border:1px solid color-mix(in srgb,#e07050 45%,var(--border));background:color-mix(in srgb,#e07050 14%,var(--bg-elevated));color:#f0a090;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:600;font-family:var(--font-ui);cursor:pointer}.quest-tracker__skip-btn:hover{background:color-mix(in srgb,#e07050 24%,var(--bg-elevated));border-color:#e07050}.quest-tracker__reward{color:var(--muted);text-align:right;font-family:inherit;font-size:10px}.quest-tracker__reward-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));color:var(--accent);cursor:pointer;padding:0}.quest-tracker__reward-btn:hover{background:color-mix(in srgb,var(--accent) 22%,var(--bg-elevated));border-color:var(--accent)}.quest-tracker__cta{border:1px solid color-mix(in srgb,#d4a24a 50%,var(--border));background:color-mix(in srgb,#d4a24a 16%,var(--bg-elevated));color:#f0c06a;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600;cursor:pointer}.quest-tracker__cta:hover{background:color-mix(in srgb,#d4a24a 24%,var(--bg-elevated))}.milestone-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;pointer-events:auto}.milestone-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a109e}.milestone-modal--unlocked .milestone-modal__backdrop{animation:milestone-backdrop-in .45s ease both}.milestone-modal__panel{position:relative;width:min(420px,100%);max-height:calc(100% - 48px);overflow:auto;padding:22px 24px 24px;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 20px 50px #00000073}.milestone-modal--unlocked .milestone-modal__panel{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 20px 50px #00000073,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent),0 0 48px color-mix(in srgb,var(--accent) 22%,transparent);animation:milestone-panel-yay .7s cubic-bezier(.22,1.35,.36,1) both}.milestone-modal--unlocked .milestone-modal__eyebrow{color:var(--accent);animation:milestone-eyebrow-pop .55s cubic-bezier(.22,1.4,.36,1) .12s both}.milestone-modal--unlocked .milestone-modal__title{animation:milestone-title-in .5s ease .18s both}.milestone-modal--unlocked .milestone-modal__complete{animation:milestone-complete-in .45s ease .28s both}.milestone-modal--unlocked .milestone-modal__done{animation:milestone-done-in .4s ease calc(.55s + var(--milestone-reward-count, 1) * .32s) both}.milestone-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.milestone-modal__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.milestone-modal__title{margin:6px 0 0;font-size:22px}.milestone-modal__desc{margin:0 0 18px;font-size:14px;line-height:1.45;color:var(--muted)}.milestone-modal__section{margin-top:16px}.milestone-modal__section-title{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.milestone-modal__objective{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;font-weight:600}.milestone-modal__bar{height:8px;margin-top:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.milestone-modal__bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fd3b6,#5ee4c8)}.milestone-modal__progress{margin-top:8px;font-size:12px;font-family:var(--font-mono);color:var(--muted)}.milestone-modal__rewards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.milestone-modal__reward{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-node) 80%,transparent);font-size:14px}.milestone-modal__reward-icon{display:inline-flex;color:var(--accent)}.milestone-modal__complete{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:14px;font-weight:600}.milestone-modal__section--highlight{padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.milestone-modal__section--highlight .milestone-modal__section-title{color:var(--accent)}.milestone-modal__reward--new{--reward-index: 0;border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-node));transform-origin:center center;animation:milestone-reward-pop .42s cubic-bezier(.2,1.35,.35,1) both;animation-delay:calc(.42s + var(--reward-index) * .32s)}@keyframes milestone-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes milestone-panel-yay{0%{opacity:0;transform:scale(.84) translateY(22px)}58%{opacity:1;transform:scale(1.06) translateY(0)}78%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes milestone-eyebrow-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}60%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes milestone-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes milestone-complete-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes milestone-reward-pop{0%{opacity:0;transform:scale(.78);box-shadow:none}55%{opacity:1;transform:scale(1.12);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}to{opacity:1;transform:scale(1);box-shadow:none}}@keyframes milestone-done-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.milestone-modal__done{width:100%;margin-top:18px;justify-content:center}@media(prefers-reduced-motion:reduce){.milestone-modal--unlocked .milestone-modal__backdrop,.milestone-modal--unlocked .milestone-modal__panel,.milestone-modal--unlocked .milestone-modal__eyebrow,.milestone-modal--unlocked .milestone-modal__title,.milestone-modal--unlocked .milestone-modal__complete,.milestone-modal--unlocked .milestone-modal__done,.milestone-modal__reward--new{animation:none}}.contract-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px}.contract-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a109e}.contract-modal__panel{--contract-count: 1;--contract-card-width: 260px;--contract-card-gap: 14px;position:relative;width:max-content;max-width:100%;height:auto;max-height:calc(100% - 48px);display:flex;flex-direction:column;padding:22px 24px 24px;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 20px 50px #00000073;overflow:auto}.contract-modal__head{flex:0 0 auto;margin-bottom:18px}.contract-modal__head--offers,.contract-modal__panel--detail .contract-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.contract-modal__panel--detail{width:min(420px,100%)}.contract-modal__desc{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.45}.contract-modal__detail-icon{display:flex;justify-content:center;margin-bottom:12px}.contract-modal__bar{height:8px;margin-top:14px;border-radius:999px;background:#ffffff0f;overflow:hidden}.contract-modal__bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4a24a,#f0c06a)}.contract-modal__meta{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--font-mono);font-size:12px}.contract-modal__reward{color:#f0c06a}.contract-modal__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contract-modal__title{margin:6px 0 0;font-size:22px}.contract-modal__grid{flex:0 0 auto;display:grid;grid-template-columns:repeat(var(--contract-count),var(--contract-card-width));gap:var(--contract-card-gap)}.contract-modal__card{display:flex;flex-direction:column;gap:12px;width:var(--contract-card-width);min-height:240px;text-align:left;padding:22px 20px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-node) 80%,transparent);color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.contract-modal__card:hover{border-color:#d4a24a;background:color-mix(in srgb,#d4a24a 10%,var(--bg-node));transform:translateY(-2px)}.contract-modal__card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#f0c06a;background:color-mix(in srgb,#d4a24a 14%,transparent);border:1px solid color-mix(in srgb,#d4a24a 35%,var(--border))}.contract-modal__card-title{font-size:20px;line-height:1.2}.contract-modal__card-desc{margin:0;font-size:15px;line-height:1.45;color:var(--muted)}.contract-modal__card-goal{margin:0;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.item-label{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;color:var(--text)}.item-label__text{line-height:1.2}.hint--item{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.contract-modal__card-cta{margin-top:auto;padding-top:12px;font-size:16px;font-weight:650;color:#f0c06a}@media(max-width:720px){.recipe-browser{width:calc(100% - 24px);bottom:110px}.quest-tracker{top:auto;bottom:110px;right:12px}.contract-modal__panel{--contract-card-width: min(260px, calc(100vw - 72px) );max-height:calc(100% - 32px)}.contract-modal__grid{grid-template-columns:var(--contract-card-width)}.contract-modal__card{width:var(--contract-card-width)}}.research-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px}.research-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080eb8}.research-modal__panel{position:relative;z-index:1;width:min(1100px,calc(100vw - 32px));height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;border-radius:16px;border:1px solid color-mix(in srgb,#6b8cff 35%,var(--border));background:color-mix(in srgb,var(--bg-panel) 96%,#0b1020);box-shadow:0 24px 64px #0000008c;overflow:hidden}.research-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border)}.research-modal__eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9bb0ff}.research-modal__title{margin:4px 0 0;font-size:20px}.research-modal__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,300px) 1fr}.research-modal__sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:color-mix(in srgb,#6b8cff 5%,transparent)}.research-modal__queue,.research-modal__list{padding:12px 12px 10px}.research-modal__queue{border-bottom:1px solid var(--border)}.research-modal__queue h3,.research-modal__list h3{margin:0 0 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.research-modal__hint{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.research-modal__queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.research-modal__queue-item{display:flex;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--border-soft);background:var(--bg-elevated);overflow:hidden}.research-modal__queue-item--active{border-color:color-mix(in srgb,#6b8cff 50%,var(--border));background:color-mix(in srgb,#6b8cff 14%,var(--bg-elevated))}.research-modal__queue-select{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:7px 8px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.research-modal__queue-index{flex:0 0 16px;font-family:var(--font-mono);font-size:10px;color:#9bb0ff}.research-modal__queue-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-modal__queue-units{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.research-modal__queue-actions{display:flex;gap:1px;padding-right:4px}.research-modal__queue-actions .btn{padding:2px 5px;font-size:10px}.research-modal__active-bar{height:6px;margin-top:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.research-modal__active-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6b8cff,#9bb0ff)}.research-modal__list{flex:1;min-height:0;display:flex;flex-direction:column}.research-modal__list-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px}.research-modal__tech{display:flex;width:100%;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.research-modal__tech:hover{background:#ffffff0a}.research-modal__tech--selected{border-color:color-mix(in srgb,#6b8cff 40%,var(--border));background:color-mix(in srgb,#6b8cff 12%,transparent)}.research-modal__tech--done{opacity:.55}.research-modal__tech--locked{opacity:.45}.research-modal__tech-meta{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.research-modal__main{min-width:0;min-height:0;display:flex;flex-direction:column}.research-modal__tree-wrap{flex:1;min-height:0;overflow:auto;padding:20px;background:radial-gradient(circle at 20% 20%,rgba(107,140,255,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(107,140,255,.05),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.research-modal__tree{position:relative;margin:0 auto}.research-modal__edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.research-modal__edge{stroke:color-mix(in srgb,#6b8cff 35%,var(--border));stroke-width:2}.research-modal__edge--done{stroke:#6b8cff}.research-modal__node{position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 94%,#101828);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 20px #00000040}.research-modal__node:hover{border-color:color-mix(in srgb,#6b8cff 45%,var(--border))}.research-modal__node--selected{border-color:#6b8cff;box-shadow:0 0 0 1px color-mix(in srgb,#6b8cff 50%,transparent),0 10px 24px #0000004d}.research-modal__node--done{opacity:.7;border-color:color-mix(in srgb,#6b8cff 55%,var(--border))}.research-modal__node--active{border-color:#9bb0ff;background:color-mix(in srgb,#6b8cff 16%,var(--bg-elevated))}.research-modal__node--queued{border-color:color-mix(in srgb,#6b8cff 40%,var(--border))}.research-modal__node--locked{opacity:.5}.research-modal__node-name{font-size:12px;font-weight:650;line-height:1.2}.research-modal__node-packs{display:flex;flex-wrap:wrap;gap:4px}.research-modal__node-pack{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.research-modal__node-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#9bb0ff}.research-modal__detail{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 90%,transparent)}.research-modal__detail-copy{min-width:0;flex:1}.research-modal__detail h3{margin:0 0 4px;font-size:16px}.research-modal__detail p{margin:0 0 8px;font-size:12px;color:var(--muted);line-height:1.4}.research-modal__cost{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.research-modal__packs{display:flex;flex-wrap:wrap;gap:6px}.research-modal__pack{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid var(--border);background:var(--bg-panel);font-size:10px;color:var(--text)}.research-modal__pack em{font-style:normal;color:var(--muted)}.research-modal__prereq{margin:8px 0 0!important}.research-modal__actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.research-modal__done-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;border:1px solid color-mix(in srgb,#6b8cff 40%,var(--border));background:color-mix(in srgb,#6b8cff 12%,transparent);color:#9bb0ff;font-size:12px;font-weight:600}@media(max-width:860px){.research-modal__body{grid-template-columns:1fr}.research-modal__sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:42%}.research-modal__panel{height:min(860px,calc(100vh - 24px))}}