:root{--bg: #0a1024;--panel: rgba(24, 34, 62, .84);--panel-solid: #16203c;--panel-lift: rgba(42, 56, 94, .7);--border: rgba(150, 190, 255, .22);--border-strong: rgba(150, 205, 255, .5);--text: #eaf0fb;--text-dim: #9fb2d2;--accent: #4fe3ff;--accent-warm: #ffb445;--accent-hot: #ff7a6b;--accent-violet: #b78cff;--good: #55e39b;--bad: #ff6b5c;--radius: 12px;--shadow: 0 10px 34px rgba(6, 10, 28, .5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;overscroll-behavior:none}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.label-layer{position:fixed;inset:0;pointer-events:none;z-index:2}#ui{position:fixed;inset:0;pointer-events:none;z-index:3}#ui>*{pointer-events:auto}.star-label{position:absolute;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 0 8px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;transition:opacity .2s}.star-label.owned{color:var(--accent);font-weight:600}.panel{background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-weight:600}.auth-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#060e1eb8,#02040af0)}.auth-card{width:min(400px,100%);padding:32px 28px}.auth-brand{font-size:34px;font-weight:200;letter-spacing:.42em;text-transform:uppercase;margin:0 0 4px;background:linear-gradient(180deg,#ffffff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-indent:.42em}.auth-tagline{color:var(--text-dim);font-size:12px;margin:0 0 26px;line-height:1.5}.field{margin-bottom:14px}.field label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}input,select{width:100%;padding:11px 13px;background:#040a14d9;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:15px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--border-strong)}button{width:100%;padding:12px 16px;background:linear-gradient(180deg,#35e0ff38,#35e0ff1a);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .05s}button:hover:not(:disabled){background:linear-gradient(180deg,#35e0ff57,#35e0ff29)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border-color:var(--border);font-weight:500}.auth-switch{margin-top:16px;text-align:center;font-size:12px;color:var(--text-dim)}.auth-switch a{color:var(--accent);cursor:pointer;text-decoration:none}.error{color:var(--bad);font-size:12px;margin-top:10px;min-height:16px}.topbar{position:absolute;top:0;right:0;display:flex;align-items:center;gap:10px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));z-index:4}.topbar-help{width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--panel-lift);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.topbar-help:hover{color:var(--accent);border-color:var(--border-strong)}.topbar .brand{font-weight:300;letter-spacing:.3em;text-transform:uppercase;font-size:13px;color:var(--accent)}.topbar .spacer{flex:1}.stat{display:flex;flex-direction:column;line-height:1.2}.stat .label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.stat .value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px currentColor}.status-dot.reconnecting{background:var(--accent-warm)}.status-dot.closed{background:var(--bad)}.sidepanel{position:absolute;top:64px;right:12px;width:330px;max-height:calc(100vh - 88px);overflow-y:auto;padding:16px}.back-button{position:absolute;top:64px;left:12px;width:auto;padding:8px 14px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid rgba(120,170,230,.07)}.row:last-child{border-bottom:none}.row .k{color:var(--text-dim)}.row .v{font-variant-numeric:tabular-nums}.module-row{padding:9px 0;border-bottom:1px solid rgba(120,170,230,.07)}.module-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.module-name{font-size:13px;font-weight:600}.module-state{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.module-state.stalled{color:var(--bad)}.module-state.producing{color:var(--good)}.module-state.building{color:var(--accent-warm)}.bar{height:3px;background:#78aae624;border-radius:2px;margin-top:6px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);transition:width .3s linear}select.recipe{margin-top:6px;font-size:12px;padding:6px 8px}.hint{color:var(--text-dim);font-size:11px;line-height:1.5}.lang-picker{width:auto;padding:5px 7px;font-size:11px;background:#040a14b3}.auth-lang{display:flex;justify-content:flex-end;margin-bottom:4px}.auth-lang select{width:auto;font-size:12px;padding:5px 8px}.market{position:absolute;left:12px;bottom:12px;width:min(460px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;padding:12px;transition:none}.market.expanded{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(1180px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));z-index:12;box-shadow:0 24px 80px #000000bf}.market-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.market-picker{flex:1;min-width:140px;font-size:12px;padding:7px 9px}.icon-btn{width:auto;padding:7px 10px;font-size:13px;line-height:1}.tf-group{display:flex;gap:4px}.chip{width:auto;padding:5px 10px;font-size:11px;font-weight:500;border-radius:6px;background:#040a1499;border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.chip.active{color:var(--accent);border-color:var(--border-strong);background:#35e0ff1f}.market-body{display:flex;gap:10px;flex:1;min-height:0}.market-side{display:none;width:210px;flex-direction:column;min-height:0}.market.expanded .market-body{min-height:0}.market.expanded .market-side{display:flex}.market-depth-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.market-legend{display:flex;gap:12px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-dim);min-height:14px}.market-legend i{font-style:normal;margin-right:4px;opacity:.65}.market-legend .up{color:var(--good)}.market-legend .down{color:var(--bad)}.market-tools{display:flex;gap:5px;flex-wrap:wrap}.depth-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:3px}.depth-label.bid{color:var(--good)}.depth-label.ask{color:var(--bad)}.market-quote{display:flex;gap:14px;font-size:12px;font-variant-numeric:tabular-nums}.market-quote .q{display:flex;flex-direction:column}.market-quote .q i{font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.market-quote .bid{color:var(--good)}.market-quote .ask{color:var(--bad)}.market-chart{height:190px;width:100%;flex:1;min-width:0;min-height:160px}.market.expanded .market-chart{height:auto}.market-depth{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;font-variant-numeric:tabular-nums;overflow-y:auto}.market.expanded .market-depth{grid-template-columns:1fr;gap:2px}.depth-row{position:relative;display:flex;justify-content:space-between;padding:2px 4px}.depth-row i{position:absolute;inset:0 auto 0 0;opacity:.16;border-radius:2px}.depth-row.bid i{background:var(--good)}.depth-row.ask i{background:var(--bad)}.depth-row .p,.depth-row .q{position:relative}.market-order{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px}.market-order input{font-size:13px;padding:8px}.market-order button{width:auto;padding:8px 12px;font-size:12px}.market-order .buy{border-color:#4ade8073;background:linear-gradient(180deg,#4ade8033,#4ade8014)}.market-order .sell{border-color:#ff5a4973;background:linear-gradient(180deg,#ff5a4933,#ff5a4914)}.market-toggle{position:absolute;left:12px;bottom:12px;width:auto;padding:9px 15px;font-size:12px}@media (max-width: 720px){.market{left:8px;right:8px;width:auto;bottom:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.market.expanded{inset:0;transform:none;width:100vw;height:100vh;max-height:none;border-radius:0;padding-top:max(12px,env(safe-area-inset-top))}.market.expanded .market-body{flex-direction:column}.market.expanded .market-side{width:auto;max-height:26vh}.market.expanded .market-depth{grid-template-columns:1fr 1fr}.market-chart{height:140px}.market-toggle{bottom:calc(46vh + 16px);left:auto;right:8px}}.feed{position:absolute;top:148px;left:12px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 150px);display:flex;flex-direction:column;padding:14px;z-index:8}.feed-head{display:flex;align-items:center;justify-content:space-between}.feed-head .panel-title{margin:0}.feed-list{overflow-y:auto;margin-top:8px;min-height:0}.feed-row{padding:8px 0 8px 10px;border-left:2px solid var(--border);border-bottom:1px solid rgba(120,170,230,.07);margin-bottom:2px}.feed-row[role=button]{cursor:pointer}.feed-row[role=button]:hover{background:#35e0ff0f}.feed-row.sev-major{border-left-color:var(--bad)}.feed-row.sev-serious{border-left-color:var(--accent-warm)}.feed-row.sev-notable{border-left-color:var(--accent)}.feed-line{font-size:12.5px;line-height:1.35}.feed-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);margin-top:3px}.feed-toggle{position:absolute;top:108px;left:12px;width:auto;padding:9px 15px;font-size:12px}.feed-toggle.has-news{border-color:var(--accent);color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #35e0ff66}50%{box-shadow:0 0 0 6px #35e0ff00}}@media (max-width: 720px){.feed{inset:auto 8px 8px;width:auto;max-height:50vh}.feed-toggle{top:56px;right:8px;left:auto}}.toasts{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:9px 16px;background:#140808eb;border:1px solid rgba(255,90,73,.4);border-radius:8px;font-size:12px;animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 720px){.sidepanel{inset:auto 8px 8px;width:auto;max-height:46vh;padding-bottom:max(16px,env(safe-area-inset-bottom))}.back-button{top:auto;bottom:calc(46vh + 16px);left:8px}.auth-card{padding:26px 20px}}.advisor{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,#040a168c,#02040ad9);z-index:20}.advisor-card{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:22px}.advisor-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.advisor-who{font-size:17px;font-weight:600;letter-spacing:.02em}.advisor-role{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.advisor-line{font-size:14px;line-height:1.55;margin:0 0 12px}.advisor-line.strong{color:#fff}.advisor-line.dim{color:var(--text-dim)}.advisor-situation{border-left:2px solid var(--accent);padding-left:12px;margin:16px 0}.advisor-stage{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.link{width:auto;padding:0;background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:underline}.advisor-choices{display:flex;flex-direction:column;gap:7px;margin-top:14px}.advisor-choice{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:11px 13px;font-weight:500}.choice-label{font-size:13px}.choice-cost{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.advisor-decided{font-size:12px;color:var(--good);margin:12px 0 0}.advisor-mood{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.mood-row{display:flex;align-items:center;gap:7px;font-size:11px}.mood-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mood-name{flex:1;color:var(--text-dim)}.mood-value{font-variant-numeric:tabular-nums}.mood-value.good{color:var(--good)}.mood-value.bad{color:var(--bad)}.advisor-toggle{position:absolute;top:108px;left:12px;width:auto;padding:9px 15px;font-size:12px}.advisor-toggle.has-news{border-color:var(--accent);color:var(--accent);animation:pulse 2s ease-in-out infinite}.feed-toggle{top:152px}.feed{top:192px}@media (max-width: 720px){.advisor-toggle{top:56px;left:8px}.feed-toggle{top:56px;right:8px;left:auto}.feed{top:auto}}.icon{flex-shrink:0;display:block}.resourcebar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(6,12,24,.96),rgba(6,12,24,.72) 70%,transparent);overflow-x:auto;scrollbar-width:none}.resourcebar::-webkit-scrollbar{display:none}.res-group{display:flex;gap:4px;align-items:center}.res-cell{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;background:#101a2cbf;border:1px solid rgba(120,170,230,.14);white-space:nowrap}.res-text{display:flex;flex-direction:column;line-height:1.15}.res-amount{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.res-amount.good{color:var(--good)}.res-amount.bad{color:var(--bad)}.res-rate{font-size:9.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.res-rate.good{color:var(--good)}.res-rate.bad{color:var(--bad)}.res-meter{width:54px;height:3px;background:#78aae629;border-radius:2px;margin-top:3px;overflow:hidden}.res-meter>i{display:block;height:100%;background:var(--accent)}.res-meter>i.full{background:var(--bad)}.navrail{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(6,12,24,.96),transparent)}.nav-btn{width:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;background:#101a2cd9;border:1px solid var(--border);font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--text-dim)}.nav-btn:hover:not(:disabled){background:#1e304ee6;color:var(--text)}.nav-btn.active{color:var(--accent);border-color:var(--border-strong);background:#35e0ff24}.nav-btn.alert{border-color:var(--accent-warm);color:var(--accent-warm);animation:pulse 2s ease-in-out infinite}.tasks{position:absolute;left:12px;top:74px;width:min(290px,calc(100vw - 24px));padding:10px;display:flex;flex-direction:column;gap:4px}.tasks-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700;margin-bottom:4px}.task{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 9px;font-size:11.5px;font-weight:500;letter-spacing:0;background:#142034b3;border:1px solid var(--border);border-left:2px solid var(--accent)}.task.urgent{border-left-color:var(--bad);background:#34141899}.task:hover:not(:disabled){background:#283c5ccc}.task-empty{font-size:11px;color:var(--text-dim);padding:4px 2px}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#02050cb8;backdrop-filter:blur(3px);z-index:15}.screen-card{width:min(680px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;padding:18px}.screen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.screen-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600}.tabs{display:flex;gap:5px;margin-bottom:12px}.tab{width:auto;padding:7px 14px;font-size:11.5px;background:#101a2ccc;border:1px solid var(--border);color:var(--text-dim)}.tab.active{color:var(--accent);border-color:var(--border-strong);background:#35e0ff1f}.build-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.build-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;background:#121e32b3;border:1px solid var(--border)}.build-card.locked{opacity:.62}.build-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#35e0ff17;border:1px solid var(--border);flex-shrink:0}.build-body{flex:1;min-width:0}.build-title{font-size:13.5px;font-weight:600;display:flex;align-items:baseline;gap:6px}.build-owned{font-size:10px;color:var(--accent);font-weight:700}.build-effects{display:flex;gap:10px;align-items:center;margin:3px 0;font-size:10.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.build-effects .icon{vertical-align:-2px;display:inline-block}.build-cost{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums}.cost{display:flex;align-items:center;gap:4px}.cost.short b{color:var(--bad)}.cost.short i{color:var(--bad);font-style:normal;opacity:.75}.cost.time{color:var(--text-dim)}.build-go{width:auto;padding:10px 16px;font-size:12px;flex-shrink:0}@media (max-width: 720px){.tasks{top:66px;left:8px;right:8px;width:auto}.nav-btn{padding:7px 10px;font-size:9.5px}.res-cell{padding:4px 7px;gap:5px}.sidepanel{max-height:38vh;bottom:84px}.market,.feed{bottom:84px}}.resourcebar{right:200px;border-radius:0 0 0 10px}.topbar{background:linear-gradient(180deg,rgba(6,12,24,.96),rgba(6,12,24,.72) 70%,transparent)}.topbar .brand,.topbar .spacer{display:none}.station-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 10px;border-radius:10px;background:#101830b8;border:1px solid var(--border);backdrop-filter:blur(6px);white-space:nowrap;font-size:12px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:opacity .2s}.station-label .sl-name{font-weight:600;letter-spacing:.01em}.station-label .sl-tag{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.station-label.mine{border-color:#ffb445bf;background:#3a260eb8;box-shadow:0 0 20px #ffb44540}.station-label.mine .sl-tag{color:var(--accent-warm)}.station-label.rival{border-color:#b78cff99;background:#2a1a42b8}.station-label.rival .sl-tag{color:var(--accent-violet)}.station-label.far{opacity:.45;font-size:11px}.intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 40%,#0a10248c,#040712e0);backdrop-filter:blur(3px);z-index:20}.intro-card{width:min(460px,100%);padding:26px 26px 20px;text-align:center;border-radius:18px;border:1px solid var(--border-strong);background:linear-gradient(165deg,#2e3c6aeb,#141c36f2);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff14;animation:intro-in .28s cubic-bezier(.2,.9,.3,1)}@keyframes intro-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.intro-art{color:var(--accent-warm);filter:drop-shadow(0 0 18px rgba(255,180,69,.45));margin-bottom:6px}.intro-step{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim)}.intro-card h2{margin:8px 0 10px;font-size:21px;font-weight:600;letter-spacing:-.01em}.intro-card p{margin:0;color:var(--text-dim);line-height:1.62;font-size:14px}.intro-dots{display:flex;justify-content:center;gap:7px;margin:20px 0 16px}.intro-dots i{width:7px;height:7px;border-radius:50%;background:#a0bef047;transition:background .2s,transform .2s}.intro-dots i.on{background:var(--accent-warm);transform:scale(1.25)}.intro-actions{display:flex;gap:10px;justify-content:center}.intro-actions button{min-width:120px;padding:10px 18px;font-size:14px}.panel{background:linear-gradient(168deg,#2c3a64db,#141c36e6);border:1px solid var(--border);box-shadow:var(--shadow),inset 0 1px #ffffff0f}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(60% 45% at 78% 8%,rgba(255,138,61,.1),transparent 70%),radial-gradient(70% 55% at 12% 92%,rgba(120,90,255,.14),transparent 72%);mix-blend-mode:screen}@media (max-width: 720px){.resourcebar{right:140px}.topbar .stat{display:none}.intro-card{padding:22px 18px 18px}}