:root{--bg: #03060f;--panel: rgba(10, 18, 32, .82);--panel-solid: #0b1524;--border: rgba(120, 170, 230, .18);--border-strong: rgba(120, 190, 255, .42);--text: #dce6f5;--text-dim: #8ba0bd;--accent: #35e0ff;--accent-warm: #ffb445;--good: #4ade80;--bad: #ff5a49;--radius: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .55)}*{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;left:0;right:0;display:flex;align-items:center;gap:14px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(3,6,15,.9),transparent)}.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}}.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}}