:root{--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--bg-tertiary: #2d3355;--text-primary: #e0e6ff;--text-secondary: #a8b0d8;--text-muted: #6b7590;--accent-cyan: #00d4ff;--accent-green: #00ff41;--accent-red: #ff0055;--accent-orange: #ffaa00;--border-color: #3a4560;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--transition-fast: .15s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5}.terminal-dark{display:flex;flex-direction:column;width:100vw;height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-cyan);overflow:hidden;box-shadow:inset 0 0 40px #00d4ff1a}.system-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--accent-cyan);background-color:#00d4ff0d}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:var(--accent-green);animation:pulse-glow 1.5s infinite}.status-indicator.online{box-shadow:0 0 10px var(--accent-green)}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px var(--accent-green)}50%{opacity:.6;box-shadow:0 0 5px var(--accent-green)}}.system-title{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:700;color:var(--accent-cyan);letter-spacing:2px;flex:1}.status-text{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-green);letter-spacing:1px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background-color:#0000004d;border-bottom:1px solid var(--border-color)}.metric-card{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;transition:all var(--transition-normal)}.metric-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00d4ff33}.metric-card.consciousness{border-left:4px solid var(--accent-cyan)}.metric-card.energy{border-left:4px solid var(--accent-green)}.metric-card.fto{border-left:4px solid var(--accent-orange)}.label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.value-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.value{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.unit{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.control-panel{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:#0003}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--accent-cyan);background-color:transparent;color:var(--accent-cyan);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.btn:hover{background-color:#00d4ff1a;box-shadow:0 0 10px #00d4ff80}.btn:active{transform:scale(.98);box-shadow:inset 0 0 10px #00d4ff4d}.btn-label{font-weight:700;letter-spacing:1px}.btn-subtext{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.btn-primary{border-color:var(--accent-cyan);color:var(--accent-cyan)}.infrastructure-section{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:#0003}.section-header{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--spacing-md)}.upgrade-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-left:4px solid var(--accent-green);transition:all var(--transition-normal)}.upgrade-card:hover{border-color:var(--accent-green);box-shadow:0 0 12px #00ff4126}.upgrade-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.upgrade-name{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700}.upgrade-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.upgrade-reward{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:6px 8px;background:#00ffaa0f;border:1px solid rgba(0,255,170,.22);border-radius:4px;font-family:var(--font-mono)}.reward-label{color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase}.reward-value{color:var(--accent-green);font-size:var(--font-size-xs);font-weight:700}.upgrade-status{min-height:18px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.upgrade-status.status-halted{color:var(--accent-red)}.portfolio-signal{margin:var(--spacing-md) var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border:1px solid rgba(0,255,170,.35);background:#00ffaa0f;display:flex;flex-direction:column;gap:var(--spacing-xs)}.portfolio-signal.hidden{display:none}.portfolio-header{font-family:var(--font-mono);color:var(--accent-green);font-size:var(--font-size-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase}.portfolio-copy{font-family:var(--font-mono);color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.5}.purchase-btn{width:100%;padding:var(--spacing-sm);border:1px solid var(--accent-green);background-color:#00ff4114;color:var(--accent-green);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}.purchase-btn:hover:not(:disabled){background-color:#00ff412e;box-shadow:0 0 10px #00ff4133}.purchase-btn:disabled{cursor:not-allowed;opacity:.45}.purchase-btn.btn-halted{border-color:var(--accent-red);color:var(--accent-red);background-color:#ff005514}.alarm-banner{padding:var(--spacing-md) var(--spacing-lg);background-color:#ff00550d;border:2px solid var(--accent-red);border-bottom:2px solid var(--accent-red);transition:all var(--transition-normal)}.alarm-banner.hidden{display:none}.alarm-banner.tripped-pulse{animation:alarm-pulse .8s infinite}@keyframes alarm-pulse{0%,to{background-color:#ff00550d;border-color:var(--accent-red)}50%{background-color:#ff005526;border-color:var(--accent-orange)}}.alarm-header{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-red);font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.alarm-icon{font-size:1.5rem}.alarm-body{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.4}.progress-bar-container{position:relative;width:100%;height:20px;background-color:#00000080;border:1px solid var(--accent-red);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-red),var(--accent-orange));width:0%;transition:width .2s linear;box-shadow:0 0 10px var(--accent-red)}.progress-label{position:absolute;top:2px;right:4px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);z-index:1;text-transform:uppercase}.console-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;border-top:1px solid var(--border-color);background-color:#00000080}.console-header{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.console-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-green);letter-spacing:1px;text-transform:uppercase}.log-stream{flex:1;overflow-y:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--spacing-md) var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--accent-cyan) transparent}.log-stream::-webkit-scrollbar{width:8px}.log-stream::-webkit-scrollbar-track{background:transparent}.log-stream::-webkit-scrollbar-thumb{background-color:var(--accent-cyan);border-radius:4px}.log-entry{margin-bottom:var(--spacing-sm);line-height:1.4;word-break:break-word}.log-entry.system{color:var(--text-secondary)}.log-entry.error{color:var(--accent-red);animation:error-flash .2s}@keyframes error-flash{0%{text-shadow:0 0 5px var(--accent-red)}to{text-shadow:none}}.log-entry.success{color:var(--accent-green)}.log-entry.info{color:var(--accent-cyan)}.log-entry.reward{color:#a9ffe0;background:#00ffaa0f;border-left:2px solid rgba(0,255,170,.7);padding:.2rem .45rem .2rem .5rem;border-radius:3px;box-shadow:inset 0 0 12px #00ffaa14}.timestamp{color:var(--text-muted);margin-right:var(--spacing-sm)}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.system-title{font-size:var(--font-size-base)}.value{font-size:1.25rem}.console-wrapper{flex:.5}}
