:root{color-scheme:dark;--bg:#07121c;--muted:#7d9cab;--line:#2a4553;--accent:#70e4ec;--amber:#e6b779;--panel:rgba(6,19,29,.9);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03070d;color:#d7eaf0}button,input,select{font:inherit}button{cursor:pointer;color:#bbdce2;background:#112634;border:1px solid #315363;border-radius:3px;transition:background .15s,border-color .15s}button:hover{background:#1a3a4b;border-color:#69e3ec}button:active{transform:translateY(1px)}#scene{position:fixed;width:100vw;height:100vh;display:block;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.grain{position:fixed;inset:0;background:radial-gradient(ellipse at 48% 55%,transparent 25%,rgba(2,8,12,.53) 100%);pointer-events:none;z-index:1}.topbar{position:fixed;top:0;left:0;right:0;height:74px;z-index:8;background:linear-gradient(180deg,rgba(4,13,20,.96),rgba(4,13,20,.78));border-bottom:1px solid rgba(120,217,236,.17);display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 22px}.identity{display:flex;align-items:center;gap:14px}.glyph{display:grid;place-items:center;width:39px;height:39px;border:1px solid #67d1df;border-radius:50%;font-size:24px;color:var(--accent);box-shadow:0 0 25px #32ced220}.eyebrow{color:#8cccd4;letter-spacing:2px;font-size:9px;font-weight:700}h1{font-size:22px;letter-spacing:4px;margin:1px 0 0;font-weight:650;line-height:1.1}h1 span{color:#73eef1}h1 small{font-size:11px;font-weight:450;letter-spacing:2.2px;color:#a6c2ca;padding-left:10px}.rightstatus{display:flex;align-items:center;gap:24px;color:#80a5b2;font:10px ui-monospace,monospace;letter-spacing:1px}.live{color:#a5eacb}.live i{display:inline-block;background:#58dba6;width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 13px #46f0aa}#fullscreen{width:33px;height:31px;font-size:19px}.sidebar{position:fixed;top:74px;bottom:237px;left:0;width:322px;z-index:6;background:var(--panel);backdrop-filter:blur(17px);border-right:1px solid #42616e69;padding:20px 20px 26px;overflow:auto}.scrollarea::-webkit-scrollbar,.inventory-list::-webkit-scrollbar{width:5px}.scrollarea::-webkit-scrollbar-thumb,.inventory-list::-webkit-scrollbar-thumb{background:#35515b}.panel-heading{display:flex;flex-direction:column;gap:5px}.sectiontag{font-size:10px;font-weight:720;letter-spacing:1.9px;color:var(--accent)}.thin{font-size:9px;color:#7695a4;letter-spacing:1.2px}.hero-stat{display:flex;align-items:center;gap:15px;padding:18px 0 18px}.hero-stat>strong{font-size:37px;font-weight:340;letter-spacing:-2px;color:#b3f7f3}.hero-stat div{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:1px;color:#aec9d0}.hero-stat small{font-size:8px;color:#74dba7}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:rgba(42,76,90,.17);border:1px solid #2e505c;padding:10px;display:flex;flex-direction:column;gap:4px}.stat label{font-size:9px;color:#8eaab3}.stat strong{font:18px ui-monospace,monospace;font-weight:600;color:#e3f8fa}.stat small{font-size:9px;color:#6e94a2}.rule{height:1px;background:#2b4653;margin:20px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-header h2{margin:0;color:#aecbd3;font-size:10px;letter-spacing:1.4px}.section-header span{font:10px ui-monospace,monospace;color:#6599a7}.sector-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sector-btn{text-align:left;padding:9px 8px;border-color:#28434f;background:#0e202b;min-height:48px}.sector-btn.selected{border-color:#89e9e8;background:#1d4249}.sector-btn b{display:block;color:#d0eef0;font-size:10px;letter-spacing:.8px}.sector-btn small{display:block;color:#7e9ca6;font-size:9px;margin-top:5px}.range-label{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:#afc7ce;font-size:11px}.range-label b{font:12px ui-monospace,monospace;color:#a6fbf2}input[type=range]{width:100%;height:16px;accent-color:#72e3e8;margin:5px 0 0}.range-caps{display:flex;justify-content:space-between;color:#618594;font-size:9px}.actions{display:flex;gap:7px;margin-top:16px}.actions button{font-size:9px;padding:10px 8px;flex:1;letter-spacing:.4px}.actions .warn{border-color:#866044;color:#f3c398}.toggle-row{font-size:11px;color:#c8d8dd;padding:5px 0}.toggle-row input{accent-color:#71e3ea;vertical-align:middle;margin-right:6px}.quiet{color:#647f8d;font-size:10px;line-height:1.6;margin-top:20px}.viewport-ui{pointer-events:none;position:fixed;inset:74px 0 230px 322px;z-index:3}.site-label{position:absolute;top:30px;left:38px;display:flex;flex-direction:column;gap:6px;text-shadow:0 1px 8px #000}.site-label span{color:#75cad5;font-size:10px;letter-spacing:2px}.site-label strong{color:#eef9f6;font-size:22px;letter-spacing:2px;font-weight:550}.site-label small{color:#94b3c0;font-size:11px}.navhint{position:absolute;bottom:24px;left:38px;font-size:10px;color:#d0e9e5;letter-spacing:1.1px;text-shadow:0 1px 8px #000}.navhint em{color:#6fdde5;font-style:normal;padding:0 6px}.vertical-label{position:absolute;right:21px;top:47px;writing-mode:vertical-rl;font:9px ui-monospace,monospace;color:#75a1a7;letter-spacing:2px}.centerreticle{position:absolute;top:50%;left:50%;font:28px ui-monospace,monospace;color:#8eece6;opacity:.34;transform:translate(-50%,-50%)}.bottompanel{position:fixed;z-index:7;left:0;right:0;bottom:0;height:237px;background:rgba(4,16,25,.96);border-top:1px solid #385763;backdrop-filter:blur(13px);padding:16px 27px 17px}.bottom-header{display:flex;justify-content:space-between;align-items:center;max-width:calc(100% - 306px)}.bottom-header h2{font-size:15px;letter-spacing:1.6px;margin:2px 0 0;font-weight:540}.tabbar{display:flex;gap:3px}.tab{font-size:9px;letter-spacing:1px;border:0;border-bottom:2px solid transparent;background:transparent;padding:7px 12px;border-radius:0}.tab.active{color:#97f5ee;border-color:#71e8e4}.tabpanel{display:none;height:148px;padding-top:12px;max-width:calc(100% - 310px)}.tabpanel.active{display:flex;gap:24px}.bottom-col{flex:1;max-width:520px;min-width:210px}.metrichead{display:flex;justify-content:space-between;color:#789baa;letter-spacing:1px;font-size:9px}.metrichead strong{color:#b2f1ec;font-size:12px}#graph{width:100%;height:95px}.axisfooter{display:flex;justify-content:space-between;color:#5f8392;font:9px ui-monospace,monospace}.system-cards{flex:1;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;min-width:0}.sys{border:1px solid #2c4654;padding:10px;min-width:0}.sys div:first-child{display:flex;flex-direction:column;gap:7px}.sys span{font-size:9px;color:#8eacb8;letter-spacing:.7px}.sys strong{font:13px ui-monospace,monospace;color:#b9f4ee}.sys small{display:block;color:#638895;font-size:10px;line-height:1.5;margin-top:9px}.progress{height:3px;background:#243e46;margin-top:12px}.progress i{height:100%;display:block;background:#74dacf;transition:width .4s}.progress.orange i{background:#dda85e}#tab-inventory{display:none;flex-direction:column;gap:8px}#tab-inventory.active{display:flex}.inventory-toolbar{display:flex;align-items:center;gap:12px;font-size:10px;color:#b7d9da;letter-spacing:.6px}.inventory-toolbar label{margin-left:auto;color:#819daa}.inventory-toolbar select,.inventory-toolbar button{font-size:10px;padding:5px 8px;background:#102532;color:#c0d6de;border:1px solid #3c5e6a}.inventory-list{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));overflow:auto;gap:5px;max-height:97px}.inventory-item{font-size:10px;text-align:left;padding:6px 8px;display:flex;justify-content:space-between}.inventory-item em{font-style:normal;color:#80ccd0}.footnote{color:#7897a4;font-size:9px}.robot-grid{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px;flex:1}.robot{border:1px solid #2a4a56;padding:9px}.robot b{font-size:10px;display:block;color:#cbf4f1}.robot span{font-size:9px;color:#71a6b2;display:block;margin-top:7px}.robot strong{font:10px ui-monospace,monospace;color:#e5bd82;display:block;margin-top:8px}.robot-actions{min-width:190px;max-width:230px;display:flex;flex-direction:column;gap:8px}.robot-actions button{padding:8px;font-size:10px}.robot-actions span{font-size:10px;color:#94b0b9;line-height:1.4}.map-panel{position:fixed;z-index:8;bottom:11px;right:21px;width:269px;height:250px;background:#071923f5;border:1px solid #395a66;padding:12px;box-shadow:0 12px 35px #0007}.map-top,.map-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#b2cdd0}.map-top b{font-weight:450;color:#7cced5}#minimap{width:100%;height:190px;display:block}.map-bottom{font-size:8px;color:#789ba4}.dot-cyan,.dot-amber{display:inline-block;width:6px;height:6px;background:#60e4d8;border-radius:50%;margin-right:5px}.dot-amber{background:#e9b976}.toast{position:fixed;z-index:14;top:91px;right:24px;max-width:335px;background:#102b37eb;color:#d1f7eb;border:1px solid #61a9af;padding:10px 14px;font-size:12px;opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1150px){.sidebar{width:270px;padding:15px;bottom:228px}.viewport-ui{left:270px}.bottompanel{height:228px}.map-panel{width:220px;right:10px}.tabpanel{max-width:calc(100% - 235px)}.bottom-header{max-width:calc(100% - 230px)}.system-cards{grid-template-columns:repeat(2,minmax(90px,1fr))}.sys:nth-child(3){display:none}.navhint{font-size:8px}}@media(max-width:850px){.topbar h1 small,.rightstatus #clock{display:none}.topbar{height:59px}.sidebar{top:59px;bottom:220px;width:215px;padding:12px}.viewport-ui{top:59px;left:215px;bottom:220px}.bottompanel{height:220px;padding:10px}.map-panel{display:none}.tabpanel{max-width:100%}.bottom-header{max-width:100%}.site-label{left:12px;top:15px}.site-label strong{font-size:14px}.site-label small,.vertical-label,.navhint{display:none}.tab{font-size:8px;padding:6px}.system-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sidebar{top:auto;bottom:218px;height:125px;width:100%;border-top:1px solid #3c5964}.sidebar>*:not(.panel-heading):not(.hero-stat):not(.stat-grid){display:none}.sidebar .panel-heading{display:none}.hero-stat{padding:3px 0}.hero-stat>strong{font-size:25px}.sidebar .stat-grid{position:absolute;top:6px;right:8px;width:65%;gap:3px}.sidebar .stat{padding:4px}.sidebar .stat strong{font-size:12px}.sidebar .stat small{display:none}.sidebar .hero-stat{width:34%}.viewport-ui{left:0;bottom:340px}.bottompanel{height:218px}.system-cards{display:none}.bottom-col{max-width:100%}.bottom-header h2{font-size:11px}.tab{padding:5px}.inventory-list{grid-template-columns:repeat(2,1fr)}.robot-grid{grid-template-columns:repeat(2,1fr);overflow-y:auto}.robot-actions{min-width:150px}.topbar{padding:0 10px}}