:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.app{min-height:100vh;background:#1a1a2e;color:#eee;font-family:system-ui,-apple-system,sans-serif}.app-header{background:#16213e;padding:1.5rem 2rem;border-bottom:2px solid #0f3460;display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;color:#e94560;font-size:2rem}.phase-indicator{background:#0f3460;padding:.5rem 1rem;border-radius:8px;font-weight:700;color:#00d4ff}.app-content{max-width:1400px;margin:0 auto;padding:1rem}.tab-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #0f3460;padding-bottom:.5rem}.tab-nav button{background:#16213e;color:#eee;border:none;padding:.75rem 1.5rem;cursor:pointer;border-radius:8px 8px 0 0;font-size:1rem;transition:all .3s}.tab-nav button:hover{background:#0f3460}.tab-nav button.active{background:#e94560;color:#fff;font-weight:700}.resource-display{background:#16213e;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid #0f3460}.resource-display h2{margin-top:0;color:#00d4ff}.resource-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0f3460;border-radius:8px}.resource-name{font-weight:700;color:#00d4ff}.resource-amount{font-size:1.25rem;font-weight:700;color:#e94560}.resource-rate{color:#4ecca3;font-size:.9rem}.generator-panel{background:#16213e;padding:1.5rem;border-radius:12px;border:2px solid #0f3460}.generator-panel h2{margin-top:0;color:#00d4ff}.generator-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.generator-item{background:#0f3460;padding:1rem;border-radius:8px;border:2px solid #16213e;transition:all .3s}.generator-item:hover{border-color:#00d4ff}.generator-item.unaffordable{opacity:.5}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.generator-header h3{margin:0;color:#e94560;font-size:1.1rem}.generator-count{background:#16213e;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;color:#00d4ff}.generator-info{margin-bottom:.75rem;font-size:.9rem}.generator-production{color:#4ecca3;margin-bottom:.25rem}.generator-total{color:#00d4ff;font-weight:700}.generator-cost{color:#aaa;font-size:.85rem;margin-bottom:.75rem}.purchase-button{width:100%;padding:.75rem;background:#e94560;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .3s}.purchase-button:hover:not(:disabled){background:#ff5277;transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.purchase-button:disabled{background:#333;cursor:not-allowed;opacity:.5}.statistics-panel{background:#16213e;padding:1.5rem;border-radius:12px;border:2px solid #0f3460}.statistics-panel h2{margin-top:0;color:#00d4ff}.statistics-panel h3{color:#e94560;border-bottom:2px solid #0f3460;padding-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#0f3460;padding:1rem;border-radius:8px;border:2px solid #16213e}.stat-card h4{margin:0 0 .75rem;color:#00d4ff}.stat-value{display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-value .label{color:#aaa}.stat-value .value{font-weight:700;color:#4ecca3}.stat-value .value.positive{color:#4ecca3}.stat-value .value.negative{color:#e94560}.charts-container{display:flex;flex-direction:column;gap:2rem}.chart-section{background:#0f3460;padding:1.5rem;border-radius:8px}.chart-section h3{margin-top:0;color:#00d4ff}.chart-section h4{color:#e94560;margin-bottom:.5rem;font-size:1rem}.chart{margin-bottom:2rem}.milestone-panel{background:#16213e;padding:1.5rem;border-radius:12px;border:2px solid #0f3460}.milestone-panel h2{margin-top:0;color:#00d4ff}.milestone-panel h3{color:#e94560;border-bottom:2px solid #0f3460;padding-bottom:.5rem}.milestones-section{margin-bottom:2rem}.milestone-list{display:flex;flex-direction:column;gap:.75rem}.milestone-item{background:#0f3460;padding:1rem;border-radius:8px;border:2px solid #16213e}.milestone-item.achieved{border-color:#4ecca3}.milestone-item.locked{opacity:.6}.milestone-name{font-weight:700;color:#00d4ff;display:block;margin-bottom:.25rem}.milestone-unlocks{color:#4ecca3;font-size:.9rem}.game-controls{background:#16213e;padding:1.5rem;border-radius:12px;border:2px solid #0f3460}.game-controls h2{margin-top:0;color:#00d4ff}.control-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.control-buttons button{padding:.75rem 1.5rem;background:#0f3460;color:#fff;border:2px solid #00d4ff;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .3s}.control-buttons button:hover:not(:disabled){background:#00d4ff;color:#1a1a2e;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.control-buttons button.danger{border-color:#e94560}.control-buttons button.danger:hover{background:#e94560;color:#fff}.control-buttons button:disabled{opacity:.5;cursor:not-allowed}.control-info{background:#0f3460;padding:1rem;border-radius:8px;color:#aaa}.control-info p{margin:.5rem 0}.game-tab,.game-main{display:flex;flex-direction:column;gap:1.5rem}.clicker-section{text-align:center;padding:2rem;background:#16213e;border-radius:12px;border:2px solid #0f3460}.click-button{padding:2rem 4rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#e94560,#d63447);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #e945604d}.click-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456080}.click-button:active{transform:translateY(0)}.click-hint{margin-top:1rem;color:#aaa;font-size:.9rem}.plant-section{padding:1.5rem;background:#16213e;border-radius:12px;border:2px solid #0f3460}.plant-section h3{margin-top:0;color:#00d4ff}.plant-unlock-message{color:#aaa;margin:1rem 0;font-size:.95rem}.plant-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.build-plant-button{padding:1rem 2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#0097b2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.build-plant-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.plant-status{display:flex;align-items:center;gap:1rem}.plant-built{color:#4ecca3;font-weight:700}.edit-plant-button{padding:.5rem 1rem;background:#0f3460;color:#00d4ff;border:1px solid #00d4ff;border-radius:6px;cursor:pointer;transition:all .2s}.edit-plant-button:hover{background:#00d4ff;color:#1a1a2e}.plant-editor-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.plant-editor-content{background:#16213e;padding:2rem;border-radius:12px;border:2px solid #0f3460;max-width:90vw;max-height:90vh;overflow:auto}.plant-editor-content h2{margin-top:0;color:#e94560}.editor-main{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin:1.5rem 0}.node-palette{display:flex;flex-direction:column;gap:.5rem}.node-palette h3{margin-top:0;color:#00d4ff}.node-button{padding:1rem;background:#0f3460;color:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.node-button:hover{border-color:#00d4ff}.node-button.active{background:#00d4ff;color:#1a1a2e;border-color:#00d4ff}.node-desc{font-size:.85rem;color:#aaa;margin-top:.25rem}.node-button.active .node-desc{color:#16213e}.node-stat{font-size:.8rem;color:#4ecca3;margin-top:.25rem;font-weight:700}.canvas-area{display:flex;flex-direction:column;align-items:center}.canvas-hint{margin-top:1rem;color:#aaa;font-size:.9rem}.editor-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.cancel-button{padding:.75rem 1.5rem;background:#0f3460;color:#fff;border:1px solid #888;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#888;color:#1a1a2e}.save-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4ecca3,#3ba882);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4ecca366}.save-button:disabled{opacity:.5;cursor:not-allowed}.plant-simulation{margin-top:1rem}.plant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plant-header h3{margin:0;color:#00d4ff}.plant-status-indicator{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:700}.plant-status-indicator.idle{background:#0f3460;color:#888}.plant-status-indicator.running{background:#4ecca333;color:#4ecca3;border:1px solid #4ecca3}.plant-status-indicator.bottleneck{background:#e9456033;color:#e94560;border:1px solid #e94560;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.plant-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.plant-stats .stat{background:#0f3460;padding:.75rem;border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.plant-stats .stat-label{color:#aaa;font-size:.85rem}.plant-stats .stat-value{color:#00d4ff;font-size:1.1rem;font-weight:700}.plant-warning{padding:1rem;background:#e945601a;border:1px solid #e94560;border-radius:6px;color:#e94560;text-align:center}.activation-function-editor{background:#16213e;padding:1.5rem;border-radius:12px;border:2px solid #0f3460;margin-bottom:1.5rem}.activation-function-editor h3{margin-top:0;color:#00d4ff}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.canvas-container{display:flex;flex-direction:column;align-items:center}.canvas-container .hint{margin-top:.5rem;color:#aaa;font-size:.9rem}.stats-panel{background:#0f3460;padding:1.5rem;border-radius:8px}.stats-panel h4{margin-top:0;color:#e94560;margin-bottom:1rem}.stat-row{display:grid;grid-template-columns:120px 80px 1fr;gap:.5rem;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #16213e}.stat-label{color:#aaa;font-size:.9rem}.stat-value{font-weight:700;font-size:1.1rem;color:#00d4ff}.stat-value.good{color:#4ecca3}.stat-value.bad{color:#e94560}.stat-desc{color:#888;font-size:.8rem;font-style:italic}.presets{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #16213e}.presets h5{margin-top:0;margin-bottom:.75rem;color:#00d4ff}.presets button{margin-right:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;background:#16213e;color:#00d4ff;border:1px solid #00d4ff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.presets button:hover{background:#00d4ff;color:#1a1a2e}@media(max-width:768px){.generator-list,.stats-grid{grid-template-columns:1fr}.control-buttons{flex-direction:column}.control-buttons button{width:100%}.editor-layout{grid-template-columns:1fr}}