@import url('data:text/css,');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#dae7ea;background:#07111b;font-size:12px;--txt:#dce8ee;--dim:#8ca4ae;--accent:#f4ac62;--cyan:#66e6e3;--stroke:rgba(152,193,207,.17)}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:620px;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f2ac5b;outline-offset:2px}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;background:#122736}#atmosphere{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,22,34,.12),transparent 50%,rgba(1,7,13,.25))}.glass{background:linear-gradient(145deg,rgba(9,24,36,.91),rgba(9,25,35,.82));backdrop-filter:blur(18px);border:1px solid var(--stroke);box-shadow:0 12px 70px rgba(0,0,0,.28)}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-left:0;border-top:0;border-right:0}.brand{display:flex;gap:13px;align-items:center}.brand-symbol{width:39px;height:39px;display:grid;place-items:center;border:1px solid #da8c4e;color:#f8b870;font-size:25px;transform:rotate(45deg);background:rgba(206,120,56,.1)}.brand-symbol span{transform:rotate(-45deg)}.brand-name{font-size:19px;letter-spacing:.23em;font-weight:760;color:#f0f4f4}.brand-suffix{font-size:14px;letter-spacing:0;color:#de974e;font-weight:520}.brand-sub{font-size:8px;letter-spacing:.16em;color:#849a9f;margin-top:5px}.divider-dot{padding:0 4px;color:#bd894f}.top-center{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.14em;color:#a7bcc5}.tiny-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.live{background:#58dfbf;box-shadow:0 0 12px #33dfad}.separator{color:#526a77}.top-actions{display:flex;gap:7px}.icon-btn{border:1px solid rgba(140,167,176,.2);background:rgba(75,105,122,.13);width:36px;height:32px;color:#b9cbcf;border-radius:4px;font-weight:700}.icon-btn:hover,.icon-btn.active{border-color:#b1bcbf;color:#fff;background:#284151}.panel{position:absolute;top:86px;bottom:96px;width:293px;padding:20px 18px 13px;z-index:4;overflow:auto;scrollbar-width:thin;scrollbar-color:#345262 transparent;border-radius:8px}.panel-left{left:17px}.panel-right{right:17px}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.eyebrow,.small-warning{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8ca8b1}.pill{border:1px solid rgba(146,110,220,.42);color:#bfb0ed;font-size:9px;padding:4px 6px;border-radius:3px;background:rgba(110,79,164,.12)}h1{font-size:20px;letter-spacing:.1em;margin:10px 0 5px;font-weight:720;color:white}h2{font-size:17px;letter-spacing:.08em;margin:10px 0 13px;color:#fff}.panel-intro{font-size:11px;line-height:1.57;color:#8da6b1;margin:0 0 24px}.section-title{display:flex;align-items:center;gap:9px;color:#d6e3e7;font-size:10px;text-transform:uppercase;font-weight:720;letter-spacing:.065em;margin:24px 0 17px;white-space:nowrap}.section-title span:first-child{color:var(--accent);font-size:11px}.section-title .line{height:1px;flex:1;background:#314958}.slide-row{margin-bottom:17px}.slide-top{display:flex;justify-content:space-between;align-items:center}.slide-top label{font-size:11px;font-weight:580;color:#d4e0e4}.slide-top output{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#f3b77e;font-weight:800}.slide-row input{width:100%;margin:12px 0 2px;height:4px;accent-color:#f2a860;cursor:pointer}.slide-hint{display:flex;justify-content:space-between;color:#67818c;font-size:8px;letter-spacing:.08em}.well-head{display:flex;justify-content:space-between;color:#79949d;font-size:8px;letter-spacing:.09em;margin-bottom:12px}.well-head span:last-child{color:#77e2be}.well-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.well{background:rgba(24,48,54,.77);color:#9aafb7;border:1px solid rgba(119,170,182,.18);padding:9px 0;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.02em}.well.on{background:rgba(37,111,97,.19);border-color:rgba(85,225,175,.43);color:#7eebc5}.well.off{background:rgba(160,60,57,.14);border-color:rgba(244,106,97,.36);color:#dc9390;text-decoration:line-through}.well:hover{filter:brightness(1.4)}.scenario{display:flex;flex-direction:column;gap:8px}.scenario label{font-size:8px;color:#71919d;letter-spacing:.12em}.scenario select,.sim-clock select{background:#142c38;color:#d8e5e9;border:1px solid #35505c;padding:10px 8px;border-radius:3px;max-width:100%;cursor:pointer}.alarm-control{display:flex;gap:6px;margin-top:16px}.trip-btn{border:1px solid rgba(252,111,77,.55);color:#ffb099;background:rgba(124,42,39,.2);flex:1;padding:10px 7px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.03em}.trip-btn:hover{background:rgba(183,58,46,.4)}.reset-btn{border:1px solid #506872;background:rgba(48,66,75,.3);color:#b6c9cd;padding:8px;font-size:9px;font-weight:700}.small-warning{font-size:8px;line-height:1.5;letter-spacing:.055em;border-top:1px solid #273f4a;padding-top:15px;margin-top:17px}.small-warning span{color:#dca06c}.satellite-pulse{width:9px;height:9px;background:#56b4f2;border:2px solid #7cddff;border-radius:50%;box-shadow:0 0 10px #54c7ec}.mini-header{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:#829daa;letter-spacing:.105em;font-weight:720;font-size:9px}.ac-color{color:#74e9b7}.big-output{display:flex;align-items:end;gap:12px;margin:17px 0 14px}.big-output strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:56px;line-height:1;font-weight:520;letter-spacing:-.09em;color:#e8f5f3}.big-output>div{display:flex;flex-direction:column;gap:5px;padding-bottom:6px}.big-output>div span{font-size:20px;font-weight:800;color:#e2af71}.big-output small{font-size:8px;letter-spacing:.11em;color:#829aa3;white-space:nowrap}.progress-track{height:7px;position:relative;background:#29414d;overflow:hidden;border-radius:1px}.progress-value{height:100%;width:30%;background:linear-gradient(90deg,#27b8b7,#8fe5cc);box-shadow:0 0 22px #5bdcc9}.target-line{position:absolute;top:-2px;bottom:-2px;width:2px;left:60%;background:#ffca7a}.output-foot{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:#8ca5b0;letter-spacing:.04em}.output-foot b{color:#e1eef0;font-weight:650}.chart-area{padding:9px 4px;background:rgba(17,43,57,.48);border:1px solid rgba(91,143,157,.19)}.chart-title{font-size:9px;font-weight:800;letter-spacing:.08em;color:#9db9bc;display:flex;justify-content:space-between;margin-bottom:4px}.chart-area canvas{width:100%;display:block}.chart-x-label{display:flex;justify-content:space-between;font-size:8px;color:#8199a3;padding:0 4px 0 27px}.status-row{display:flex;align-items:center;gap:12px;margin:19px 0 17px;border:1px solid rgba(89,179,155,.35);background:rgba(29,94,82,.13);padding:11px 12px}.status-led{display:block;width:10px;height:10px;border-radius:50%;background:#7bf0bd;box-shadow:0 0 10px #66e9af;flex-shrink:0}.status-row div{display:flex;flex-direction:column;gap:4px;flex:1}.status-row b{font-size:10px;color:#8eebbe;letter-spacing:.07em}.status-row small{font-size:9px;color:#91acb2}.status-row>span:last-child{color:#739b9f}.event-log{display:flex;flex-direction:column;gap:8px;max-height:110px;overflow:auto}.event{display:flex;gap:8px;font-size:9px;line-height:1.45;color:#a7c1c3}.event b{font-family:ui-monospace,monospace;color:#dba576;white-space:nowrap}.event-log:empty:before{content:'No new events';color:#71919e;font-size:9px}#clear-events{font-size:9px;color:#91bfbe;border:0;background:none}.view-controls{position:absolute;left:330px;bottom:109px;z-index:3;width:270px;border-radius:7px;padding:12px}.view-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.1em}.view-head span{font-size:8px;font-weight:600;color:#6e8995}.view-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.view-item{border:1px solid rgba(102,150,156,.25);background:rgba(26,59,71,.54);color:#a9c2c9;text-align:left;border-radius:3px;font-size:9px;padding:9px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.view-item.active,.view-item:hover{border-color:#dda46f;color:#ffe0b4;background:rgba(181,112,59,.14)}.view-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}.toggle{background:rgba(10,39,47,.54);border:1px solid rgba(94,145,154,.25);border-radius:3px;color:#9dafb6;padding:8px 4px;font-size:9px;letter-spacing:.06em;display:flex;justify-content:center;align-items:center;gap:5px}.toggle.active{background:rgba(39,104,108,.35);color:#7ee8e4;border-color:#6ecfca}.toggle-indicator{width:6px;height:6px;border-radius:50%;background:#48616b}.toggle.active .toggle-indicator{background:#72eac8;box-shadow:0 0 8px #64e5d0}.minimap{position:absolute;right:332px;bottom:108px;z-index:3;width:258px;padding:10px;border-radius:7px}.map-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#d9e7e8;font-weight:700}.map-label b{font-weight:550;color:#92aeb6}.minimap canvas{width:100%;height:184px;display:block;cursor:crosshair}.map-foot{display:flex;gap:10px;font-size:8px;color:#839da5;letter-spacing:.03em}.map-foot span{display:flex;align-items:center;gap:5px}.map-foot i{width:6px;height:6px;border-radius:50%}.orange{background:#f8a86a}.cyan{background:#69e5d8}.bottom-metrics{position:absolute;z-index:5;bottom:0;left:0;right:0;height:85px;display:flex;justify-content:center;align-items:center;gap:0;border-left:0;border-bottom:0;border-right:0}.metric{padding:8px 26px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;min-width:138px;border-right:1px solid rgba(103,144,153,.22)}.metric span{display:block;flex-basis:100%;font-size:8px;color:#7894a0;letter-spacing:.1em;font-weight:750}.metric strong{font:700 22px ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8f4f5;letter-spacing:-.05em}.metric small{font-size:9px;color:#e7a86a;font-weight:700}.sim-clock{display:flex;align-items:center;gap:6px;padding:10px}.sim-clock button{width:35px;height:36px;border-radius:4px;background:#183746;border:1px solid #345b65;color:#88ece6;font-size:17px}.sim-clock select{padding:8px}.navigation-hint{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:94px;white-space:nowrap;color:#a8c2cd;font-size:9px;letter-spacing:.1em;text-shadow:0 1px 8px #000}.navigation-hint b{color:#e1f5f5}.navigation-hint span{padding:0 8px;color:#df9a67}.world-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.world-tag{position:absolute;transform:translate(-50%,-130%);display:flex;flex-direction:column;align-items:center;min-width:112px;white-space:nowrap;text-shadow:0 1px 8px #000,0 0 8px #000;font-weight:760;color:#ecf2ee;font-size:10px;letter-spacing:.06em}.world-tag small{color:#b3d8d8;font-size:8px;font-weight:600;margin-top:4px;letter-spacing:.03em}.world-tag:after{content:'';height:21px;border-left:1px solid rgba(221,237,226,.65);margin-top:5px}.world-tag:before{content:'';height:5px;width:5px;background:#eaa666;border-radius:50%;position:absolute;bottom:-22px;box-shadow:0 0 12px #f6ae72}#loading{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#143444 0%,#081923 52%,#02070d 100%);transition:opacity .7s}.loader-box{width:min(460px,80vw);text-align:center}.load-icon{font-size:75px;line-height:1;color:#e89b57;text-shadow:0 0 50px rgba(241,135,49,.36)}.load-kicker{color:#f3b26e;letter-spacing:.33em;font-size:10px;margin-top:20px}.load-title{color:#f3faf9;font-size:46px;font-weight:800;letter-spacing:.22em;margin-top:12px}.load-title span{font-weight:420;font-size:21px;letter-spacing:0;color:#db9558}.load-subtitle{font-size:12px;color:#829fae;letter-spacing:.08em;margin-top:14px}.load-rail{height:3px;background:#2c4451;margin-top:45px;overflow:hidden}.load-rail>div{width:5%;height:100%;background:linear-gradient(90deg,#c37a42,#f9cb8e);transition:width .4s}.load-details{display:flex;justify-content:space-between;color:#84a6b7;font:10px ui-monospace,Consolas,monospace;margin-top:12px}.modal{position:absolute;inset:0;z-index:25;background:rgba(1,7,12,.78);display:grid;place-items:center}.modal-card{width:min(580px,90vw);padding:36px;border-radius:8px;position:relative}.modal-card h2{font-size:23px}.modal-card p{font-size:12px;line-height:1.8;color:#c0d5dc}.modal-card .caution{border-left:3px solid #e7a46a;padding-left:11px;color:#d2ad8d}.close-help{position:absolute;top:12px;right:12px;background:none;border:none;color:#abc2c8;font-size:18px}#error-modal{position:absolute;z-index:90;left:10%;top:35%;width:80%;max-width:700px;background:#451f27;border:2px solid #f16c58;border-radius:7px;color:white;font-size:14px;padding:24px;white-space:pre-wrap}#error-modal[hidden],.modal[hidden]{display:none!important}
@media(max-width:1550px){.panel{width:256px;padding:17px 12px}.panel-left{left:10px}.panel-right{right:10px}.view-controls{left:275px}.minimap{right:275px}.metric{padding:8px 17px;min-width:110px}.top-center{font-size:8px}}
@media(max-width:1200px){.top-center{display:none}.panel-right{display:none}.view-controls{left:280px}.minimap{right:12px}.bottom-metrics{justify-content:flex-start;overflow:auto;padding-left:8px}.metric{flex-shrink:0}.navigation-hint{display:none}}
@media(max-width:760px){.topbar{padding:0 11px;height:60px}.brand-name{font-size:14px}.brand-sub{font-size:6px}.brand-symbol{width:30px;height:30px}.panel-left{top:70px;bottom:85px;left:7px;width:210px}.panel h1{font-size:16px}.panel-intro{font-size:10px}.view-controls{left:auto;right:7px;bottom:95px;width:150px}.view-list{grid-template-columns:1fr}.view-item:nth-child(n+5){display:none}.view-options{grid-template-columns:1fr 1fr}.minimap{display:none}.world-tag{font-size:8px}.metric{min-width:113px;padding:8px 12px}.brand-suffix{display:none}}
