:root{--bg:#0a1220;--bg2:#0e182b;--panel:#121e34;--panel2:#172640;--panel3:#1d3050;--line:#2a4572;--line2:#22385c;--text:#e9f1fc;--muted:#9db2cf;--accent:#4fd1c5;--accent-ink:#04201e;--amber:#f5b94a;--danger:#ff8070;--ok:#6ee7a0;--violet:#b2a6ff;--info:#7cc4ff;--radius:14px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 12% -10%, #17335c 0%, transparent 60%), var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.875rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{height:100dvh;overflow:hidden}.shell{height:100%;padding-left:var(--sal);padding-right:var(--sar);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top""alert""main""bottom";display:grid}.topbar{padding:calc(var(--sat) + 8px) 12px 6px;background:linear-gradient(#0c1730,#0000);flex-direction:column;grid-area:top;gap:8px;display:flex}.topbar-main{align-items:center;gap:10px;display:flex}.daybox{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:4px 12px;display:flex}.day-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem}.day-num{font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.wave{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.wave-text{flex-wrap:wrap;align-items:center;gap:6px;font-size:.95rem;display:flex}.wave-text .small{margin-left:auto}.wave-bar{background:var(--panel3);border-radius:6px;height:8px;overflow:hidden}.wave-bar i{background:linear-gradient(90deg, var(--accent), var(--amber));border-radius:6px;height:100%;display:block}.wave-near i{background:linear-gradient(90deg, var(--amber), var(--danger))}.icon-btn{border:1px solid var(--line);background:var(--panel2);border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.resources{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.res{background:var(--panel2);border:1px solid var(--line2);border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:6px 8px;display:flex}.res-food svg{color:var(--ok)}.res-metal svg{color:var(--info)}.res-science svg{color:var(--violet)}.res-body{flex-direction:column;min-width:0;line-height:1.1;display:flex}.res-val{font-variant-numeric:tabular-nums;font-size:1.15rem}.res-name{color:var(--muted);font-size:.75rem}.res-delta{font-variant-numeric:tabular-nums;color:var(--muted);flex-direction:column;align-items:flex-end;margin-left:auto;font-size:.95rem;font-weight:700;line-height:1.05;display:flex}.res-delta small{font-size:.65rem;font-weight:400}.res-delta.pos{color:var(--ok)}.res-delta.neg{color:var(--amber)}.alertstrip{text-align:left;color:#ffe2a8;background:#3a2a10;border:1px solid #8a6420;border-radius:12px;grid-area:alert;align-items:center;gap:8px;min-height:44px;margin:2px 12px 4px;padding:8px 12px;font-size:.95rem;display:flex}.alertstrip span{flex:1}.alert-spacer{grid-area:alert}.main{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;grid-area:main;padding:4px 12px 16px;overflow:hidden auto}.bottombar{padding-bottom:var(--sab);background:linear-gradient(#0000,#070d19 30%);grid-area:bottom}.dock{align-items:stretch;gap:10px;padding:8px 12px;display:flex}.dock-preview{flex:none}.btn-next{color:#2a1a02;background:linear-gradient(#ffd07a,#f0a63a);border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:56px;font-size:1.1rem;font-weight:800;line-height:1.15;display:flex;box-shadow:0 4px 18px #f5b94a40}.btn-next small{opacity:.8;font-size:.8rem;font-weight:600}.btn-next:disabled{opacity:.55;box-shadow:none}.nav{border-top:1px solid var(--line2);background:#0a1325;grid-template-columns:repeat(4,1fr);display:grid}.nav-btn{min-height:58px;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8125rem;font-weight:600;display:flex;position:relative}.nav-on{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent);background:linear-gradient(#10264a,#0000)}.nav-badge{background:var(--amber);color:#2a1a02;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-style:normal;font-weight:800;display:flex;position:absolute;top:4px;left:calc(50% + 6px)}.btn{border:1px solid var(--line);background:var(--panel2);min-height:44px;color:var(--text);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:650;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:750}.btn-secondary{background:var(--panel3)}.btn-ghost{border-color:var(--line2);color:var(--muted);background:0 0}.btn-danger{color:#ffb4aa;background:#3a1a1a;border-color:#8a3a34}.btn-block{width:100%}.btn:disabled{opacity:.45}.link-btn{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0 6px;font-weight:650;text-decoration:underline;display:inline-flex}.link-btn.big{min-height:40px;font-size:1rem}.section{margin:14px 0 6px}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section h3{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.95rem;font-weight:700}.card{background:var(--panel2);border:1px solid var(--line2);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;display:flex}.card-hl{border-color:var(--accent);box-shadow:0 0 0 2px #4fd1c559}.card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.note{background:#14284a;border-color:#35609a}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:.875rem;line-height:1.25;display:inline-flex}.badge-text{min-width:0}.badge-detail{opacity:.9}.badge-ok{color:var(--ok);background:#6ee7a01f;border-color:#6ee7a066}.badge-warn{color:var(--amber);background:#f5b94a24;border-color:#f5b94a80}.badge-off{color:var(--muted);background:#9db2cf1a;border-color:#9db2cf59}.badge-build{color:var(--info);background:#7cc4ff1f;border-color:#7cc4ff73}.badge-info{color:var(--accent);background:#4fd1c51f;border-color:#4fd1c573}.badge-lock{color:var(--violet);background:#b2a6ff1a;border-color:#b2a6ff66}.cost{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.cost-item{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.cost-days{color:var(--muted);font-weight:600}.blockers{flex-direction:column;gap:4px;display:flex}.blockers li{color:#ffd9a0;flex-wrap:wrap;align-items:flex-start;gap:8px;font-size:.95rem;display:flex}.blockers li svg{color:var(--amber);flex:none;margin-top:3px}.blockers li span{flex:200px}.warn-line{color:#ffd9a0;background:#f5b94a1a;border:1px solid #f5b94a59;border-radius:10px;padding:8px 10px}.ok-line{color:var(--ok)}.info-line{color:#cfe6ff;background:#7cc4ff14;border:1px solid #7cc4ff4d;border-radius:10px;padding:8px 10px}.hint{padding:8px 4px}.plain{flex-direction:column;gap:6px;padding-left:4px;display:flex}.plain li{padding-left:14px;position:relative}.plain li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.facts{gap:6px;margin:0;display:grid}.facts>div{grid-template-columns:minmax(96px,36%) 1fr;gap:8px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.meter{flex-direction:column;gap:4px;display:flex}.meter-row{justify-content:space-between;font-size:.95rem;display:flex}.meter-bar{background:var(--panel3);border-radius:6px;height:10px;overflow:hidden}.meter-bar i{background:var(--info);border-radius:6px;height:100%;display:block}.meter-energy i{background:linear-gradient(90deg, var(--amber), #ffd98a)}.meter-people i{background:linear-gradient(90deg, var(--violet), #cfc6ff)}.prod{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prod-item{align-items:center;gap:4px;font-weight:700;display:inline-flex}.progress{flex-direction:column;gap:6px;display:flex}.progress-dots{gap:6px;display:flex}.progress-dots i{background:var(--panel3);border-radius:6px;flex:1;height:12px}.progress-dots i.on{background:var(--accent)}.check{align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;display:flex}.check input{width:24px;height:24px;accent-color:var(--accent);flex:none;margin-top:2px}.menu-actions{flex-wrap:wrap;gap:10px;display:flex}.scene{aspect-ratio:2;border:1px solid var(--line2);background:#0b1530;border-radius:12px;overflow:hidden}.scene svg{width:100%;height:100%;display:block}.story{font-size:1.0625rem;line-height:1.6}.open-q{color:var(--violet);font-style:italic}.fact-list{flex-direction:column;gap:6px;padding-left:18px;list-style:outside;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--amber);font-size:.85rem;font-weight:700}.sheet-backdrop{z-index:50;background:#030812bd;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);width:100%;max-width:680px;max-height:92dvh;padding-left:var(--sal);padding-right:var(--sar);border-bottom:0;border-radius:20px 20px 0 0;outline:none;flex-direction:column;animation:.22s ease-out rise;display:flex}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 6px;display:flex}.sheet-title h2{font-size:1.3rem;line-height:1.2}.sheet-body{-webkit-overflow-scrolling:touch;flex:auto;padding:0 16px 16px;overflow-y:auto}.sheet-foot{padding:12px 16px calc(12px + var(--sab));border-top:1px solid var(--line2);background:var(--panel)}.place-head{align-items:center;gap:14px;margin:6px 0 10px;display:flex}.place-head svg{flex:none}.view,.view-system{display:block}.map-col{margin:4px 0 0}.system-map{border:1px solid var(--line2);background:#070d1c;border-radius:16px;width:100%;height:auto;max-height:72vh;display:block}.map-name{fill:#eaf3ff;paint-order:stroke;stroke:#0a1220;stroke-width:3px;font-size:15px;font-weight:700}.map-sub{fill:#b4c6e2;paint-order:stroke;stroke:#0a1220;stroke-width:3px;font-size:11.5px}.map-jiskra{fill:#ffd98a;paint-order:stroke;stroke:#0a1220;stroke-width:3px;font-size:12px;font-weight:700}.map-pin{fill:#2a1a02;font-size:11px;font-weight:800}.map-body{cursor:pointer}.map-body:focus-visible{outline:none}.map-body:focus-visible circle:first-child{stroke:var(--accent);stroke-width:3px}.map-legend{align-items:center;gap:8px;margin-top:-2px;padding:0 8px;display:flex}.legend-dot{background:var(--amber);border-radius:50%;flex:none;width:12px;height:12px}.twinkle{animation:3.6s ease-in-out infinite twinkle}.route{animation:1.4s linear infinite dash}.goals{flex-direction:column;gap:8px;display:flex}.goal-btn{text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;display:flex}.goal-text{flex-direction:column;flex:1;gap:2px;display:flex}.goal-detail{color:var(--muted);font-size:.95rem}.goal-state{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.8125rem}.goal-warn .goal-btn{background:#2c2210;border-color:#8a6420}.goal-warn .goal-state,.goal-warn .goal-icon{color:var(--amber)}.goal-waiting .goal-state{color:var(--violet)}.goal-icon{color:var(--accent);display:flex}.advisors{flex-direction:column;gap:10px;display:flex}.advisor{background:var(--panel2);border:1px solid var(--line2);border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.advisor>svg{flex:none}.advisor p{margin-top:2px}.advisor-quote{background:#14213f}.tabs{gap:8px;margin:6px 0 12px;display:flex}.tab{border:1px solid var(--line2);background:var(--panel2);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:52px;font-weight:700;display:flex}.tab-sub{color:var(--muted);font-size:.8125rem;font-weight:500}.tab-on{border-color:var(--accent);background:#10304a}.slot-grid{gap:8px;margin-bottom:12px;display:grid}.slot{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel3), var(--panel2));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:112px;padding:16px 2px 6px;display:flex;position:relative}.slot-no{color:var(--muted);font-size:.75rem;font-weight:700;position:absolute;top:4px;left:8px}.slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem;font-weight:700;overflow:hidden}.slot-state{border-radius:8px;padding:1px 6px;font-size:.75rem;font-weight:700}.slot-state-ok{color:var(--ok)}.slot-state-warn{color:var(--amber);background:#f5b94a24}.slot-state-off{color:var(--muted)}.slot-state-build{color:var(--info)}.slot-empty{color:var(--muted);background:0 0;border-style:dashed}.slot-off .slot-art{filter:grayscale()brightness(.65)}.slot-warn{border-color:#9a6f1c}.slot-warn .slot-art{filter:saturate(.55)brightness(.85)}.slot-build{border-style:dashed;border-color:#3d6a9c}.slot-on{outline:3px solid var(--accent);outline-offset:1px}.bp-head{align-items:center;gap:12px;display:flex}.bp-head h3{text-transform:none;letter-spacing:0;color:var(--text);margin-bottom:4px;font-size:1.15rem}.actions{flex-wrap:wrap;gap:10px;display:flex}.build-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.build-opt{border:1px solid var(--line2);background:var(--panel2);border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex}.build-on{border-color:var(--accent);background:#10304a}.build-off{opacity:.88}.build-pick{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:64px;padding:0;display:flex}.build-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.relay-rows{flex-direction:column;gap:8px;display:flex}.relay-rows li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.variants{gap:10px;display:grid}.variant{text-align:left;border:1px solid var(--line);background:var(--panel2);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.variant-on{border-color:var(--accent);background:#10304a;box-shadow:0 0 0 2px #4fd1c54d}.entries{flex-direction:column;gap:8px;display:flex}.entry{text-align:left;background:var(--panel2);border:1px solid var(--line2);border-radius:12px;align-items:center;gap:12px;width:100%;min-height:72px;padding:8px;display:flex}.entry-new{border-color:var(--accent);background:#10304a}.entry-thumb{border-radius:8px;flex:0 0 96px;height:48px;display:block;overflow:hidden}.entry-thumb svg{width:100%;height:100%}.entry-text{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.res-rows{flex-direction:column;gap:8px;display:flex}.res-rows li{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;display:grid}.res-rows li svg{color:var(--accent)}.res-note{grid-column:2/4}.res-vals{font-variant-numeric:tabular-nums}.delta.pos{color:var(--ok)}.delta.neg{color:var(--amber)}.end-overlay{z-index:70;padding:calc(var(--sat) + 16px) calc(var(--sar) + 14px) calc(var(--sab) + 16px) calc(var(--sal) + 14px);background:radial-gradient(900px 500px at 50% -10%,#17335c 0%,#0000 70%),#050a16;display:flex;position:fixed;inset:0;overflow-y:auto}.end-card{flex-direction:column;gap:12px;width:100%;max-width:640px;margin:auto;display:flex}.end-card h2{font-size:1.7rem}.end-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.toast{bottom:calc(var(--sab) + 150px);z-index:90;pointer-events:none;border-radius:14px;align-items:center;gap:10px;max-width:min(92vw,520px);padding:12px 16px;font-weight:600;animation:.25s ease-out toast;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.toast-ok{color:#c9ffe6;background:#0f3a30;border:1px solid #2a7a64}.toast-err{color:#ffd8cf;background:#4a2218;border:1px solid #a05040}.toast svg{flex:none}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes dash{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=800px),(orientation:landscape) and (height<=520px){.shell{grid-template:"bottom top""bottom alert""bottom main"minmax(0,1fr)/112px minmax(0,1fr)}.topbar{padding:calc(var(--sat) + 6px) 12px 6px;flex-direction:row;align-items:center;gap:12px}.topbar-main{flex:1;min-width:0}.resources{flex:none;display:flex}.res{min-width:112px}.bottombar{border-right:1px solid var(--line2);padding:calc(var(--sat) + 6px) 0 calc(var(--sab) + 6px);background:#070d19;flex-direction:column-reverse;justify-content:flex-end;gap:8px;display:flex;overflow-y:auto}.nav{background:0 0;border-top:0;flex-direction:column;display:flex}.nav-btn{min-height:54px}.nav-on{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#10264a,#0000)}.nav-badge{left:calc(50% + 8px)}.dock{flex-direction:column;gap:8px;padding:4px 8px}.dock .btn{padding:8px 6px;font-size:.95rem}.btn-next{min-height:60px;font-size:1.05rem}.main{padding:4px 16px 16px}.view-system{grid-template-columns:minmax(280px,44%) minmax(0,1fr);align-items:start;gap:20px;display:grid}.map-col{position:sticky;top:0}.system-map{max-height:calc(100dvh - 130px)}.colony-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.view-research{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.view-journal{column-count:1}.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid var(--line);border-radius:20px;max-height:94dvh}.sheet-wide{max-width:720px}.variants{grid-template-columns:1fr 1fr}.end-actions{flex-flow:wrap}.toast{bottom:20px;left:calc(50% + 56px)}}@media (orientation:landscape) and (height<=520px){.res{min-width:100px;min-height:44px;padding:4px 8px}.daybox{min-height:44px}.wave-text .small{display:none}.map-col{position:static}.scene{aspect-ratio:3}.slot{min-height:96px}.system-map{max-height:calc(100dvh - 100px)}}@media (width>=1100px){.main{padding:8px 28px 24px}.shell{grid-template-columns:132px minmax(0,1fr)}}