*{margin:0;padding:0;box-sizing:border-box}:root{--bg-panel: rgba(13, 19, 27, .92);--border: #2b3a4d;--border-bright: #3fa7ff;--text: #cfe3ee;--text-dim: #7e93a5;--accent: #3fa7ff;--metal: #ffd75e;--data: #9b4ddb;--threat: #e05555;--ok: #67d977;--warn: #ff9f43;--font: "Segoe UI", system-ui, sans-serif;--mono: "Cascadia Mono", "Consolas", monospace}html,body,#root{width:100%;height:100%;overflow:hidden;background:#090d13;color:var(--text);font-family:var(--font)}.app{position:relative;width:100%;height:100%}.phaser-host{position:absolute;inset:0}.phaser-host canvas{display:block}.ui-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.ui-layer>*{pointer-events:auto}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}button{font-family:var(--font);background:#1b2836;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer;font-size:15px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#24374c;border-color:var(--border-bright)}button.active{background:#1f4364;border-color:var(--border-bright);color:#fff}button:disabled{opacity:.45;cursor:default}button.danger{border-color:#5a2b2b}button.danger:hover:not(:disabled){background:#4a2020;border-color:var(--threat)}.topbar{position:absolute;top:8px;left:8px;right:8px;height:54px;display:flex;align-items:center;gap:13px;padding:0 12px 0 0}.topbar .brand{width:224px;flex-shrink:0}.topbar-actions button{padding:6px 9px;font-size:14px;white-space:nowrap}.base-level-btn .base-xp-mini{width:44px}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15;white-space:nowrap}.brand-main{font-weight:700;letter-spacing:3px;margin-right:-3px;font-size:17px;color:#fff}.brand-sub{font-size:9.5px;letter-spacing:3.5px;margin-right:-3.5px;color:var(--accent)}.res{display:flex;align-items:center;gap:8px;white-space:nowrap}.res-label{font-size:12px;letter-spacing:1.5px;color:var(--text-dim)}.res-label.metal{color:var(--metal)}.res-label.conductors{color:#ffc27d}.res-label.electronics{color:#e0b0ff}.res-label.power{color:#7de87d}.res-value.power-short{color:var(--threat)}.brand-version{font-size:9px;color:var(--text-dim);letter-spacing:1px;font-family:var(--mono)}.res-label.data{color:#c58fef}.res-label.threat{color:var(--threat)}.res-value{font-family:var(--mono);font-size:18px;font-weight:600}.res-value.small{font-size:14px;color:var(--text-dim)}.threat-bar{width:140px;height:12px;background:#131a23;border:1px solid var(--border);border-radius:3px;overflow:hidden}.threat-fill{height:100%;background:linear-gradient(90deg,#b3743f,var(--threat));transition:width .3s}.threat-fill.pulsing{animation:pulse-red .8s infinite alternate}@keyframes pulse-red{0%{filter:brightness(.9)}to{filter:brightness(1.5)}}.difficulty-toggle{display:flex;gap:3px}.difficulty-toggle button{padding:3px 9px;font-size:12px;letter-spacing:.5px;color:var(--text-dim)}.difficulty-toggle button.active{color:#fff}.incursion-warning{color:var(--threat);font-weight:700;font-size:15px;letter-spacing:1px;animation:pulse-red .8s infinite alternate}.wave-status{color:var(--warn);font-size:15px;font-weight:600;letter-spacing:.5px}.topbar-actions{margin-left:auto;display:flex;gap:8px}.left-column{position:absolute;left:8px;top:72px;width:224px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 150px)}.resource-panel{padding:10px 12px;display:flex;flex-direction:column;gap:5px}.res-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.res-row .res-label{display:inline-flex;align-items:center;gap:6px}.res-icon{flex-shrink:0;vertical-align:-2px}.cost-icons{display:inline-flex;align-items:center;gap:8px}.cost-part{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono)}button .res-icon{vertical-align:-2px}.build-toolbar{width:224px;padding:12px;display:flex;flex-direction:column;gap:7px;overflow-y:auto}.cat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:2px}.cat-tabs button{padding:6px 4px;font-size:13px}.version-tag{position:absolute;right:8px;bottom:8px;padding:4px 10px;font-size:12px;font-family:var(--mono);color:var(--text-dim)}.toolbar-title{font-size:12px;letter-spacing:2px;color:var(--text-dim);margin-bottom:2px;text-align:center;margin-right:-2px}.toolbar-sep{height:1px;background:var(--border);margin:4px 0}.toolbar-title.toolbar-sub{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.build-btn{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;text-align:left}.build-icon{flex-shrink:0;display:block}.build-text{display:flex;flex-direction:column;gap:1px}.build-name{font-size:16px;font-weight:600}.build-cost{font-size:12px;color:var(--metal)}.build-cost.data{color:#c58fef}.build-btn.unaffordable .build-name{color:var(--text-dim)}.build-btn.unaffordable .build-icon{filter:grayscale(1) brightness(.55);opacity:.65}.build-btn.unaffordable .build-cost{color:var(--text-dim)}.build-btn.locked{border-style:dashed}.build-btn.cancel{justify-content:center;color:var(--text-dim);font-size:14px}.bottombar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:26px;padding:9px 22px 12px}.time-controls{display:flex;gap:7px}.time-controls button{min-width:64px;height:52px;font-family:var(--mono);font-size:20px;display:flex;align-items:center;justify-content:center;padding:0}.time-controls .pause.active{background:#4a3b16;border-color:var(--metal)}.paused-note{font-size:15px;color:var(--metal);letter-spacing:1px;align-self:center}.control-block{display:flex;flex-direction:column;align-items:center;gap:8px}.control-title{font-size:12px;letter-spacing:3px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.wave-bonus-tag{color:var(--warn);letter-spacing:.5px;font-weight:700}.wave-controls{display:flex;gap:8px}.wave-btn{display:flex;flex-direction:column;align-items:center;padding:7px 26px;font-weight:700;font-size:18px}.wave-btn.small:not(:disabled){border-color:#3f6d4d}.wave-btn.medium:not(:disabled){border-color:#6d613f}.wave-btn.large:not(:disabled){border-color:#6d433f}.wave-cost{font-size:13px;color:var(--threat);font-family:var(--mono);font-weight:400}.view-toggle{position:absolute;left:8px;bottom:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;width:150px}.view-toggle .toolbar-title{text-align:center;margin-right:-2px}.view-toggle button{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;font-size:15px}.pending-badge{background:var(--metal);color:#1a1408;border-radius:10px;padding:0 8px;font-size:12px;font-weight:700;font-family:var(--mono)}.hintbar{position:absolute;bottom:132px;left:50%;transform:translate(-50%);max-width:720px;display:flex;align-items:center;gap:12px;padding:11px 16px;border-color:#3a5a7a}.hint-icon{color:var(--accent);font-size:18px}.hint-text{font-size:16px;line-height:1.4}.hint-dismiss{border:none;background:none;color:var(--text-dim);font-size:15px;padding:2px 4px}.hint-next{flex-shrink:0;border-color:#3a5a7a;color:#fff;font-weight:600;white-space:nowrap}.inspector{position:absolute;right:8px;top:72px;width:320px;max-height:calc(100% - 150px);display:flex;flex-direction:column}.insp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.insp-title{font-weight:700;font-size:17px;color:#fff}.insp-close{border:none;background:none;color:var(--text-dim);padding:2px 4px}.rename-input{margin:8px 14px 0;background:#131a23;border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 9px;font-size:15px}.rename-input:focus{outline:none;border-color:var(--border-bright)}.insp-body{padding:8px 14px 14px;overflow-y:auto;font-size:15px}.insp-row{display:flex;justify-content:space-between;padding:3px 0;gap:8px}.insp-label{color:var(--text-dim);white-space:pre}.insp-value{font-family:var(--mono);text-align:right}.insp-section{margin:12px 0 5px;font-size:12px;letter-spacing:2px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:3px}.insp-note{margin-top:8px;color:var(--text-dim);font-size:14px;line-height:1.45}.insp-note.logistics-warn{color:var(--warn)}.insp-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.insp-actions button{flex:1;min-width:110px}.xp-bar{position:relative;height:20px;background:#131a23;border:1px solid var(--border);border-radius:3px;overflow:hidden;margin:4px 0}.xp-fill{height:100%;background:linear-gradient(90deg,#2b6a8f,var(--accent))}.xp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:var(--mono);color:#fff;text-shadow:0 1px 2px #000}.l3-choice{margin:10px 0;padding:10px;border:1px solid var(--metal);border-radius:5px;background:#ffd75e0f;display:flex;flex-direction:column;gap:6px}.l3-title{font-size:13px;letter-spacing:1.5px;color:var(--metal);font-weight:700}.l3-note{font-size:12px;color:var(--text-dim);margin-bottom:3px}.top-cards{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.status-card{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:6px;padding:8px 18px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:240px}.status-card.incursion{border-left-color:var(--threat)}.status-card.incursion .status-title{color:var(--threat);animation:pulse-red .8s infinite alternate}.status-card.core{border-left-color:var(--metal)}.status-title{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--warn)}.status-card.core .status-title{color:var(--metal)}.status-sub{font-size:13px;color:var(--text);font-family:var(--mono)}.core-bar{width:210px;height:9px;background:#131a23;border:1px solid var(--border);border-radius:3px;overflow:hidden;margin:2px 0}.core-fill{height:100%;background:linear-gradient(90deg,var(--threat),var(--metal))}.toasts{position:absolute;bottom:120px;right:12px;display:flex;flex-direction:column;gap:6px;max-width:380px}.toast{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;padding:9px 13px;font-size:15px;animation:toast-in .18s ease-out}.toast.error{border-left-color:var(--threat)}.toast.success{border-left-color:var(--ok)}.toast.warning{border-left-color:var(--warn)}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:absolute;inset:0;background:#04070b99;display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:min(920px,calc(100vw - 60px));max-height:calc(100vh - 90px);display:flex;flex-direction:column}.modal.narrow{width:min(600px,calc(100vw - 60px))}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border);font-weight:700;letter-spacing:2px;font-size:16px;color:#fff}.modal-header button{border:none;background:none;color:var(--text-dim)}.modal-scroll{overflow-y:auto;padding:12px 18px 18px}.stat-section{font-size:15px;font-weight:700;letter-spacing:2.5px;color:#eaf4fc;margin:12px 0 10px;padding:6px 14px;border-radius:4px;border:1px solid #2b4a68;background:repeating-linear-gradient(45deg,#1f4364 0px 14px,#193850 14px 28px);text-shadow:0 1px 2px rgba(0,0,0,.6)}.modal-scroll>.stat-section:first-child,.modal-scroll>div:first-child>.stat-section:first-child{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}.stat-cell{background:#131a23;border:1px solid var(--border);border-radius:5px;padding:9px 11px}.stat-value{font-family:var(--mono);font-size:20px;font-weight:600;color:#fff}.stat-label{font-size:12px;color:var(--text-dim);margin-top:2px}.tower-table{width:100%;border-collapse:collapse;font-size:14px}.tower-table th{text-align:left;color:var(--text-dim);font-size:12px;letter-spacing:1px;padding:5px 9px;border-bottom:1px solid var(--border);white-space:nowrap}.tower-table th.wide{min-width:130px}.tower-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tower-table th.sortable:hover{color:var(--text)}.tower-table th.sorted{color:var(--accent)}.tower-table td{white-space:nowrap}.tower-table td{padding:6px 9px;border-bottom:1px solid #1a2430;font-family:var(--mono)}.tower-table tbody tr{cursor:pointer}.tower-table tbody tr:hover{background:#1a2836}.tower-table .empty{color:var(--text-dim);font-family:var(--font)}.base-level-btn{display:flex;align-items:center;gap:8px}.base-lvl{font-family:var(--mono);font-weight:700;color:var(--metal);font-size:14px}.base-xp-mini{display:inline-block;width:56px;height:7px;background:#131a23;border:1px solid var(--border);border-radius:3px;overflow:hidden}.base-xp-fill{display:block;height:100%;background:linear-gradient(90deg,#2b6a8f,var(--accent))}.dp-badge{background:#4a3b16;border:1px solid var(--metal);color:var(--metal);border-radius:10px;padding:1px 9px;font-size:12px;font-family:var(--mono);font-weight:700}.base-level-header{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:1px;color:var(--metal)}.xp-bar.small{width:140px;height:15px;margin:0}.tab-row{display:flex;gap:6px;padding:10px 18px 0}.tab-row button{flex:1;padding:8px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.tech-card{background:#131a23;border:1px solid var(--border);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.tech-card.researched{border-color:#2f5a3d}.tech-card.available{border-color:#3a5a7a}.tech-card.future{border-style:dashed;opacity:.65}.tech-card.locked{opacity:.75}.tech-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tech-name{font-weight:700;font-size:15px;color:#fff}.tech-era{font-size:10px;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;white-space:nowrap}.tech-desc{font-size:13px;color:var(--text);line-height:1.4}.tech-reqs{font-size:12px;color:var(--warn)}.req-row{display:flex;align-items:center;gap:8px}.req-row.met .req-label{color:var(--ok)}.req-bar{width:70px;height:7px;background:#0d1219;border:1px solid var(--border);border-radius:3px;overflow:hidden;flex-shrink:0}.req-fill{height:100%;background:var(--accent)}.req-label{font-size:12px;color:var(--text-dim)}.tech-foot{margin-top:2px}.tech-foot button{width:100%}.tech-done{color:var(--ok);font-size:13px;font-weight:600}.tech-future{color:var(--text-dim);font-size:13px;font-style:italic}.dev-points-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffd75e12;border:1px solid var(--metal);border-radius:6px;padding:9px 14px;font-size:14px}.dev-points-banner b{color:var(--metal);font-family:var(--mono)}.dev-note{font-size:12px;color:var(--text-dim)}.option-desc{display:block;font-size:12px;color:var(--text-dim);margin-top:1px}.l3-choice button{text-align:left}.priority-buttons{display:flex;gap:3px}.priority-buttons button{padding:1px 8px;font-size:12px;font-family:var(--mono)}.module-options{display:flex;flex-direction:column;gap:5px;margin-top:6px}.module-options button{text-align:left;padding:6px 9px}.delta-better{color:var(--ok);font-weight:700}.delta-worse{color:var(--threat);font-weight:700}.hint-visual{flex-shrink:0}.save-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#131a23;border:1px solid var(--border);border-radius:5px;margin-bottom:7px}.save-name{font-weight:600;font-size:16px}.save-meta{font-size:13px;color:var(--text-dim);font-family:var(--mono);margin-top:2px}.save-meta.empty{font-style:italic}.save-actions{display:flex;gap:6px}