*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.4}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#16213e;border-bottom:1px solid #0f3460}.header-title{display:flex;align-items:baseline;gap:16px}.header-title h1{font-size:16px;font-weight:700;color:#e94560;letter-spacing:2px}.header-info{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#88a}.header-actions{display:flex;gap:8px}.header-menu-mobile{display:none}.main-layout{display:grid;grid-template-columns:240px 1fr;flex:1;min-height:0;overflow:hidden}.sidebar{padding:12px;background:#16213e;border-right:1px solid #0f3460;overflow-y:auto}.content{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.tabs-mobile{display:none}.tabs{display:flex;gap:0;background:#16213e;border-bottom:1px solid #0f3460}.tab{padding:8px 16px;background:transparent;border:none;color:#88a;cursor:pointer;font-size:13px;border-bottom:2px solid transparent}.tab:hover{color:#e0e0e0}.tab.active{color:#e94560;border-bottom-color:#e94560}.tab-content{padding:16px;flex:1;overflow-y:auto}.resource-panel h3,.click-area h3,.event-log h3{font-size:12px;text-transform:uppercase;color:#88a;margin-bottom:8px;letter-spacing:1px}.resource-row{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;font-family:SF Mono,Consolas,monospace;font-size:12px}.resource-name{flex:1;color:#ccd}.resource-values{text-align:right;margin-right:8px}.resource-current{color:#e0e0e0}.resource-capacity{color:#668}.rate-positive{color:#4ecca3}.rate-negative{color:#e94560}.click-area{margin-top:16px;padding-top:12px;border-top:1px solid #0f3460}.gather-btn{display:block;width:100%;padding:6px 8px;margin-bottom:4px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:12px}.gather-btn:hover{background:#1a4a80}.gather-btn:active{background:#2a5a90}.building-list h3,.research-panel h3,.subroutine-panel h3{font-size:14px;margin-bottom:12px;color:#e94560}.building-row{padding:6px 0;border-bottom:1px solid #1a1a2e}.building-row-top{display:flex;align-items:center;gap:12px}.building-info{flex:1}.building-name{font-weight:600}.building-owned{color:#88a;margin-left:4px;font-family:SF Mono,Consolas,monospace;font-size:12px}.building-desc{font-size:11px;color:#88a;line-height:1.3}.building-cost{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#88a;display:flex;gap:8px}.build-btn,.research-btn{padding:4px 12px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:12px}.build-btn:hover:not(:disabled),.research-btn:hover:not(:disabled){background:#1a4a80}.build-btn:disabled,.research-btn:disabled{opacity:.4;cursor:not-allowed}.active-research{background:#16213e;padding:12px;margin-bottom:16px;border:1px solid #0f3460}.research-active-label{margin-bottom:4px;font-weight:600}.active-research progress{width:100%;height:8px;margin:4px 0}.research-progress-text{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#88a}.research-row{padding:8px 0;border-bottom:1px solid #1a1a2e}.research-info{display:flex;gap:8px;align-items:baseline}.research-name{font-weight:600}.research-cost{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#88a}.research-desc{font-size:12px;color:#88a;margin:4px 0}.research-effects{display:flex;flex-wrap:wrap;gap:4px 8px;margin:4px 0}.research-effect{font-size:11px;color:#4ecca3;font-family:SF Mono,Consolas,monospace}.research-done .research-effects{display:inline;margin-left:8px}.research-done .research-effect{font-size:11px;color:#3aa882}.research-completed{margin-top:16px}.research-done{font-size:12px;color:#4ecca3;padding:2px 0}h4{font-size:12px;color:#88a;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.pp-summary{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#88a;margin-bottom:12px}.pp-hint{font-size:12px;color:#e94560;font-style:italic;margin-bottom:12px}.subroutine-row{padding:8px 0;border-bottom:1px solid #1a1a2e}.subroutine-header{display:flex;justify-content:space-between}.subroutine-name{font-weight:600}.subroutine-bonus{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#4ecca3}.subroutine-desc{font-size:12px;color:#88a;margin:4px 0}.subroutine-slider{display:flex;align-items:center;gap:8px;margin:4px 0}.subroutine-slider input[type=range]{flex:1}.subroutine-slider span,.subroutine-effective{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#88a}.interference-warning{font-size:11px;color:#e94560;margin-top:2px}.event-log{padding:8px 16px;border-top:1px solid #0f3460;background:#16213e;max-height:160px;overflow-y:auto;flex-shrink:0}.event-log h3{position:sticky;top:-8px;background:#16213e;padding:4px 0;z-index:1}.event-entry{padding:3px 0;border-bottom:1px solid #1a1a2e;font-size:12px;line-height:1.3}.event-tick{font-family:SF Mono,Consolas,monospace;font-size:10px;color:#88a;margin-right:6px}.event-empty{color:#668;font-style:italic;font-size:12px}button{font-family:inherit}.header-actions button{padding:4px 12px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:12px}.header-actions button:hover{background:#1a4a80}.help-wrapper{position:relative}.help-btn{width:28px;height:28px;padding:0;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.help-modal{position:absolute;top:100%;right:0;margin-top:6px;padding:8px 12px;background:#16213e;border:1px solid #1a4a80;white-space:nowrap;z-index:100}.help-version{display:block;color:#89a;font-size:11px;margin-bottom:6px}.help-modal a{color:#4ecca3;text-decoration:none;font-size:12px}.help-modal a:hover{text-decoration:underline}.colony-selector{display:flex;gap:4px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #0f3460;flex-wrap:wrap}.colony-tab{display:flex;flex-direction:column;padding:4px 8px;background:#0f3460;border:1px solid #1a4a80;color:#88a;cursor:pointer;font-size:11px;flex:1;min-width:60px}.colony-tab:hover{background:#1a4a80;color:#e0e0e0}.colony-tab.active{background:#1a4a80;border-color:#e94560;color:#e0e0e0}.colony-tab-name{font-weight:600;font-size:12px}.colony-tab-location{font-size:10px;color:#88a}.colony-tab.active .colony-tab-location{color:#aac}.establish-panel h3{font-size:14px;margin-bottom:12px;color:#e94560}.establish-locked{color:#88a;font-style:italic;font-size:13px}.establish-existing{margin-bottom:16px}.colony-info-row{display:flex;gap:12px;padding:4px 0;font-size:13px}.colony-info-name{font-weight:600;flex:1}.colony-info-location{color:#88a}.colony-info-pop{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#88a}.colony-info-block{border-bottom:1px solid #1a1a2e}.colony-info-toggle{cursor:pointer}.colony-info-toggle:hover{background:#16213e}.colony-toggle-arrow{font-size:14px;color:#88a;width:16px;display:inline-block}.colony-resource-details{padding:4px 0 8px 24px}.colony-resource-row{display:flex;gap:12px;padding:1px 0;font-family:SF Mono,Consolas,monospace;font-size:11px}.colony-resource-name{width:100px;color:#ccd}.colony-extractor-count{color:#4ecca3}.colony-extractor-zero{color:#668}.establish-form{margin-top:12px}.establish-requirements{margin-bottom:12px}.req-met{color:#4ecca3;font-size:12px;padding:2px 0}.req-unmet{color:#e94560;font-size:12px;padding:2px 0}.establish-location-select{margin-bottom:8px}.establish-location-select label,.establish-name-input label{display:block;font-size:12px;color:#88a;margin-bottom:4px}.establish-location-select select,.establish-name-input input{width:100%;max-width:300px;padding:4px 8px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;font-size:13px}.establish-location-info{background:#16213e;padding:8px 12px;margin:8px 0;border:1px solid #0f3460;font-size:12px}.location-desc{color:#aac;margin-bottom:4px}.location-multipliers{display:flex;flex-wrap:wrap;gap:4px 8px;margin:4px 0;font-family:SF Mono,Consolas,monospace;font-size:11px}.mult-good{color:#4ecca3}.mult-poor{color:#e94560}.location-distance{color:#88a;margin-top:4px}.establish-name-input{margin:8px 0}.establish-btn{padding:6px 16px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:13px;margin-top:8px}.establish-btn:hover:not(:disabled){background:#1a4a80}.establish-btn:disabled{opacity:.4;cursor:not-allowed}.transfer-panel h3{font-size:14px;margin-bottom:12px;color:#e94560}.transfer-locked{color:#88a;font-style:italic;font-size:13px}.transfer-form{max-width:400px}.transfer-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.transfer-row label{width:70px;font-size:12px;color:#88a}.transfer-row select{flex:1;padding:4px 8px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;font-size:13px}.transfer-row input[type=range]{flex:1}.transfer-amount{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#e0e0e0;width:50px;text-align:right}.transfer-preview{background:#16213e;padding:8px 12px;margin:8px 0;border:1px solid #0f3460;font-family:SF Mono,Consolas,monospace;font-size:12px}.transfer-overhead{color:#e94560}.transfer-received{color:#4ecca3}.transfer-btn{padding:6px 16px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:13px;margin-top:4px}.transfer-btn:hover:not(:disabled){background:#1a4a80}.transfer-btn:disabled{opacity:.4;cursor:not-allowed}.trade-panel h3{font-size:14px;margin-bottom:12px;color:#e94560}.trade-locked{color:#88a;font-style:italic;font-size:13px}.trade-form{max-width:500px}.trade-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.trade-row label{width:80px;flex-shrink:0;font-size:12px;color:#88a}.trade-row select,.trade-row input[type=number]{padding:4px 8px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;font-size:13px}.trade-row select{flex:1}.trade-row input[type=number]{width:80px}.trade-config{margin-left:88px}.trade-config .trade-row label{width:80px}.ship-available{font-size:11px;color:#4ecca3}.ship-unavailable{font-size:11px;color:#e94560}.trade-cost{font-size:12px;color:#88a;margin:8px 0}.trade-error{color:#e94560}.trade-btn{padding:6px 16px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:13px}.trade-btn:hover:not(:disabled){background:#1a4a80}.trade-btn:disabled{opacity:.4;cursor:not-allowed}.trade-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.trade-table th{text-align:left;font-size:11px;color:#88a;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-bottom:1px solid #0f3460}.trade-table td{padding:6px 8px;border-bottom:1px solid #1a1a2e}.status-active{color:#4ecca3}.status-disrupted{color:#e94560}.cancel-btn{padding:2px 8px;background:transparent;color:#e94560;border:1px solid #e94560;cursor:pointer;font-size:11px}.cancel-btn:hover{background:#e94560;color:#e0e0e0}.threat-panel h3{font-size:14px;margin-bottom:12px;color:#e94560}.threat-locked{color:#88a;font-style:italic;font-size:13px}.threat-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px;table-layout:fixed}.threat-table th{text-align:left;font-size:11px;color:#88a;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-bottom:1px solid #0f3460}.threat-table td{padding:6px 8px;border-bottom:1px solid #1a1a2e;font-family:SF Mono,Consolas,monospace}.threat-table th:nth-child(1){width:22%}.threat-table th:nth-child(2){width:28%}.threat-table th:nth-child(3){width:18%}.threat-table th:nth-child(4){width:16%}.threat-table th:nth-child(5){width:16%}.threat-table td:first-child{font-family:inherit}.defense-info{margin-top:16px;font-size:13px;color:#88a}.defense-info p{margin-bottom:4px}.incursion-log{margin-top:16px}.incursion-entry{padding:3px 0;border-bottom:1px solid #1a1a2e;font-size:12px;line-height:1.3}.scope-nav{display:flex;align-items:center;gap:6px;padding:4px 16px;background:#121a30;border-bottom:1px solid #0f3460;font-size:12px}.scope-crumb{background:none;border:none;color:#4ecca3;cursor:pointer;font-size:12px;padding:2px 4px}.scope-crumb:hover{color:#e0e0e0;text-decoration:underline}.scope-system{color:#aac;cursor:default}.scope-system:hover{color:#aac;text-decoration:none}.scope-sep{color:#668}.scope-current{color:#e0e0e0;font-weight:600}.starmap-panel h3{font-size:14px;margin-bottom:8px;color:#e94560}.starmap-desc{font-size:12px;color:#88a;margin-bottom:12px}.starmap-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.starmap-table th{text-align:left;font-size:11px;color:#88a;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-bottom:1px solid #0f3460}.starmap-table td{padding:6px 8px;border-bottom:1px solid #1a1a2e;font-family:SF Mono,Consolas,monospace}.starmap-row{cursor:pointer}.starmap-row:hover{background:#16213e}.starmap-row.selected{background:#16213e;border-left:2px solid #e94560}.starmap-name{font-family:inherit;font-weight:600}.starmap-uncolonized{color:#668}.starmap-detail{background:#16213e;padding:12px;border:1px solid #0f3460;margin-top:8px}.starmap-detail h4{margin-bottom:8px}.starmap-detail-info{display:flex;gap:16px;font-size:12px;color:#88a;margin-bottom:8px}.starmap-planets{font-size:12px}.starmap-planets strong{display:block;margin-bottom:4px;color:#88a}.starmap-planet-row{display:flex;gap:12px;padding:3px 0;border-bottom:1px solid #1a1a2e;font-family:SF Mono,Consolas,monospace;font-size:11px}.starmap-planet-name{width:150px;color:#ccd}.starmap-planet-type{width:100px;color:#88a;text-transform:capitalize}.starmap-planet-pop{width:60px;color:#88a}.generation-ship-section{margin-top:12px;padding-top:12px;border-top:1px solid #0f3460}.generation-ship-section strong{display:block;margin-bottom:4px;color:#e94560;font-size:12px}.generation-ship-desc{font-size:11px;color:#88a;margin-bottom:8px}.generation-ship-reqs{font-size:11px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.app{height:auto;min-height:100vh;overflow-x:hidden}.main-layout{grid-template-columns:1fr;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid #0f3460;overflow:visible}.content{overflow:visible;min-width:0}.tabs{display:none}.tabs-mobile{display:block;width:100%;padding:8px 16px;background:#16213e;color:#e94560;border:none;border-bottom:1px solid #0f3460;font-size:13px;font-family:inherit}.header-actions{display:none}.header-menu-mobile{display:block;position:relative}.menu-btn{padding:4px 10px;background:#0f3460;color:#e0e0e0;border:1px solid #1a4a80;cursor:pointer;font-size:18px;line-height:1}.menu-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#16213e;border:1px solid #1a4a80;z-index:100;display:flex;flex-direction:column;min-width:160px}.menu-dropdown button,.menu-dropdown a{display:block;width:100%;padding:8px 16px;background:transparent;color:#e0e0e0;border:none;border-bottom:1px solid #1a1a2e;cursor:pointer;font-size:13px;font-family:inherit;text-align:left;text-decoration:none}.menu-dropdown button:hover,.menu-dropdown a:hover{background:#0f3460}.menu-dropdown .help-version{padding:6px 16px;font-size:11px;color:#89a}}