:root{--ink:#dce9e9;--muted:#87a3ad;--cyan:#76ddd8;--gold:#cba86b;--line:rgba(127,181,191,.19);--panel:rgba(7,22,32,.91);--panel2:rgba(12,31,40,.95);--green:#8bdfbe;--alert:#f6b48b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);color-scheme:dark}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#081720;font-size:12px;letter-spacing:.02em}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}canvas#world{display:block;width:100vw;height:100vh;position:absolute;inset:0;z-index:0;touch-action:none}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(10,46,55,.5) 5px),radial-gradient(ellipse at center,transparent,rgba(0,0,0,.45))}.vignette{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(4,17,25,.34),transparent 28%,transparent 68%,rgba(4,17,25,.30)),linear-gradient(180deg,rgba(5,18,27,.45),transparent 25%,transparent 80%,rgba(5,18,27,.8))}
.mono,.panel-kicker,.eyebrow,.overline,.metric-label,.metric-description,.chart-head,.chart-foot,.coordinate,.nav-title,.brand-caption,.header-center,.header-actions,.bottom-bar,.tiny,.nav-tag,.section-number,.incident-note,.security-foot,.status-text,.metric small,.hero-stats,.zone-tooltip,.fineprint{font-family:'Courier New',ui-monospace,Consolas,monospace;letter-spacing:.085em}.mono{font-variant-numeric:tabular-nums}.eyebrow{color:var(--cyan);font-size:9px;letter-spacing:.15em}.panel{position:absolute;top:78px;bottom:85px;z-index:5;box-shadow:0 14px 48px rgba(0,0,0,.24);border:1px solid var(--line);backdrop-filter:blur(17px)}.panel-kicker{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:rgba(106,196,206,.055);border-bottom:1px solid var(--line);font-size:10px;color:#9cb8bd}.panel-kicker span{color:#557b89}
.masthead{position:absolute;top:0;left:0;right:0;height:67px;background:rgba(6,21,30,.94);border-bottom:1px solid rgba(143,183,188,.2);display:flex;align-items:center;justify-content:space-between;padding:0 27px;z-index:7;gap:12px;backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:12px;min-width:325px}.brand img{height:39px;width:39px;border:1px solid #294b55;border-radius:10px}.brand-title{font-weight:720;font-size:15px;letter-spacing:.15em;color:#e1f1ec}.brand-slash{color:var(--gold)}.brand-caption{font-size:8.5px;color:#688b98;display:block;margin-top:5px}.brand-tiny{color:#d3b479}.header-center{display:flex;align-items:center;gap:14px;justify-content:center;font-size:9px;font-weight:700;color:#b8d5d7;white-space:nowrap}.header-center i{width:1px;height:13px;background:#41606a}.heartbeat,.tiny-pulse{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}.header-actions{display:flex;align-items:center;gap:19px;font-size:10px;white-space:nowrap}.live-tag{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:9px}.icon-btn{border:1px solid #35525c;color:#a3c3ca;background:#12303b;border-radius:50%;width:27px;height:27px;font-weight:700}
.sidebar{left:20px;width:259px;display:flex;flex-direction:column;background:var(--panel)}.side-head{padding:22px 20px 20px}.side-head .eyebrow{margin:0 0 13px}.side-head h1{font-size:28px;line-height:1.07;letter-spacing:-.048em;font-weight:610;margin:0;color:#e7f1ef}.side-head h1 em{font-weight:320;color:#90d5d5;font-style:normal}.side-head p:not(.eyebrow){font-size:10.5px;color:#829ca7;line-height:1.65;margin:14px 0 0}.nav-title{padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#b1c7c8}.nav-title .tiny{font-size:8px;color:#608190}.zone-list{overflow-y:auto;overflow-x:hidden;flex:1;padding:8px 9px 4px;scrollbar-width:thin;scrollbar-color:#355b64 transparent}.zone{width:100%;height:41px;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:1px solid transparent;color:#a7bcc4;padding:4px 8px;transition:all .16s}.zone:hover{border-color:#325966;background:rgba(106,196,206,.045)}.zone.selected{background:linear-gradient(90deg,rgba(109,213,215,.14),rgba(109,213,215,.018));border-color:rgba(111,206,205,.22);color:#e2f9f5}.zone-symbol{width:24px;height:24px;display:grid;place-items:center;font-size:13px;background:#122f39;color:#75b8be;border:1px solid #29464e}.zone.selected .zone-symbol{color:var(--cyan);background:#1a4448}.zone-center{flex:1;min-width:0}.zone-name{display:block;font-size:10px;font-weight:660;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-type{display:block;font-size:8px;color:#6d8b95;text-transform:uppercase;margin-top:4px}.zone-status{border-radius:20px;width:5px;height:5px;background:#6dbe9d}.sidebar-bottom{background:rgba(6,19,29,.52);padding:13px 19px 15px;border-top:1px solid var(--line)}.coordinate{font-size:8px;color:#93b3b8;line-height:1.6}.coordinate .mono{display:block;margin-left:12px;color:#597d88;font-size:9px}.dot-cyan{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.vault-progress{border-top:1px solid rgba(130,185,194,.12);margin-top:13px;padding-top:13px}.vault-progress>span{font-size:9px;color:#8ca9ae}.vault-progress strong{display:block;margin-top:7px;font-size:17px;font-weight:480;letter-spacing:.07em}.vault-progress strong small{font-size:10px;color:#638591}.meter{margin-top:10px;height:3px;background:#243e48}.meter div{height:100%;background:linear-gradient(90deg,#348b97,#91e1c4)}
.central-info{pointer-events:none;position:absolute;z-index:3;left:295px;right:368px;top:87px;bottom:95px}.visual-mode{display:flex;gap:11px;align-items:center;justify-content:center;color:#81b4c1;font:9px 'Courier New',monospace;letter-spacing:.15em;text-shadow:0 2px 8px #000}.line-left,.line-right{height:1px;flex:1;max-width:40px;background:linear-gradient(90deg,transparent,#457781)}.line-right{transform:rotate(180deg)}.hero-caption{max-width:440px;margin:12vh 0 0 27px;text-shadow:0 3px 20px #06131b;pointer-events:none;transition:opacity .3s}.overline{font-size:9px;color:#addbdb;letter-spacing:.18em}.hero-caption h2{font-size:clamp(42px,4.1vw,67px);line-height:.99;margin:13px 0 18px;letter-spacing:-.055em;font-weight:740;color:#e3f2f2}.hero-caption h2 span{font-weight:300;color:#83d4d0}.hero-caption>p{color:#acbec2;max-width:260px;line-height:1.66;font-size:11.2px}.hero-rule{height:1px;background:linear-gradient(90deg,#8bc4c5,transparent);width:145px;margin:24px 0 14px}.hero-stats{display:flex;flex-direction:column;gap:8px;font-size:8.8px;color:#9bbcc3}.hero-stats strong{color:#dcf2ee;font-size:12px;letter-spacing:.06em;margin-right:9px}.compass{position:absolute;top:36px;right:16px;text-align:center;color:#8caeb5}.compass-top{font-size:11px;font-weight:700}.compass-lines{display:flex;align-items:center;gap:7px;font-size:29px;color:#9bd8d3}.compass-lines i{width:16px;height:1px;background:#63878f}.compass-bottom{display:block;font:8px 'Courier New',monospace;letter-spacing:.05em}.zone-tooltip{position:absolute;bottom:22px;left:20px;width:265px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(7,25,34,.9),rgba(7,25,34,.12));padding:10px 16px;display:none;flex-direction:column;gap:5px}.zone-tooltip strong{font-size:11px}.zone-tooltip span:last-child{color:#9eb9c0;font-size:9px;line-height:1.5}
.dashboard{right:20px;width:332px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#264a56 transparent;background:var(--panel)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 17px 13px}.panel-heading .eyebrow{font-size:8px}.panel-heading h3{font-size:16px;margin:5px 0 0;font-weight:620;letter-spacing:-.035em}.status-circle{width:26px;height:26px;border:1px solid rgba(118,210,175,.4);border-radius:50%;position:relative}.status-circle:after{content:'';position:absolute;inset:8px;background:#80d6b7;border-radius:50%;box-shadow:0 0 14px #66ddab}.status-circle.alert{border-color:#cf976e}.status-circle.alert:after{background:#ef8d59;box-shadow:0 0 12px #d66d4f}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0 17px 17px}.metric{background:rgba(119,180,188,.045);border:1px solid rgba(131,186,196,.14);min-height:96px;padding:13px 10px}.metric-label{font-size:8px;white-space:nowrap;display:flex;justify-content:space-between;color:#89adb7}.metric-label>span{color:#476c79}.metric-value{margin-top:12px;font-size:26px;letter-spacing:-.05em;font-weight:500;font-variant-numeric:tabular-nums}.metric-value.blue{color:#a3e5df}.metric-value small{font-size:11px;color:#92b6bc}.metric-description{font-size:8px;margin-top:6px;color:#7094a0}.graph-section{padding:16px 17px;border-top:1px solid var(--line)}.chart-head,.chart-foot{display:flex;justify-content:space-between;font-size:8.5px;color:#9dbaBE}.chart-head .mono{color:#96d6c8}.chart-wrap{height:124px;margin-top:7px;position:relative;background:linear-gradient(180deg,rgba(35,97,99,.04),rgba(18,60,68,.08));border-bottom:1px solid #36545b}.chart-wrap canvas{width:100%;height:100%;display:block}.graph-top,.graph-bottom{position:absolute;right:2px;color:#527d86;font:9px 'Courier New',monospace}.graph-top{top:6px}.graph-bottom{bottom:8px}.chart-foot{margin-top:9px;color:#59818d;font-size:7.5px}.tabbar{display:flex;align-items:center;padding:0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:18px}.tabbar button{border:none;color:#678e9b;background:transparent;font-family:'Courier New',monospace;letter-spacing:.06em;font-size:9px;height:43px;padding:0 1px;border-bottom:2px solid transparent}.tabbar button.active{color:#aae1dd;border-color:var(--cyan)}.tab-body{padding:15px 17px;display:none;min-height:230px}.tab-body.active{display:block}.setting{margin-bottom:19px}.setting-label{display:flex;justify-content:space-between;gap:5px;margin-bottom:12px;color:#a8c3c6;font-size:10px}.setting-label b{font-size:10px;color:#9de6d9;font-family:'Courier New',monospace}.setting input[type=range]{display:block;width:100%;height:4px;margin:0;accent-color:#76ddd8;cursor:pointer}.range-text{font-size:9px;display:flex;justify-content:space-between;margin-top:8px;color:#567d89}.toggle-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px}.toggle-row b{display:block;font-weight:500;font-size:10px}.toggle-row small{display:block;color:#6f929d;font-size:9px;margin-top:4px}.toggle{border:1px solid #31545c;background:#19333b;border-radius:20px;width:34px;height:19px;padding:2px;display:flex;align-items:center}.toggle span{width:12px;height:12px;background:#638c96;border-radius:50%;transition:transform .2s}.toggle.active{background:#1e625e;border-color:#4b9d91}.toggle.active span{transform:translateX(15px);background:#a1e7cc}.robotics-head{display:flex;gap:10px;align-items:center;margin-bottom:20px}.robot-symbol{display:grid;place-items:center;width:34px;height:34px;background:#183944;color:var(--cyan);font-size:21px;border:1px solid #2a6369}.robotics-head strong{display:block;font-size:9px}.robotics-head small{display:block;margin-top:5px;color:#739ba2;font-size:9px}.robot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}.robot-metrics div{border:1px solid var(--line);padding:9px}.robot-metrics small{display:block;color:#678f9c;font-size:8px}.robot-metrics strong{display:block;margin-top:8px;font-size:14px}.lookup{display:flex;margin-bottom:9px;gap:5px}.lookup input{width:100%;min-width:0;background:#0b2932;border:1px solid #395660;color:#f0fafa;padding:10px;font-family:'Courier New',monospace;font-size:11px}.lookup button,.action-button{border:1px solid #367077;background:rgba(58,124,132,.23);color:#a6e1db;padding:9px;font:9px 'Courier New',monospace}.action-button{width:100%;padding:12px}.incident-note{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#91b6bc;margin:3px 0 14px}.incident-note span{font-size:7px;color:#b58e5b}.incident-btn{display:block;text-align:left;width:100%;padding:12px;background:#122731;border:1px solid #37525d;margin:7px 0;color:#d9c4a4;font:10px 'Courier New',monospace}.incident-btn:hover{background:#253941}.incident-reset{color:#95e0cd;border-color:#3e7775}.security-foot{margin-top:12px;color:#658491;font-size:8px;line-height:1.6}.dashboard-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-top:1px solid var(--line);color:#7098a2;font-size:9px}.dashboard-foot strong{color:#86d7b9}.dashboard-foot strong.alert{color:#eba776}
.bottom-bar{position:absolute;z-index:6;bottom:12px;left:20px;right:20px;min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;background:rgba(6,22,31,.93);border:1px solid var(--line);backdrop-filter:blur(18px);font-size:9px}.bottom-bar .eyebrow{color:#83a5af;letter-spacing:.08em}.left-bottom,.bottom-center,.right-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chip,.speed,.time-btn{border:1px solid #2d505b;background:#102c36;color:#82a8b2;font:9px 'Courier New',monospace;padding:9px;white-space:nowrap}.chip.selected,.speed.selected{color:#a5e6de;border-color:#3b9190;background:#174746}.speed{padding:8px}.time-btn{font-size:15px;padding:5px 9px;color:#9ddbd2}.separator{height:18px;width:1px;background:#45606a;margin:0 8px}.right-bottom{gap:13px}.key-hint{color:#638997}.key-hint b{color:#acc4c9;font-weight:500}.bottom-center .mono{color:#749aa5}
.toast-stack{position:absolute;z-index:20;right:372px;bottom:105px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.toast{padding:12px 14px;color:#d7f3ef;background:rgba(15,52,60,.94);border:1px solid #3e7776;max-width:320px;min-width:230px;font-size:10px;box-shadow:0 10px 22px rgba(0,0,0,.25);animation:toastin .25s ease-out}.toast strong{display:block;color:#91e1d4;margin-bottom:6px;font:9px 'Courier New',monospace}.modal-backdrop{position:absolute;inset:0;background:rgba(0,9,14,.78);z-index:30;display:grid;place-items:center;backdrop-filter:blur(8px)}[hidden]{display:none!important}.help-card{position:relative;width:min(525px,92vw);max-height:90vh;overflow-y:auto;background:#0b2430;border:1px solid #4c8586;padding:33px;box-shadow:0 30px 80px #0009}.help-card h2{font-size:30px;margin:10px 0 8px}.help-card p{line-height:1.7;color:#a6c1c5}.help-card dl{display:grid;grid-template-columns:115px 1fr;gap:15px;margin:25px 0}.help-card dt{font:10px 'Courier New',monospace;color:#9bd9d4}.help-card dd{margin:0;color:#b9d4d5;line-height:1.6}.help-card .fineprint{font-size:9px;color:#688d98}.close-btn{position:absolute;top:15px;right:15px;color:#c2e0de;background:#143640;border:1px solid #3b636d;padding:8px}.loading-emblem{font-size:70px;color:#93d8d1;filter:drop-shadow(0 0 20px #418f8c);margin-bottom:22px}#loading{position:absolute;inset:0;background:#071923;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transition:opacity .8s}#loading>span{font-family:'Courier New',monospace;letter-spacing:.27em;color:#d4e9e8}#loading p{font:10px 'Courier New',monospace;letter-spacing:.1em;color:#83a7ae}.loading-track{width:265px;height:3px;background:#183744;margin-top:15px;overflow:hidden}.loading-track>div{width:35%;height:100%;background:#86d9d1;animation:scan 1.3s infinite linear}#fatal{position:absolute;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);max-width:600px;padding:32px;background:#122b35;border:1px solid #c27d63;color:#e1eaeb}#fatal p{line-height:1.6}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 1px #4ab39b}}@keyframes toastin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(850%)}}
@media(max-width:1290px){.header-center .header-secondary,.header-center i{display:none}.bottom-bar .right-bottom{display:none}.hero-caption{opacity:.8}.sidebar{width:230px}.dashboard{width:310px}.central-info{left:267px;right:335px}.toast-stack{right:338px}}
@media(max-width:1050px){.header-center{display:none}.sidebar{left:10px;top:76px;bottom:80px;width:213px}.dashboard{right:10px;top:76px;bottom:80px;width:277px}.central-info{left:234px;right:298px}.hero-caption{margin-left:2px}.hero-caption h2{font-size:43px}.bottom-bar{left:10px;right:10px}.bottom-center{gap:4px}.chip{padding:7px}}
@media(max-width:720px){.masthead{height:61px;padding:0 12px}.brand{min-width:0}.brand-title{font-size:12px}.brand-caption{font-size:7px}.brand img{width:32px;height:32px}.header-actions .live-tag{display:none}.sidebar{width:190px;top:70px;bottom:90px}.side-head{padding:13px}.side-head h1{font-size:21px}.side-head p:not(.eyebrow){display:none}.zone-list{padding:3px}.nav-title,.panel-kicker{padding:0 10px}.dashboard{width:235px;right:8px;top:70px;bottom:90px}.panel-heading{padding:12px}.panel-heading h3{font-size:13px}.metric-grid{padding:0 8px 8px}.metric{padding:8px;min-height:75px}.metric-value{font-size:19px}.metric-label{font-size:7px}.graph-section{padding:12px}.tabbar{padding:0 10px;gap:10px}.tabbar button{font-size:8px}.tab-body{padding:10px}.central-info{left:202px;right:252px}.hero-caption{display:none}.compass{display:none}.bottom-bar{bottom:7px;padding:7px;flex-wrap:wrap;gap:4px}.bottom-center .eyebrow,.left-bottom>.eyebrow,.bottom-center .mono{display:none}.toast-stack{right:250px;bottom:115px}}