:root{--bg: #f4f6f9;--surface: #ffffff;--panel: #fafbfd;--border: #e1e5ed;--accent: #0066ff;--accent-dark: #0047cc;--accent-glow: rgba(0, 102, 255, .12);--text-primary: #0a0e1a;--text-muted: #6b7280;--success: #00b341;--warning: #f59e0b;--danger: #ef4444;--rack-empty: #edf0f5;--mono: "DM Mono", monospace;--sans: "DM Sans", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background-color:var(--bg);background-image:linear-gradient(rgba(0,102,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.03) 1px,transparent 1px);background-size:24px 24px;color:var(--text-primary);font-family:var(--sans)}button,input{font:inherit}.app{width:100%;height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.nav{flex:0 0 74px;border-bottom:2px solid var(--accent);background:var(--surface);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:8px 20px;min-width:0}.brand{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-family:var(--mono);font-weight:300;letter-spacing:-.02em;white-space:nowrap}.brand:before{content:"";width:8px;height:8px;background:var(--accent)}.tabs{display:flex;align-items:center;gap:8px;justify-self:end;min-width:0;flex-wrap:wrap}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:4px;height:30px;padding:0 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.tab:hover{border-color:var(--accent);color:var(--accent-dark)}.tab.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-glow)}.incident-banner{border-left:3px solid var(--danger);border-bottom:2px solid var(--danger);background:#fff8f8;min-height:42px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px}.resolve-button{border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--danger);border-radius:4px;height:26px;padding:0 10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.resolve-button:disabled{opacity:.55;cursor:not-allowed}.layout{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:clamp(260px,21vw,330px) minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:12px;display:grid;grid-template-rows:repeat(6,min-content) 1fr;gap:8px;min-height:0}.stat{position:relative;border:1px solid var(--border);background:var(--surface);padding:8px 10px;display:grid;gap:4px}.stat-corner{position:absolute;top:8px;right:10px;font-family:var(--mono);font-size:9px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.stat span{font-family:var(--mono);font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.stat-label{display:inline-flex;align-items:center;gap:6px}.stat strong{font-family:var(--mono);font-size:18px;font-weight:300;letter-spacing:-.02em}.sidebar-actions{align-self:end;display:grid;gap:8px}.ghost,.danger{height:30px;border-radius:4px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ghost{border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.ghost:hover{border-color:var(--accent);color:var(--accent-dark)}.danger{border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--danger)}.hidden-input{display:none}.content{min-height:0;overflow:hidden;padding:12px;display:flex}.panel{flex:1;height:100%;border:1px solid var(--border);background:var(--surface);display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:10px;padding:12px;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.panel-head h2{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:500;white-space:nowrap}.panel-head-meta{font-family:var(--mono);font-size:10px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;text-align:right;white-space:nowrap}.buy-modes{display:grid;grid-template-columns:repeat(3,56px);gap:6px}.mode,.buy-rack,.generator-card button,.action-row button,.region-card>button{border:none;border-radius:3px;background:var(--accent);color:#fff;height:26px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,transform 60ms ease}.mode:not(.active){border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.mode{text-transform:none}.mode:hover,.buy-rack:hover,.generator-card button:hover:not(:disabled),.action-row button:hover:not(:disabled),.region-card>button:hover:not(:disabled){background:#0052cc;transform:translateY(-1px)}.mode:active,.buy-rack:active,.generator-card button:active:not(:disabled),.action-row button:active:not(:disabled),.region-card>button:active:not(:disabled){background:#003d99;transform:translateY(0)}.generator-card button:disabled,.action-row button:disabled,.region-card>button:disabled,.buy-rack:disabled{background:var(--rack-empty);color:#9ca3af;cursor:not-allowed;transform:none}.capacity{border:1px solid var(--border);background:var(--panel);padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;gap:12px}.rack-grid{border:1px solid #1e2a45;background:radial-gradient(ellipse at 50% 30%,#0d1530,#0a0e1a 70%);padding:10px;display:grid;gap:10px;min-height:108px;overflow:auto}.rack-block{border:1px solid rgba(255,255,255,.08);padding:6px;display:grid;gap:6px;background:#0000002e}.rack-row{display:grid;grid-template-columns:repeat(4,minmax(94px,1fr));gap:6px}.rack-unit{height:18px;display:flex;align-items:center;gap:6px;padding:0 6px;background:#edf0f5;border-bottom:1px solid #1e2a45;position:relative}.rack-unit.filled{background:#1a2035;border-left:3px solid #0066ff}.rack-unit.incident{background:#1a0505;border-left:3px solid #ef4444}.rack-led{width:6px;height:6px;border-radius:50%;background:#6b7280;flex-shrink:0}.rack-unit.filled .rack-led{background:#00b341;box-shadow:0 0 4px #00b341,0 0 8px #00b34166}.rack-unit.incident .rack-led{background:#ef4444;box-shadow:0 0 4px #ef4444,0 0 8px #ef444466}.rack-activity{display:flex;gap:2px;align-items:center;flex:1}.rack-drive{width:8px;height:4px;background:#06f;opacity:.6;animation:driveFlicker .4s steps(1) infinite;animation-delay:var(--delay, 0ms)}.rack-label{font-family:DM Mono,monospace;font-size:8px;color:#4b6a9b;letter-spacing:.06em;flex-shrink:0}.generators{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:min-content;align-content:start;align-items:start;gap:8px;padding-right:2px}.generator-card{border:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:120px;padding:8px;gap:6px}.row-a,.row-b{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--mono)}.row-a{font-size:13px;color:var(--text-primary)}.row-b{font-size:11px;color:var(--text-muted)}.lock-hint{font-family:var(--mono);font-size:10px;color:var(--warning)}.generator-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:auto}.generator-card button{width:100%}.sell-button{min-width:56px;background:#edf0f5;color:#6b7280;border:1px solid #e1e5ed}.sell-button:hover:not(:disabled){background:#e1e5ed;color:#6b7280;transform:none}.info-dot{width:15px;height:15px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);font-family:var(--mono);font-size:9px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:default}.info-dot.inline{margin-left:6px}.info-dot:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ipo-progress{border:1px solid var(--border);background:var(--panel);padding:8px 10px;display:grid;gap:6px;font-family:var(--mono);font-size:11px;color:var(--text-muted)}.bar{height:5px;background:#e8ecf2;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#06f 40%,#3385ff,#06f 60%);background-size:200% 100%;animation:shimmer 2s linear infinite}.action-row{display:grid;grid-template-columns:1fr auto;gap:8px}.provision{height:42px;font-size:13px;box-shadow:inset 0 1px #ffffff26}.skill-tree{grid-template-rows:auto 1fr auto}.tree-svg{width:100%;height:100%;min-height:480px;background:#0a0f1e;border:1px solid #1e2a45}.link{stroke:#4b5563;stroke-width:.5}.link.active{stroke:#3b82f6;filter:drop-shadow(0 0 2px #3b82f6)}.node{cursor:default}.node circle{fill:#1a2035;stroke:#4b5563;stroke-width:.28;transition:stroke .12s ease,fill .12s ease}.node text{font-size:1.5px;text-anchor:middle;opacity:.45}.node.unlocked circle{stroke:#3b82f6;filter:drop-shadow(0 0 3px #3b82f6)}.node.unlocked text{opacity:.95}.node.purchasable{cursor:pointer}.node.purchasable circle{stroke:#9ab8ff}.node.terminal circle{stroke:#f59e0b}.regions-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:8px}.region-card{border:1px solid var(--border);background:var(--panel);padding:8px;display:grid;gap:7px;align-content:start}.region-card.active{border-color:#06f6;background:var(--accent-glow)}.globe-panel{grid-template-rows:auto 1fr auto auto}.globe-canvas{position:relative;border:1px solid #1e2a45;background:#060b16;min-height:460px}.globe-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.globe-label{position:absolute;pointer-events:none;font-family:DM Mono,monospace;font-size:9px;color:#0f8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 6px rgba(0,255,136,.6)}.float-cu{position:fixed;pointer-events:none;z-index:9999;font-family:DM Mono,monospace;font-size:13px;font-weight:600;color:#06f;animation:floatUp .9s ease-out forwards}.skill-tooltip{position:fixed;z-index:9998;background:#0a0e1a;border:1px solid #1e2a45;border-radius:4px;padding:10px 12px;min-width:200px;max-width:260px;pointer-events:none;font-family:DM Mono,monospace}.ui-tooltip{position:fixed;z-index:9998;background:#0a0e1a;border:1px solid #1e2a45;border-radius:4px;padding:10px 12px;min-width:200px;max-width:360px;pointer-events:none;font-family:DM Mono,monospace}.ui-tooltip .tt-name{font-size:11px;font-weight:600;color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.ui-tooltip .tt-divider{height:1px;background:#1e2a45;margin:6px 0}.ui-tooltip .tt-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6b7280;margin-bottom:3px}.ui-tooltip .tt-row span:last-child{color:#e5e7eb;text-align:right}.ui-tooltip .tt-flavour{font-size:10px;color:#4b6a9b;font-style:italic;margin-top:6px}.prestige-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0a0e1adb;display:flex;align-items:center;justify-content:center;padding:24px}.prestige-overlay-panel{width:min(640px,92vw);border:1px solid #1e2a45;background:#0a0e1a;padding:26px 28px;display:grid;gap:16px}.prestige-company{font-family:var(--mono);font-size:28px;font-weight:300;color:#fff;letter-spacing:-.02em}.prestige-decision{font-family:var(--mono);font-size:14px;color:#e5e7eb}.prestige-summary{border-top:1px solid #1e2a45;padding-top:12px;display:grid;gap:8px}.prestige-summary-row{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11px;color:#6b7280}.prestige-summary-row strong{color:#fff;font-weight:500}.prestige-close{margin-top:10px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);height:30px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.prestige-close:hover{border-color:var(--accent);color:var(--accent-dark)}.skill-tooltip .tt-name{font-size:11px;font-weight:600;color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.skill-tooltip .tt-divider{height:1px;background:#1e2a45;margin:6px 0}.skill-tooltip .tt-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6b7280;margin-bottom:3px}.skill-tooltip .tt-row span:last-child{color:#e5e7eb;text-align:right}.skill-tooltip .tt-flavour{font-size:10px;color:#4b6a9b;font-style:italic;margin-top:6px}.skill-tooltip .tt-cost{font-size:11px;color:#06f;margin-top:6px}.globe-legend,.globe-list{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.globe-list{display:flex;flex-wrap:wrap;gap:12px}.generators::-webkit-scrollbar,.regions-grid::-webkit-scrollbar,.rack-grid::-webkit-scrollbar{width:4px;height:4px}.generators::-webkit-scrollbar-track,.regions-grid::-webkit-scrollbar-track,.rack-grid::-webkit-scrollbar-track{background:transparent}.generators::-webkit-scrollbar-thumb,.regions-grid::-webkit-scrollbar-thumb,.rack-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.generators::-webkit-scrollbar-thumb:hover,.regions-grid::-webkit-scrollbar-thumb:hover,.rack-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes driveFlicker{0%{opacity:.2}25%{opacity:1}50%{opacity:.4}75%{opacity:.9}to{opacity:.2}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-48px);opacity:0}}@media (max-width: 1400px){.layout{grid-template-columns:clamp(240px,25vw,300px) minmax(0,1fr)}.tabs{gap:6px}.tab{padding:0 10px;height:28px}}