*{margin:0;padding:0;box-sizing:border-box}:root{--panel-bg: rgba(10, 16, 26, .82);--panel-border: rgba(120, 160, 210, .25);--text: #d7e2ee;--text-dim: #8698ac;--accent: #4a90d9;--good: #7ee2a8;--warn: #ffc46b;--bad: #ff8f8f}html,body,#root{width:100%;height:100%;overflow:hidden;background:#04070d;color:var(--text);font-family:SF Mono,Cascadia Code,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px}.app{position:relative;width:100%;height:100%}.app>canvas{position:absolute;top:0;right:0;bottom:0;left:0}.panel{position:absolute;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.panel-title{font-size:11px;letter-spacing:.12em;color:var(--text-dim);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.resource-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:18px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100vw - 20px);overflow-x:auto;white-space:nowrap;z-index:5}.res-cell{display:flex;flex-direction:column;gap:2px;min-width:92px}.res-label{color:var(--text-dim);font-size:10px}.res-value{font-size:13px}.res-sub{color:var(--text-dim);font-size:10px}.bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin:3px 0 1px}.bar-fill{height:100%;border-radius:3px;transition:width .3s}.time-cell .res-value{font-size:14px}.condition{font-size:9px;letter-spacing:.1em;padding:1px 5px;border-radius:3px;width:fit-content}.condition-nominal{background:#7ee2a826;color:var(--good)}.condition-warning{background:#ffc46b26;color:var(--warn)}.condition-critical{background:#ff5a5a33;color:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.45}}.alerts{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;z-index:5;pointer-events:none}.alert{padding:4px 12px;border-radius:4px;font-size:11px;text-align:center}.alert-info{background:#4a90d940}.alert-warning{background:#ffc46b38;color:var(--warn)}.alert-critical{background:#ff5a5a47;color:var(--bad)}.build-menu{top:90px;left:10px;width:228px;max-height:calc(100vh - 200px);display:flex;flex-direction:column;z-index:4}.build-scroll{overflow-y:auto;flex:1}.build-cat{color:var(--text-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 4px}.build-item{display:flex;flex-direction:column;width:100%;text-align:left;background:#ffffff0a;border:1px solid transparent;border-radius:4px;color:var(--text);padding:5px 8px;margin-bottom:3px;cursor:pointer;font:inherit}.build-item:hover{background:#4a90d926}.build-item.active{border-color:var(--accent);background:#4a90d940}.build-name{font-size:12px}.build-stats{font-size:10px;color:var(--text-dim);margin-top:1px}.build-hint{border-top:1px solid var(--panel-border);padding-top:8px;margin-top:8px;font-size:11px}.build-hint-row{display:flex;gap:6px;margin-top:6px}.btn{background:#ffffff12;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:4px 9px;cursor:pointer;font:inherit;font-size:11px}.btn:hover:not(:disabled){background:#4a90d940}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.active{background:#4a90d966;border-color:var(--accent)}.btn-primary{width:100%;background:#4a90d94d;border-color:var(--accent);padding:7px;margin-top:4px}.btn-danger:hover:not(:disabled){background:#ff5a5a4d}.btn-close{padding:1px 6px}.details-panel{top:90px;right:10px;width:250px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:4}.desc{color:var(--text-dim);font-size:11px;margin:6px 0;line-height:1.45}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:11px;margin:6px 0}.kv>div:nth-child(odd){color:var(--text-dim)}.flow-list{margin:6px 0}.flow-line{font-size:11px;padding:1px 0}.status-chip{display:inline-block;font-size:10px;letter-spacing:.1em;padding:2px 8px;border-radius:3px;margin-bottom:4px}.status-ok{background:#7ee2a826;color:var(--good)}.status-underpowered{background:#ffc46b33;color:var(--warn)}.status-overheating{background:#ff5a5a40;color:var(--bad)}.status-offline{background:#ffffff1a;color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:11px;color:var(--text-dim)}.field select,.field input[type=number]{background:#ffffff12;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:4px 6px;font:inherit;width:100%}.field select option,.slot-select option{background:#101a2a;color:var(--text)}.field select option:checked,.slot-select option:checked{background:#17365a;color:#fff}.field-row{display:flex;gap:6px}.field input[type=range]{accent-color:var(--accent)}.time-controls{bottom:10px;left:10px;display:flex;align-items:center;gap:6px;z-index:4}.speed-btn{font-size:13px;min-width:34px}.divider{width:1px;height:20px;background:var(--panel-border);margin:0 4px}.schedule-panel{bottom:10px;right:10px;width:300px;max-height:270px;overflow-y:auto;z-index:4}.sched-line{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;color:var(--text-dim)}.sched-line.active-craft{color:var(--text)}.warn-text{color:var(--warn)}.event-log{max-height:110px;overflow-y:auto}.event-line{font-size:10px;color:var(--text-dim);padding:1px 0;border-bottom:1px dotted rgba(255,255,255,.05)}.placement-banner{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#ff5a5a33;border:1px solid rgba(255,90,90,.5);color:var(--bad);padding:6px 16px;border-radius:5px;font-size:12px;z-index:6;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#78a0d24d;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.tip-wrap{position:relative}.tooltip{z-index:30;width:250px;background:#080d16f7;border:1px solid var(--panel-border);border-radius:5px;padding:9px 10px;font-size:11px;line-height:1.45;color:var(--text);pointer-events:none;display:block;box-shadow:0 4px 18px #00000080}.tt-title{display:block;font-size:12px;margin-bottom:4px;color:#fff}.tt-desc{display:block;color:var(--text-dim);margin-bottom:6px}.tt-flow{display:block;padding:1px 0}.tt-dim{color:var(--text-dim)}.tt-warn{color:var(--warn)}.tier-chip{display:inline-block;margin-left:6px;padding:0 5px;font-size:9px;border-radius:3px;background:#4a90d94d;color:#9cc4ef;vertical-align:middle}.tier-chip.tier-locked{background:#ffc46b33;color:var(--warn)}.build-item.locked{opacity:.45;cursor:not-allowed}.build-item.locked:hover{background:#ffffff0a}.tech-panel{border-top:1px solid var(--panel-border);padding-top:6px;margin-top:6px}.status-sealed{background:#b482ff2e;color:#c9a8ff}.cost-chip{display:inline-block;margin-left:6px;padding:0 5px;font-size:9px;border-radius:3px;background:#c9a22738;color:#e3c664;vertical-align:middle}.status-leaking{background:#ff5a5a47;color:var(--bad);animation:blink 1s infinite}.status-broken{background:#ff8c3c40;color:#ffb27a}.status-assembling{background:#4a90d933;color:#9cc4ef}.slot-select{background:#ffffff12;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:4px;font:inherit;font-size:11px}.contract-line{padding:3px 0}.contract-label{display:flex;justify-content:space-between;gap:8px;font-size:11px}.contract-reward{color:var(--text-dim);white-space:nowrap}.mission-row{display:flex;gap:5px;flex-wrap:wrap}.mission-btn{font-size:13px;padding:4px 8px}.event-focusable{cursor:pointer}.event-focusable:hover{color:var(--text);background:#4a90d91f}.status-isolated{background:#a078dc33;color:#c9b3f0}.blueprint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#02050ab8;display:flex;align-items:center;justify-content:center;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.blueprint-card{background:#080d16f2;border:1px solid var(--panel-border);border-radius:8px;padding:14px;box-shadow:0 10px 50px #0009}.blueprint-svg{display:block;background:#0a121e99;border-radius:6px}.bp-node{cursor:pointer}.bp-node:hover circle:first-child{stroke-width:3}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0409128c,#020409e0);display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-card{width:520px;background:#080d16eb;border:1px solid var(--panel-border);border-radius:10px;padding:26px 30px;box-shadow:0 20px 80px #000000b3}.menu-title{font-size:22px;letter-spacing:.25em;color:#fff;text-align:center}.menu-subtitle{text-align:center;color:var(--text-dim);margin:6px 0 18px;font-size:12px}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-btn{display:flex;flex-direction:column;text-align:left;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);padding:9px 14px;cursor:pointer;font:inherit}.menu-btn:hover:not(:disabled){background:#4a90d933;border-color:var(--accent)}.menu-btn-primary{border-color:var(--accent);background:#4a90d929}.menu-btn-label{font-size:13px}.menu-btn-desc{font-size:10px;color:var(--text-dim);margin-top:2px}.menu-load-row{display:flex;gap:8px;margin-top:4px}.menu-footer{margin-top:16px;text-align:center;color:var(--text-dim);font-size:10px}.gameover-card{text-align:center}.gameover-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:18px 0;color:var(--text-dim);font-size:11px}.gameover-stats span{color:#fff;font-size:16px;margin-right:6px}.toasts{position:absolute;top:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:50}.toast{background:#142236f2;border:1px solid var(--accent);border-radius:6px;padding:8px 18px;font-size:12px;cursor:pointer;animation:toast-in .3s ease-out;box-shadow:0 6px 24px #00000080}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}.objective-line{font-size:11px;padding:2px 0;color:var(--text-dim)}.obj-done{color:var(--good);opacity:.7}.obj-current{color:var(--text);font-weight:700}.panel,.resource-bar,.menu-card{background:linear-gradient(160deg,#0a1420db,#060e1ad1);border-color:#50c8ff47;box-shadow:0 0 12px #3caaff17,inset 0 0 24px #3caaff0d;overflow:hidden}.menu-card{position:relative}.panel:after,.resource-bar:after,.menu-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(120,210,255,.035) 0px,rgba(120,210,255,.035) 1px,transparent 1px,transparent 3px);animation:holo-scan 9s linear infinite}.panel:before,.menu-card:before{content:"";position:absolute;left:0;right:0;height:22px;top:-30px;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(120,210,255,.07),transparent);animation:holo-sweep 7.5s ease-in-out infinite}@keyframes holo-scan{0%{background-position-y:0}to{background-position-y:60px}}@keyframes holo-sweep{0%,74%{top:-30px;opacity:0}78%{opacity:1}92%,to{top:110%;opacity:0}}.panel-title{color:#9fd4f5;text-shadow:0 0 6px rgba(80,190,255,.35);animation:holo-flicker 11s steps(1) infinite}@keyframes holo-flicker{0%,96.4%,97.2%,to{opacity:1}96.6%,97.0%{opacity:.55}}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px 8px}.crew-line{font-size:10px;color:var(--text-dim);padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crew-eva{color:var(--warn);cursor:pointer}.crew-eva:hover{color:#fff}.dock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:55;pointer-events:none}.dock-card{pointer-events:auto;background:#080d16e6;border:1px solid rgba(80,200,255,.35);border-radius:8px;padding:14px 18px;box-shadow:0 10px 50px #0009}.dock-field{position:relative;width:320px;height:320px;margin:6px auto;border:1px solid rgba(120,200,255,.2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(60,140,220,.08),transparent 70%)}.dock-ring{position:absolute;border:2px dashed rgba(120,200,255,.5);border-radius:50%}.dock-ring-good{border-color:var(--good);box-shadow:0 0 18px #7ee2a859}.dock-cross-h,.dock-cross-v{position:absolute;background:#78c8ff2e}.dock-cross-h{width:100%;height:1px}.dock-cross-v{height:100%;width:1px}.dock-marker{position:absolute;font-size:22px;color:var(--warn);text-shadow:0 0 8px rgba(255,196,107,.6)}.dock-marker-good{color:var(--good);text-shadow:0 0 8px rgba(126,226,168,.7)}.dock-readout{display:flex;justify-content:space-between;font-size:12px;margin-top:4px}.good-text{color:var(--good)}